@charset "UTF-8";

@keyframes bg-zoom-anim {
    0% {
        background-size: 100% auto;
    }

    100% {
        background-size: 130% auto;
    }
}

@-moz-keyframes bg-zoom-anim {
    0% {
        background-size: 100% auto;
    }

    100% {
        background-size: 130% auto;
    }
}

@-o-keyframes bg-zoom-anim {
    0% {
        background-size: 100% auto;
    }

    100% {
        background-size: 130% auto;
    }
}

@keyframes bg-zoom-anim {
    0% {
        background-size: 100% auto;
    }

    100% {
        background-size: 130% auto;
    }
}

@keyframes section-animation {
    0% {
        width: 0;
    }

    15% {
        width: 100%;
    }

    85% {
        opacity: 1;
    }

    90% {
        width: 100%;
        opacity: 0;
    }

    to {
        width: 0;
        opacity: 0;
    }
}

:root {
    /* Font family */
    --poppins: "poppins", sans-serif;
    --catamaran: "Catamaran", sans-serif;
    --stix: "STIX Two Text", serif;
    --movie: "Stalinist One", sans-serif;
    --fontAwesome: "Font Awesome 6 Pro";
    /* Colors variable */
    --white: #ffffff;
    --black: #000000;
    --heading-color: #ff0000;
    --heading-color-2: #171619;
    --subHeading-color: #0d0c0c;
    --pera-color: #686868;
    --pera-color-2: #4a4c51;
    --pera-color-3: #919191;
    --theme-color: #393736;
    --base-color: #fde1e1;
    --theme-light-color: #ffeef0;
    --theme-light-color-2: #f1b1af;
    --theme-light-color-3: #f8f6f4;
    --dark-color: #141414;
    --dark-color-2: #262420;
    --theme-yellow: #ffa200;
    --grey-eee: #eeeeee;
    --grey-f2f: #f2f2f4;
    --grey-f2f: #f2f2f4;
    --base-gradient: linear-gradient(90deg, #E10419 0%, #8F0815 100%);
    --base-color-3: #ffa200;
    --base-gradient-3: linear-gradient(45deg, #FFA200 0%, #E10419 100%);
    --base-gradient-4: linear-gradient(90deg, #E10419 0%, #8F0815 100%);
    --tna-pr-1: #E10419;
    --tna-pr-2: #E504EE;
    --tna-sd-1: #173FCF;
    --tna-heading-1: #ff0000;
    --tna-para-1: #686868;
    --tna-gd-1: linear-gradient(90deg, #E10419 0%, #8F0815 100%);
    --tna-gd-2: linear-gradient(90deg, #173FCF 0%, #E504EE 100%);
}

.fix {
    overflow: hidden;
}

.tx-container-fluid {
    max-width: 1830px;
}

.tx-rotate-45 {
    transform: rotate(-45deg);
}

.tx-pd-20 {
    padding: 20px;
}

.tx-pd-30 {
    padding: 30px;
}

.tx-pd-40 {
    padding: 40px;
}

.pl-0 {
    padding-left: 0 !important;
}

.tx-thumb-zoom .thumb-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
}

.tx-thumb-zoom .thumb-wrapper img {
    transition: all 0.4s ease-in-out;
}

.tx-border-all {
    border: 1px solid;
}

.tx-border-top {
    border-top: 1px solid;
}

.tx-border-bottom {
    border-bottom: 1px solid;
}

.tx-border-op-10 {
    border-color: rgba(2, 6, 28, 0.1);
}

.tx-border-theme {
    border-color: var(--theme-color);
}

.tx-radious-20 {
    border-radius: 20px;
}

.tx-radious-25 {
    border-radius: 25px;
}

.tx-radious-25 img {
    border-radius: 25px !important;
}

.tx-radious-50 {
    border-radius: 50%;
}

.tx-radious-50 a {
    border-radius: 50%;
}

.tx-radious-50 img {
    border-radius: 50% !important;
    max-width: 22px;
}

.tx-radious-60 {
    border-radius: 60px !important;
}

.tx-radious-60 img {
    border-radius: 60px !important;
}

.tx-radious-30 {
    border-radius: 30px;
}

.tx-radious-40 {
    border-radius: 40px;
}

.tx-radious-40 img {
    border-radius: 40px !important;
}

.tx-uppercase {
    text-transform: uppercase;
}

.tx-bb2px {
    border-bottom: 2px solid var(--theme-color);
}

.tx-underline {
    background-image: gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background-image: linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 0px 2px;
    background-position: 0px 95%;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    padding: 0.7% 0px;
    background-repeat: no-repeat;
    color: inherit;
    background-size: 100% 2px;
}

.tx-input-field input,
.tx-input-field textarea {
    width: 100%;
    padding: 15px 20px;
    border: none;
    background: var(--theme-light-color-3);
    display: block;
    min-height: 60px;
    border-radius: 10px;
    font-size: 14px;
    border: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

.tx-input-field input::input-placeholder,
.tx-input-field textarea::input-placeholder {
    color: var(--pera-color);
    opacity: 1;
}

.tx-input-field input::-moz-placeholder,
.tx-input-field textarea::-moz-placeholder {
    color: var(--pera-color);
    opacity: 1;
}

.tx-input-field input:-ms-input-placeholder,
.tx-input-field textarea:-ms-input-placeholder {
    color: var(--pera-color);
    opacity: 1;
}

.tx-input-field input:-moz-placeholder,
.tx-input-field textarea:-moz-placeholder {
    color: var(--pera-color);
    opacity: 1;
}

.tx-input-field input:focus,
.tx-input-field textarea:focus {
    border-color: var(--theme-color);
}

.tx-boxshadow {
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
}

.tx-column-gap-55 {
    margin-right: calc(var(--bs-gutter-x) * -1.1);
    margin-left: calc(var(--bs-gutter-x) * -1.1);
}

.tx-column-gap-55>* {
    padding-right: calc(var(--bs-gutter-x) * 1.1);
    padding-left: calc(var(--bs-gutter-x) * 1.1);
}

.tx-column-gap-50 {
    margin-right: calc(var(--bs-gutter-x) * -1);
    margin-left: calc(var(--bs-gutter-x) * -1);
}

.tx-column-gap-50>* {
    padding-right: calc(var(--bs-gutter-x) * 1);
    padding-left: calc(var(--bs-gutter-x) * 1);
}

.tx-column-gap-30 {
    margin-right: calc(var(--bs-gutter-x) * -0.6);
    margin-left: calc(var(--bs-gutter-x) * -0.6);
}

.tx-column-gap-30>* {
    padding-right: calc(var(--bs-gutter-x) * 0.6);
    padding-left: calc(var(--bs-gutter-x) * 0.6);
}

.tx-column-gap-35 {
    margin-right: calc(var(--bs-gutter-x) * -0.7);
    margin-left: calc(var(--bs-gutter-x) * -0.7);
}

.tx-column-gap-35>* {
    padding-right: calc(var(--bs-gutter-x) * 0.7);
    padding-left: calc(var(--bs-gutter-x) * 0.7);
}

.tx-column-gap-20 {
    margin-right: calc(var(--bs-gutter-x) * -0.45);
    margin-left: calc(var(--bs-gutter-x) * -0.45);
}

.tx-column-gap-20>* {
    padding-right: calc(var(--bs-gutter-x) * 0.45);
    padding-left: calc(var(--bs-gutter-x) * 0.45);
}

.tx-column-gap-15 {
    margin-right: calc(var(--bs-gutter-x) * -0.35);
    margin-left: calc(var(--bs-gutter-x) * -0.35);
}

.tx-column-gap-15>* {
    padding-right: calc(var(--bs-gutter-x) * 0.35);
    padding-left: calc(var(--bs-gutter-x) * 0.35);
}

.tx-column-gap-10 {
    margin-right: calc(var(--bs-gutter-x) * -0.25);
    margin-left: calc(var(--bs-gutter-x) * -0.25);
}

.tx-column-gap-10>* {
    padding-right: calc(var(--bs-gutter-x) * 0.25);
    padding-left: calc(var(--bs-gutter-x) * 0.25);
}

.border-none {
    border: none !important;
}

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

.tx-fsz-34 {
    font-size: 34px;
}

.tx-outherHoverEffect {
    position: relative;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.tx-outherHoverEffect::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: -1;
}

.tx-outherHoverEffect:hover::after {
    opacity: 1;
    visibility: visible;
    rotate: 7deg;
}

.mb-none-30 {
    margin-bottom: -30px;
}

.tx-img-animation {
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.tx-img-animation.active {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.w-100 img {
    width: 100%;
}

.tx-min-auto .tx-label {
    min-width: auto !important;
}

.hide-widget-title h5 {
    display: none;
}

.tx-map-border iframe {
    border-radius: 30px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

/* reset css start */
html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--poppins);
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    line-height: 26px;
    word-wrap: break-word;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-out 0s;
}

button {
    cursor: pointer;
}

*:focus {
    outline: none;
}

button {
    border: none;
    font-family: var(--poppins);
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: transparent;
}

span {
    font-family: var(--poppins);
    display: inline-block;
}

button:focus {
    outline: none;
}

a {
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-family: var(--poppins);
    text-decoration: none;
    color: inherit;
}

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

table {
    width: 100%;
}

p,
li {
    color: var(--pera-color);
    margin-bottom: 0;
}

@-moz-document url-prefix() {
    .ta-gd-shape img {
        opacity: 0.2;
    }
}

.tel-footer-section-3 .tel-footer-copyright a, .tel-footer-section-3 .tel-footer-widget .menu-widget li a:before, .tel-footer-section-3 .tel-footer-widget .logo-widget .learn_more, .tel-testimonials-item-3 .testimonial-text .testimonial-author span, .tel-cta-content-3 .tel-cta-pricing-area .cta-price h3 sub,
.tel-cta-content-3 .tel-cta-pricing-area .cta-price p, .tel-pricing-item-3 .tel-price-text h2 sub, .tel-pricing-item-3 .tel-price-text span, .tel-about-text-area-3 .tel-about-feature-list li:before, .tel-about-text-area-3 .tel-slide-video-btn a i, .tel-service-content-4 .tel-bottom-text a, .tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group .tel-slider-video-btn .inner-icon i, .tel-main-slider-item-3 .tel-main-slider-text-3 h1 span, .tel-main-slider-item-3 .tel-main-slider-text-3 .slider-slug, .header_style_five .tx-main-menu ul li:hover a,
.header_style_six .tx-main-menu ul li:hover a, .header_style_five .mobile_menu_button,
.header_style_six .mobile_menu_button, .tel-section-title-4 h2 span, .tel-section-title-4 .sub-title span {
    background: var(--base-gradient-3);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    background-size: 200% 100%;
    animation: gradient_animation 3s ease infinite;
    animation: gradient_animation 3s ease infinite;
}

#tel-slider-4 .bg_image {
    z-index: 1;
    background: transparent;
}

.tel-demo-3 {
    color: #686868;
    font-size: 17px;
    background-color: #fff;
}

.tel-demo-3 .container {
    max-width: 1320px;
}

.tel-demo-3 [data-background] {
    background-color: transparent !important;
}

.tel-section-title-4 .sub-title {
    padding-left: 35px;
    display: inline-block;
}

.tel-section-title-4 .sub-title span {
    font-weight: 500;
    position: relative;
}

.tel-section-title-4 .sub-title:before {
    left: 0;
    top: -2px;
    width: 30px;
    content: "";
    height: 30px;
    position: absolute;
}

.tel-section-title-4 h2 {
    color: #ff0000;
    font-size: 50px;
    font-weight: 600;
}

.tel-section-title-4 p {
    padding-top: 25px;
}

.tel-btn-3 a {
    z-index: 1;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    padding: 17px 32px;
    display: inline-block;
}

.tel-btn-3 a i {
    margin-left: 15px;
    transition: all 500ms ease;
    transition: all 500ms ease;
}

.tel-btn-3 a:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    z-index: -1;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    background: var(--base-gradient-3);
    transform: skew(13deg);
    transform: skew(13deg);
    transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    background: gradient(linear, left top, right top, from(#FFA200), color-stop(50%, #E10419), to(#FFA200));
    background: linear-gradient(90deg, #FFA200 0%, #E10419 50%, #FFA200);
    background-size: 200%, 1px;
}

.tel-btn-3 a:hover i {
    margin-left: 15px;
}

.tel-btn-3 a:hover:before {
    background-position: 120%;
}

/* reset css end */
/* global css start */
.nice-select {
    background-color: var(--white);
    height: 60px;
    line-height: 60px;
    min-height: 60px;
    padding: 0 30px;
    border-radius: 0px;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0px 8px 18px rgba(228, 228, 228, 0.21);
}

.nice-select::after {
    border-width: 1px;
    right: 25px;
}

.nice-select span {
    color: var(--pera-color);
}

.nice-select .list {
    border-radius: 0px;
    max-height: 245px;
    overflow-y: scroll;
    z-index: 2;
    width: 100%;
}

.nice-select .list li {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 0;
    margin: 0px !important;
}

.nice-select .list li:focus, .nice-select .list li:hover {
    background: #f4f4f4;
}

.nice-select .list .selected.focus {
    background: #f4f4f4;
}

.nice-select .list .option {
    color: var(--pera-color);
}

.nice-select .list::scrollbar {
    width: 2px;
}

.tx-border-effect a,
.tx-border-effect span.tx-border-effect {
    position: relative;
    display: inline;
    background-image: gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background-image: linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 0px 2px;
    background-position: 0px 95%;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    padding: 0.7% 0px;
    background-repeat: no-repeat;
    color: inherit;
}

.tx-border-effect a:hover,
.tx-border-effect span.tx-border-effect:hover {
    background-size: 100% 2px;
    color: var(--theme-color);
}

a.tx-border-effect,
span.tx-border-effect {
    position: relative;
    display: inline;
    background-image: gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background-image: linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 0px 2px;
    background-position: 0px 80%;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    padding: 0.1% 0px;
    background-repeat: no-repeat;
    color: inherit;
}

a.tx-border-effect:hover,
span.tx-border-effect:hover {
    background-size: 100% 2px;
}

.theme-codecraftedcreations .woosw-btn {
    display: none !important;
}

.theme-codecraftedcreations .tx-wishlistButton .woosw-btn {
    display: inline-block !important;
}

.tx-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
}

.tx-overlay.is-open {
    opacity: 0.5;
    visibility: visible;
}

.mt-0 {
    margin-top: 0px !important;
}

.mb-none-25 {
    margin-bottom: -25px;
}

@media (max-width: 575px) {
    .ssm-mt-20 {
        margin-top: 20px !important;
    }
}

@media (max-width: 1199px) {
    .pb-lg-0 {
        padding-bottom: 0px !important;
    }

    .mt-lg-60 {
        margin-top: 60px !important;
    }
}

/* typography css start */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    line-height: 1.4;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

/* typography css end */
.bg-white {
    background: var(--white);
}

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

.tx-white {
    color: var(--white);
}

[data-background] {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-color: var(--heading-color);
}

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

/*--
    - Overlay
------------------------------------------*/
[data-overlay] {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

[data-overlay]::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
}

/*-- Overlay Color --*/
[data-overlay=light]::before {
    background-color: var(--white);
}

[data-overlay=dark]::before {
    background-color: var(--black);
}

/*-- Overlay Opacity --*/
[data-opacity="1"]::before {
    opacity: 0.1;
}

[data-opacity="2"]::before {
    opacity: 0.2;
}

[data-opacity="3"]::before {
    opacity: 0.3;
}

[data-opacity="4"]::before {
    opacity: 0.4;
}

[data-opacity="5"]::before {
    opacity: 0.5;
}

[data-opacity="6"]::before {
    opacity: 0.6;
}

[data-opacity="65"]::before {
    opacity: 0.65;
}

[data-opacity="7"]::before {
    opacity: 0.7;
}

[data-opacity="8"]::before {
    opacity: 0.8;
}

[data-opacity="9"]::before {
    opacity: 0.9;
}

.ta-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
    z-index: 10;
    opacity: 0;
}

.ta-overlay.is-open {
    opacity: 0.4;
    visibility: visible;
}

.ta-overlay__dark {
    background: #131121;
}

.ta-overlay__dark.is-open {
    opacity: 0.8;
}

/* DEFAULT HEADER CSS START */

.tx-header {
    width: 100%;
    z-index: 2;
}

.tx-header__styleDefault .tx-wrapper {
    z-index: 2;
}

@media (max-width: 1599px) {
    .tx-header__styleDefault .tx-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 1199px) {
    .tx-header__styleDefault .tx-wrapper {
        padding: 10px 20px;
    }
}

@media (max-width: 475px) {
    .tx-header__styleDefault .tx-wrapper {
        padding: 10px 15px;
    }
}

.tx-header__styleDefault .tx-wrapper::before, .tx-header__styleDefault .tx-wrapper::after {
    z-index: -1;
}

.tx-header__styleDefault .tx-wrapper::before {
    border-top-left-radius: 42px;
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    max-width: 1195px;
    border-top-right-radius: 115px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
}

@media (max-width: 1599px) {
    .tx-header__styleDefault .tx-wrapper::before {
        max-width: 890px;
    }
}

@media (max-width: 767px) {
    .tx-header__styleDefault .tx-wrapper::before {
        max-width: 45%;
    }
}

@media (max-width: 475px) {
    .tx-header__styleDefault .tx-wrapper::before {
        max-width: 60%;
    }
}

.tx-header__styleDefault .tx-wrapper::after {
    border-top-right-radius: 28px;
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    max-width: 690px;
    left: auto;
    right: 0px;
    border-top-left-radius: 115px;
}

@media (max-width: 1599px) {
    .tx-header__styleDefault .tx-wrapper::after {
        max-width: 580px;
    }
}

@media (max-width: 1399px) {
    .tx-header__styleDefault .tx-wrapper::after {
        max-width: 550px;
    }
}

@media (max-width: 767px) {
    .tx-header__styleDefault .tx-wrapper::after {
        max-width: 65%;
    }
}

@media (max-width: 475px) {
    .tx-header__styleDefault .tx-wrapper::after {
        max-width: 50%;
    }
}

@media (max-width: 1599px) {
    .tx-header__styleDefault .tx-contact-info {
        padding-right: 80px;
    }
}

@media (max-width: 1599px) {
    .tx-header__styleDefault .tx-contact-info {
        padding-right: 45px;
    }
}

@media (max-width: 1815px) {
    .tx-header__styleDefault .tx-logo-wrapper {
        margin-right: 50px;
    }
}

.tx-header__styleDefault .tx-sideInfo-btn span {
    background: var(--white);
}

@media (max-width: 475px) {
    .tx-header__styleDefault .tx-logo img {
        max-width: 100px !important;
    }
}

.tx-header__styleTwo .tx-listItems {
    gap: 35px;
}

@media (max-width: 1199px) {
    .tx-header__styleTwo .tx-listItems {
        gap: 20px;
        justify-content: center;
    }
}

@media (max-width: 475px) {
    .tx-header__styleTwo .tx-listItems {
        flex-wrap: wrap;
        gap: 5px;
    }
}

.tx-header__styleTwo .tx-listItems li {
    font-size: 12px;
    gap: 7px;
}

.tx-header__styleTwo .tx-listItems .tx-icon {
    color: var(--theme-color);
    background: var(--white);
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.tx-header__styleTwo .tx-listItems p {
    color: var(--white);
}

.tx-header__styleTwo .tx-listItems a:hover {
    color: var(--white);
}

.tx-header__styleTwo .tx-topWrapper {
    background: var(--theme-color);
    padding: 11px 35px;
    border-radius: 40px;
}

@media (max-width: 1199px) {
    .tx-header__styleTwo .tx-topWrapper {
        padding: 11px 25px;
    }
}

.tx-header__styleTwo .tx-social-links {
    gap: 30px;
}

.tx-header__styleTwo .tx-social-links a {
    color: var(--white);
}

.tx-header__styleTwo .tx-bottomWrapper {
    background: var(--white);
    border-radius: 80px;
    padding: 0px 60px;
    padding-top: 15px;
}

@media (max-width: 1199px) {
    .tx-header__styleTwo .tx-bottomWrapper {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 25px;
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .tx-header__styleTwo .tx-bottomWrapper {
        padding-top: 30px;
        padding-bottom: 12px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.tx-header__styleTwo .tx-lines {
    flex-direction: column;
    margin-top: 1px;
    gap: 1px;
}

.tx-header__styleTwo .tx-lines .tx-line {
    width: 100%;
    height: 1px;
    background: var(--white);
}

.tx-header__styleTwo .tx-lines .tx-line__1 {
    width: calc(100% - 200px);
}

.tx-header__styleTwo .tx-lines .tx-line__2 {
    width: calc(100% - 250px);
}

.tx-header__styleTwo .tx-lines .tx-line__3 {
    width: calc(100% - 100px);
}

@media (max-width: 767px) {
    .tx-header__styleTwo .tx-social-links {
        justify-content: center !important;
        margin-top: 15px;
    }
}

.tx-header.no-menu {
    padding-bottom: 20px;
}

.tx-header.no-menu .tx-wrapper::before {
    display: none;
}

.tx-header .tx-menu-wrapper .tx-sideInfo-btn {
    display: none !important;
}

.tx-headerUnit .tx-wrapper::after {
    display: none;
}

.tx-headerUnit .tx-wrapper::before {
    max-width: 100% !important;
}

@media (max-width: 1199px) {
    .tx-headerUnit .tx-wrapper::before {
        border-top-right-radius: 40px;
    }
}

@media (max-width: 1199px) {
    .tx-headerUnit .tx-wraper {
        justify-content: space-between;
    }
}

@media (max-width: 1199px) {
    .tx-headerUnit .tx-menu-wrapper .tx-sideInfo-btn {
        display: flex !important;
    }
}

.tx-headerUnit .tx-menu-wrapper .tx-sideInfo-btn span {
    background: var(--heading-color) !important;
}

.elementor-editor-active .tx-header {
    position: static !important;
}

.elementor-editor-active section {
    margin-bottom: 0px !important;
}

.header-top-content-area {
    z-index: 1;
    overflow: hidden;
    padding: 10px 0px;
    background-color: #FFF6ED;
}

.header-top-content-area:before {
    top: 0;
    width: 42%;
    left: -25px;
    height: 100%;
    z-index: -1;
    content: "";
    position: absolute;
    background: var(--base-gradient-3);
    transform: skew(40deg);
    transform: skew(40deg);
}

.header-top-content-area .top-cta-info {
    color: #fff;
    font-size: 14px;
}

.header-top-content-area .top-cta-info i {
    margin-right: 8px;
}

.header-top-content-area .top-cta-social span {
    color: #ff0000;
    font-size: 14px;
    margin-right: 5px;
}

.header-top-content-area .top-cta-social a {
    width: 30px;
    height: 30px;
    display: box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    margin-left: 13px;
    box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--base-color-3);
    border: 1px solid var(--base-color-3);
}

.header-top-content-area .top-cta-social a:hover {
    color: #fff;
    background: var(--base-color-3);
}

.header_style_five,
.header_style_six {
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    position: absolute;
}

.header_style_five.sticky-on,
.header_style_six.sticky-on {
    top: 0;
    width: 100%;
    z-index: 10;
    padding: 0;
    position: fixed;
    animation-duration: 1s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-fill-mode: both;
    background-color: #17192c;
    animation-name: slideInDown;
    animation-name: slideInDown;
    animation-timing-function: ease;
    animation-timing-function: ease;
    transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
}

.header_style_five.sticky-on .header-top-content-area,
.header_style_six.sticky-on .header-top-content-area {
    display: none;
}

.header_style_five .mobile_menu_button,
.header_style_six .mobile_menu_button {
    position: static;
}

.header_style_five .tel-header-content-area,
.header_style_six .tel-header-content-area {
    background: #fff;
}

.header_style_five .tx-main-menu ul li a::before,
.header_style_six .tx-main-menu ul li a::before {
    background: var(--base-gradient-3);
}

.header_style_five .tx-main-menu ul li .sub-menu a,
.header_style_six .tx-main-menu ul li .sub-menu a {
    color: #ff0000;
    -color: #ff0000;
    background: unset;
}

.header_style_five .tx-main-menu ul li .sub-menu a:before,
.header_style_six .tx-main-menu ul li .sub-menu a:before {
    background: transparent;
}

.header_style_five .tx-header-cta .inner-icon,
.header_style_six .tx-header-cta .inner-icon {
    color: #fff;
    width: 54px;
    height: 54px;
    margin-right: 15px;
    border-radius: 100%;
    background: var(--base-gradient-3);
}

.header_style_five .tx-header-cta .inner-text span, .header_style_five .tx-header-cta .inner-text a,
.header_style_six .tx-header-cta .inner-text span,
.header_style_six .tx-header-cta .inner-text a {
    display: block;
}

.header_style_five .tx-header-cta .inner-text span,
.header_style_six .tx-header-cta .inner-text span {
    color: #ff0000;
    font-size: 12px;
}

.header_style_five .tx-header-cta .inner-text a,
.header_style_six .tx-header-cta .inner-text a {
    color: #ff0000;
    font-size: 16px;
    font-weight: 700;
}

.header_style_six .header-top-content-area {
    position: relative;
    background: gradient(linear, left top, right top, from(#E10419), to(#8F0815));
    background: linear-gradient(90deg, #E10419 0%, #8F0815 100%);
}

.header_style_six .header-top-content-area:before {
    display: none;
}

.header_style_six .header-top-content-area .top-cta-social span {
    color: #fff;
}

.header_style_six .header-top-content-area .top-cta-social a {
    color: #fff;
    border: 1px solid #fff;
}

.header_style_six .header-top-content-area .top-cta-social a:hover {
    background-color: #fff;
    color: var(--theme-color);
}

.header_style_six .tel-header-content-area {
    z-index: 1;
    background-color: #ff0000;
}

.header_style_six .tel-header-content-area:before {
    top: 0;
    width: 33%;
    content: "";
    left: -100px;
    height: 100%;
    position: absolute;
    background-color: #fff;
    transform: skewX(-40deg);
    transform: skewX(-40deg);
}

.header_style_six .tel-header-content {
    z-index: 1;
    position: relative;
}

.header_style_six .tx-main-menu ul .menu-item-has-children>a::after {
    color: #fff;
}

.header_style_six .tx-main-menu ul li a {
    color: #fff;
}

.header_style_six .tx-main-menu ul li a:before {
    background: var(--base-gradient-4);
}

.header_style_six .tx-main-menu ul li:hover a {
    background: var(--base-gradient-4);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    background-size: 200% 100%;
    animation: gradient_animation 3s ease infinite;
    animation: gradient_animation 3s ease infinite;
}

.header_style_six .tx-main-menu ul li:hover .sub-menu a {
    background-clip: text;
    background-clip: text;
    -color: #ff0000;
    background-size: 200% 100%;
    animation: gradient_animation 3s ease infinite;
    animation: gradient_animation 3s ease infinite;
    background: unset;
}

.header_style_six .tx-header-cta .inner-icon {
    background: var(--base-gradient-4);
}

.header_style_six .tx-header-cta .inner-text span,
.header_style_six .tx-header-cta .inner-text a {
    color: #fff;
}

.header_style_six .tx-search-btn,
.header_style_six .tx-cart-btn {
    color: #fff;
}

.header_style_six.sticky-on .tx-header-cta {
    display: none !important;
}

/* Navigation css start */
.tx-main-menu ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tx-main-menu ul li {
    position: relative;
}

.tx-main-menu ul li:not(:last-child) {
    margin-right: 45px;
}

@media (max-width: 1815px) {
    .tx-main-menu ul li:not(:last-child) {
        margin-right: 30px;
    }
}

@media (max-width: 1599px) {
    .tx-main-menu ul li:not(:last-child) {
        margin-right: 25px;
    }
}

@media (max-width: 1399px) {
    .tx-main-menu ul li:not(:last-child) {
        margin-right: 22px;
    }
}

.tx-main-menu ul li a {
    display: block;
    text-decoration: none;
    color: var(--heading-color);
    padding: 41px 0px;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

@media (max-width: 1399px) {
    .tx-main-menu ul li a {
        font-size: 14px;
    }
}

.tx-main-menu ul li a::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    height: 10px;
    width: 10px;
    top: auto;
    background: var(--theme-color);
    border-radius: 50%;
    bottom: 30px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tx-main-menu ul li.current-menu-item:not(.menu-item-object-custom)>a,
.tx-main-menu ul li:hover>a {
    color: var(--theme-color);
}

.tx-main-menu ul ul li.current-menu-item:not(.menu-item-object-custom)>a {
    padding-left: 20px !important;
}

.tx-main-menu ul li.current-menu-item:not(.menu-item-object-custom)>a::before,
.tx-main-menu ul li:hover>a::before {
    opacity: 1;
    visibility: visible;
    bottom: 26px;
}

.tx-main-menu ul li.current-menu-item:not(.menu-item-object-custom)>a,
.tx-main-menu ul li:hover>a {
    color: var(--theme-color);
}

.tx-main-menu ul li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    transform: scaleY(100%);
    -ms-transform: scaleY(100%);
    transform: scaleY(100%);
}

.tx-main-menu ul li:hover>.sub-menu li {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+1) {
    transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+1) {
    transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+2) {
    transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+3) {
    transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+4) {
    transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+5) {
    transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+6) {
    transition-delay: 0.35s;
    transition-delay: 0.35s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+7) {
    transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+8) {
    transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+9) {
    transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.tx-main-menu ul li:hover>.sub-menu li:nth-child(2n+10) {
    transition-delay: 0.45s;
    transition-delay: 0.5s;
}

.tx-main-menu ul li .sub-menu {
    left: 0%;
    position: absolute;
    min-width: 250px;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    padding: 25px 0px;
    padding-bottom: 20px;
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 3;
    text-align: left;
    transform-origin: 50% 0;
    transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    justify-content: flex-start;
    background: var(--white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.tx-main-menu ul li .sub-menu li {
    transform: translateY(5px);
    transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
    transition: all 0.2s cubic-bezier(0.4, 0.28, 0.31, 1.28) 0s;
    opacity: 0;
    visibility: hidden;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    margin-right: 0px;
}

.tx-main-menu ul li .sub-menu li::before,
.tx-main-menu ul li .sub-menu li::after {
    display: none;
}

.tx-main-menu ul li .sub-menu li:not(:last-child) {
    margin-bottom: 13px;
}

.tx-main-menu ul li .sub-menu li a {
    display: block;
    padding: 0px;
    line-height: 25px;
    font-weight: 500;
    color: var(--heading-color);
}

.tx-main-menu ul li .sub-menu li a::before {
    position: absolute;
    left: 0px;
    top: 2px;
    rotate: 45deg;
    background-color: transparent;
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    content: "";
    font-family: var(--fontAwesome);
    width: auto;
    height: auto;
    opacity: 0;
    visibility: hidden;
    font-size: 12px;
    transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.tx-main-menu ul li .sub-menu li:hover>a {
    padding-left: 20px;
    color: var(--theme-color);
}

.tx-main-menu ul li .sub-menu li:hover>a::before {
    opacity: 1;
    visibility: visible;
}

.tx-main-menu ul li .sub-menu .sub-menu {
    left: 100%;
    top: 0;
}

.tx-main-menu ul .menu-item-has-children>a::after {
    content: "";
    display: inline-block;
    padding-left: 5px;
    font-family: var(--fontAwesome);
    transition: all 0.4s linear;
    color: var(--heading-color);
    width: auto;
    height: auto;
    font-weight: 600;
}

.tx-main-menu ul .menu-item-has-children .menu-item-has-children a::after {
    display: none;
}

.tx-main-menu ul .menu-item-has-children .menu-item-has-children::after {
    content: "";
    display: inline-block;
    padding-left: 5px;
    font-family: var(--fontAwesome);
    transition: all 0.4s linear;
    color: var(--heading-color);
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: auto;
    right: 30px;
    font-weight: 600;
}

.tx-main-menu ul .tx-megamenu {
    position: static;
}

.tx-main-menu ul .tx-megamenu .menu-title {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.tx-main-menu ul .tx-megamenu .sub-menu {
    padding: 40px;
    width: 100%;
    padding-bottom: 30px;
    left: 0px;
}

.tx-main-menu ul .tx-megamenu .sub-menu li {
    padding: 0px !important;
}

.tx-main-menu__styleTwo ul li a {
    padding: 32px 0px;
}

/* BREADCRUMB CSS START */
.tx-breadcrumb-section .tx-wrapper {
    padding: 245px 40px;
    padding-bottom: 255px;
    border-radius: 0px 0px 90px 90px;
    z-index: 1;
}

@media (max-width: 1599px) {
    .tx-breadcrumb-section .tx-wrapper {
        padding-bottom: 200px;
        padding-top: 190px;
    }
}

@media (max-width: 1199px) {
    .tx-breadcrumb-section .tx-wrapper {
        padding-bottom: 150px;
        padding-top: 140px;
    }
}

@media (max-width: 475px) {
    .tx-breadcrumb-section .tx-wrapper {
        padding-bottom: 120px;
        padding-top: 110px;
    }
}

.tx-breadcrumb-section .tx-wrapper::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 90px 90px;
    background: var(--heading-color);
    z-index: -1;
    opacity: 0.6;
}

.tx-breadcrumb__wrapper {
    display: inline-block;
}

.tx-breadcrumb__title {
    font-size: 60px;
    font-weight: 600;
    color: var(--white);
}

@media (max-width: 1199px) {
    .tx-breadcrumb__title {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .tx-breadcrumb__title {
        font-size: 36px;
    }
}

@media (max-width: 475px) {
    .tx-breadcrumb__title {
        font-size: 28px;
    }
}

.tx-breadcrumb__title span {
    color: var(--white);
}

.tx-breadcrumb__lists {
    background: var(--theme-color);
    border-radius: 40px;
    padding: 12px 25px;
    margin: 0px;
    margin-top: 20px;
    flex-wrap: wrap;
}

@media (max-width: 1199px) {
    .tx-breadcrumb__lists {
        margin-top: 15px;
        padding: 9px 25px;
    }
}

.tx-breadcrumb__lists li {
    font-size: 17px;
    position: relative;
}

@media (max-width: 1199px) {
    .tx-breadcrumb__lists li {
        font-size: 14px;
    }
}

@media (max-width: 475px) {
    .tx-breadcrumb__lists li {
        font-size: 12px;
    }
}

.tx-breadcrumb__lists li:not(:last-child) {
    margin-right: 45px;
}

.tx-breadcrumb__lists li:not(:last-child)::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    content: url(../img/icons/breadcrumb-arrow.svg);
    right: -34px;
    left: auto;
    width: 24px;
}

.tx-breadcrumb__lists li a {
    text-decoration: none;
}

.tx-breadcrumb__lists li a span {
    color: var(--white);
}

.tx-breadcrumb__lists li span {
    color: var(--white);
}

.tx-front-page .tx-breadcrumb__wrapper {
    display: none;
}

/* BREADCRUMB CSS END */
#tx-preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #010317;
}

.tx-scrollup {
    width: 55px;
    right: 20px;
    z-index: 5;
    height: 55px;
    bottom: 20px;
    display: none;
    position: fixed;
    border-radius: 100%;
    line-height: 55px;
    background: var(--theme-color);
    color: var(--white);
}

.tx-scrollup:hover {
    color: var(--white);
    background: var(--heading-color);
}

/* ALL BUTTON CSS START */
.tx-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    font-size: 14px;
    min-height: 62px;
    padding: 15px 30px;
    font-weight: 700;
    border-radius: 40px;
}

.tx-button__styleTheme {
    background: var(--theme-color);
    color: var(--white);
    font-size: 20px;
}


.tx-button__styleTheme:hover {
    background: var(--heading-color);
    color: var(--white);
}

.tx-button__styleDark {
    background: var(--heading-color);
    color: var(--white);
    font-size: 10px;
    min-height: 46px;
    padding: 10px 24px;
}

.tx-button__styleDark:hover {
    background: var(--theme-color);
    color: var(--white);
}

.tx-button__fullWidth {
    max-width: 100%;
}

.tx-button.added {
    display: none;
}

.tx-buttonWrapper .added_to_cart {
    background: var(--theme-color);
    color: var(--white);
    font-size: 10px;
    min-height: 46px;
    padding: 10px 24px !important;
    border-radius: 40px;
    font-weight: 700;
}

.tx-buttonWrapper .added_to_cart:hover {
    background: var(--heading-color);
    color: var(--white);
}

.tx-inline-btn {
    font-size: 17px;
    color: var(--heading-color);
    position: relative;
    display: inline-block !important;
}

.tx-inline-btn i {
    color: var(--theme-color);
}

.tx-inline-btn:hover {
    color: var(--theme-color);
}

.tx-inline-btn__styleTheme {
    color: var(--theme-color);
    font-size: 14px;
    font-weight: 600;
}

.tx-round-btn {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    background: var(--theme-color);
    color: var(--white);
    font-size: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tx-round-btn:hover {
    background: var(--heading-color);
    color: var(--white);
}

.tx-buttonCercle {
    width: 60px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--white);
    font-size: 16px;
    background: var(--theme-color);
}

.tx-buttonCercle:hover {
    background: var(--heading-color);
    color: var(--white);
}

/* ALL BUTTON CSS END */
/* owl nav css start */
.tx-owl-nav .owl-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.tx-owl-nav .owl-nav div {
    font-size: 16px;
    color: var(--white);
    transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: var(--theme-color);
    border-radius: 50%;
}

.tx-owl-nav .owl-nav div:hover {
    color: var(--white);
    background: var(--heading-color);
}

.tx-owl-nav__top-right .owl-nav {
    position: absolute;
    right: 0;
    top: -115px;
    width: 100%;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .tx-owl-nav__top-right .owl-nav {
        position: static;
        justify-content: center;
        margin-top: 30px;
    }
}

.tx-owl-nav__top-right--top-60 .owl-nav {
    top: -100px;
}

.tx-owl-nav__middle .owl-nav div {
    left: 30px;
    position: absolute;
    top: 50%;
    translate: 0px -50%;
}

.tx-owl-nav__middle .owl-nav .owl-next {
    left: auto;
    right: 30px;
}

/* owl nav css end */
/* PAGINATION CSS START */
.tx-pagination ul {
    padding: 0px !important;
    margin-bottom: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0px !important;
}

.tx-pagination ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tx-pagination ul li:hover {
    border-color: transparent;
}

.tx-pagination ul li:not(:last-child) {
    margin-right: 10px;
}

.tx-pagination ul li span,
.tx-pagination ul li a {
    width: 54px;
    height: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--pera-color);
    font-size: 20px;
    border: 1px solid rgba(44, 26, 78, 0.15);
    border-radius: 50%;
    color: var(--heading-color);
}

@media (max-width: 475px) {

    .tx-pagination ul li span,
    .tx-pagination ul li a {
        height: 38px;
        width: 38px;
        font-size: 15px;
    }
}

.tx-pagination ul li span:hover,
.tx-pagination ul li a:hover {
    color: var(--white);
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.tx-pagination ul li .current {
    color: var(--white);
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.tx-pagination ul.mt-50 {
    margin-top: 50px !important;
}

.tx-pagination__stylePost a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tx-pagination__stylePost a:not(:last-child) {
    margin-right: 10px;
}

.tx-pagination__stylePost a:hover {
    border-color: transparent;
}

.tx-pagination__stylePost span,
.tx-pagination__stylePost a {
    width: 54px;
    height: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--pera-color);
    font-size: 20px;
    border: 1px solid rgba(44, 26, 78, 0.15);
    border-radius: 50%;
    color: var(--heading-color);
}

@media (max-width: 475px) {

    .tx-pagination__stylePost span,
    .tx-pagination__stylePost a {
        height: 38px;
        width: 38px;
        font-size: 15px;
    }
}

.tx-pagination__stylePost span:hover,
.tx-pagination__stylePost a:hover {
    color: var(--white);
    background: var(--theme-color);
    border-color: var(--theme-color);
}

.tx-pagination__stylePost .dots,
.tx-pagination__stylePost .current {
    color: var(--white);
    background: var(--theme-color);
    border-color: var(--theme-color);
    margin-top: 10px;
    margin-right: 10px;
}

.tx-pagination__stylePost .dots {
    background: transparent;
    color: var(--heading-color);
    border: 1px solid rgba(44, 26, 78, 0.15);
}

/* PAGINATION CSS END */
/* SEARCH POPUP CSS START */
.search-popup-wrapper {
    position: fixed;
    top: 0;
    height: 0%;
    width: 100%;
    padding: 3%;
    opacity: 0;
    visibility: hidden;
    z-index: 11;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
    background: var(--white);
}

.search-popup-wrapper .close-button {
    position: absolute;
    right: 60px;
    top: 30px;
    font-size: 22px;
    line-height: 100%;
    padding: 0;
    cursor: pointer;
    z-index: 3;
    transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    font-size: 18px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: var(--heading-color);
    color: var(--white);
}

.search-popup-wrapper .close-button:hover {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background: var(--theme-color);
    color: var(--white);
}

.search-popup-wrapper .inner-wrapper {
    flex: auto;
}

.search-popup-wrapper .ta-search-box {
    max-width: 800px;
    margin: 0 auto;
    border: none;
    position: relative;
}

.search-popup-wrapper .ta-search-box::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    height: 1px;
    top: auto;
    bottom: 0;
    transition: transform 0.52s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.4s;
    transform: scaleX(0);
    transform-origin: left;
}

.search-popup-wrapper .ta-search-box button {
    font-size: 24px;
    color: var(--heading-color);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(calc(-50% + 2px));
    -ms-transform: translateY(calc(-50% + 2px));
    transform: translateY(calc(-50% + 2px));
}

.search-popup-wrapper .ta-search-box button::after {
    top: 1px;
    height: 24px;
    display: none;
}

.search-popup-wrapper input {
    padding: 20px 0px;
    font-size: 22px;
    padding-right: 50px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #444444;
    border-radius: 0px;
    color: var(--pera-color);
    width: 100%;
}

@media (max-width: 575px) {
    .search-popup-wrapper input {
        padding-right: 20px;
        font-size: 16px;
    }
}

.search-popup-wrapper input::placeholder {
    font-size: 22px;
    color: var(--pera-color);
}

@media (max-width: 575px) {
    .search-popup-wrapper input::placeholder {
        font-size: 16px;
    }
}

.search-popup-wrapper.is-open {
    opacity: 1;
    visibility: visible;
    height: 400px;
}

.search-popup-wrapper.is-open .ta-search-box::after {
    transform: scaleX(1);
}

/* SEARCH POPUP CSS END */
/* CONTACT INFO CSS START */
.tx-contact-info__horizntal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}

.tx-contact-info__horizntal .tx-icon {
    width: 54px;
    height: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--theme-color);
    font-size: 18px;
}

.tx-contact-info__horizntal .tx-content {
    width: calc(100% - 69px);
}

.tx-contact-info__horizntal .tx-label {
    font-size: 12px;
    line-height: 1.2;
}

.tx-contact-info__horizntal .tx-number {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-top: 2px;
}

@media (max-width: 1399px) {
    .tx-contact-info__horizntal .tx-number {
        font-size: 15px;
    }
}

.tx-contact-info__horizntal .tx-number.tx-white {
    color: var(--white);
}

/* CONTACT INFO CSS END */
/* SEARCH, CART, LANG CSS START */
.tx-searchCartLang-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .tx-searchCartLang-wrapper {
        gap: 15px;
    }
}

.tx-searchCartLang-wrapper button {
    padding: 0px;
}

.tx-lang-wrapper .tx-lang-flag {
    width: 27px;
    height: 27px;
    padding: 0px;
    position: relative;
    margin-right: 7px;
    order: 3;
}

.tx-lang-wrapper .tx-lang-flag::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    border: 3px solid var(--white);
    background: transparent;
    border-radius: 50%;
}

.tx-lang-wrapper .tx-lang-flag img {
    width: 21px;
    height: 21px;
}

.tx-lang-wrapper button {
    font-size: 11px;
    padding: 0px;
    font-weight: 500;
}

.tx-lang-wrapper button::after {
    display: none;
}

.tx-lang-wrapper i {
    margin-left: 5px;
}

.tx-lang-wrapper .dropdown-menu {
    background: var(--dark-color);
    padding: 0px;
    border: 0px;
    margin-top: 15px !important;
    border-radius: 0px;
}

.tx-lang-wrapper .dropdown-menu a {
    color: var(--white);
    font-size: 10px;
    padding: 5px 20px;
    text-transform: uppercase;
}

.tx-lang-wrapper .dropdown-menu a:hover {
    background: var(--white);
    color: var(--theme-color);
}

/* SEARCH, CART, LANG CSS END */
/* AUTHOR BOX CSS START */
.tx-authorThumb img {
    width: 52px;
    height: 52px;
}

.tx-authorName {
    font-size: 17px;
    color: var(--heading-color);
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tx-authorName:hover {
    color: var(--theme-color);
}

.tx-author-box__tx-content {
    width: calc(100% - 170px);
}

.tx-author-box .tx-name a {
    font-size: 20px;
    color: var(--heading-color);
    font-weight: 600;
    text-transform: capitalize;
}

.tx-author-box p {
    font-size: 17px;
    line-height: 1.8;
}

/* AUTHOR BOX CSS END */
.tx-social-links {
    gap: 20px;
}

.tx-social-links a {
    color: var(--pera-color);
    font-size: 16px;
}

.tx-social-links__styleTheme a {
    color: var(--theme-color);
}

.tx-social-links__styleTheme-onHover a:hover {
    color: var(--theme-color);
}

.tx-social-links__styleLight a {
    background: var(--white);
    color: var(--heading-color);
}

.tx-social-links__styleCercle {
    gap: 12px;
}

.tx-social-links__styleCercle a {
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(2, 6, 38, 0.1);
    color: var(--heading-color);
    font-size: 17px;
    border-radius: 50%;
}

.tx-social-links__styleCercle a:hover {
    background: var(--theme-color);
    color: var(--white);
    border-color: var(--theme-color);
}

/* TAGS CSS START */
.wp-block-tag-cloud,
.tagcloud {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.wp-block-tag-cloud a,
.tagcloud a {
    font-size: 12px !important;
    color: var(--pera-color-2);
    background: var(--theme-light-color-3);
    border-radius: 5px;
    padding: 4px 25px;
    display: block;
}

.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
    background: var(--theme-color);
    color: var(--white);
}

/* TAGS CSS END */
/* POST NEXT-PREV CSS START */
.tx-nextPrev-post-wrapper .tx-nextPrev-post {
    color: var(--heading-color);
}

.tx-nextPrev-post-wrapper .tx-nextPrev-post span {
    color: var(--heading-color);
    font-weight: 600;
    transition: all 0.3s;
}

.tx-nextPrev-post-wrapper .tx-nextPrev-post:hover {
    color: var(--theme-color);
}

.tx-nextPrev-post-wrapper .tx-nextPrev-post:hover span {
    color: var(--theme-color);
}

/* POST NEXT-PREV CSS END */
/* COMMETNS CSS START */
.tx-commentsWrapper .tx-title {
    font-weight: 600;
    font-size: 28px;
}

.tx-comment-box {
    padding-top: 30px;
}

.tx-comment-box .comment-avatar {
    float: left;
    margin-right: 25px;
}

.tx-comment-box .comment-avatar img {
    max-width: 78px;
}

@media (max-width: 475px) {
    .tx-comment-box .comment-avatar img {
        margin-right: 0px;
        margin-bottom: 20px;
    }
}

@media (max-width: 475px) {
    .tx-comment-box .comment-avatar {
        float: none;
        max-width: 50px;
        max-height: 50px;
        margin-bottom: 20px;
    }
}

.tx-comment-box .avatar-name a {
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 700;
    color: var(--heading-color);
}

.tx-comment-box .avatar-name a:hover {
    color: var(--theme-color);
}

.tx-comment-box .date {
    font-size: 14px;
    color: var(--heading-color);
    margin-top: 5px;
}

.tx-comment-box .comment-reply-link {
    display: inline-block;
    font-size: 14px;
    color: var(--heading-color);
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0px;
}

.tx-comment-box .comment-reply-link:hover {
    color: var(--theme-color);
}

.tx-comment-box .comment-desc p {
    margin-bottom: 0px !important;
    font-size: 17px;
    line-height: 1.8;
}

.tx-comment-box .comment-text {
    overflow: hidden;
    position: relative;
}

.tx-comment-box .comment-like-disslike {
    position: absolute;
    right: 0px;
    top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    justify-content: flex-end;
}

@media (max-width: 475px) {
    .tx-comment-box .comment-like-disslike {
        display: none;
    }
}

.tx-comment-box .comment-like-disslike a {
    color: #999;
}

.tx-comment-box .comment-like-disslike a:hover {
    color: var(--theme-color);
}

.tx-comment-box .comment-like-disslike .comment-close {
    color: var(--theme-color);
}

.tx-comment-lists ul:not(.children)>li:first-child .tx-comment-box {
    padding-top: 0px;
}

.tx-comment-lists .list-unstyled {
    padding-left: 0px;
    margin-bottom: 0px;
}

/* COMMETNS CSS END */
/* SIDEBAR CSS START */

.tel-streaming-top-content .tel-section-title-4 h2 {
    color: #fff;
}

.tel-streaming-item {
    width: 400px;
    mask-image: url(../img/st-mask.png);
    mask-image: url(../img/st-mask.png);
}

.tel-streaming-item .streaming-play-btn {
    top: 50%;
    left: 0;
    right: 0;
    width: 86px;
    height: 86px;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%);
    transform: translateY(-50%);
}

.tel-streaming-slider {
    padding-top: 50px;
    margin: 0px -60px;
}


.tel-blog-content-3 .tel-btn-3 {
    margin-top: 30px;
}

.tel-blog-item-3 {
    margin: 0 auto;
    max-width: 410px;
    overflow: hidden;
    background: #FFF;
    border-radius: 10px;
    margin-bottom: 30px;
    transition: all 500ms ease;
    transition: all 500ms ease;
    border: 1px solid rgba(2, 6, 38, 0.1);
}

.tel-blog-item-3 .blog-meta {
    left: 0;
    z-index: 1;
    color: #fff;
    bottom: 12px;
    font-size: 14px;
    padding: 30px 8px;
    white-space: nowrap;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.tel-blog-item-3 .blog-meta i {
    margin-bottom: 8px;
}

.tel-blog-item-3 .blog-meta:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    transform: skewY(-30deg);
    transform: skewY(-30deg);
    background: gradient(linear, right top, left top, from(#FFA200), to(#E10419));
    background: linear-gradient(-90deg, #FFA200 0%, #E10419 100%);
}

.tel-blog-item-3 .blog-text {
    padding: 20px 25px 15px;
}

.tel-blog-item-3 .blog-text h1 {
    color: #ff0000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
    background: var(--base-gradient-3);
    background-size: 100% 100%;
    background-clip: text;
    background-clip: text;
}

.tel-blog-item-3 .blog-text h1 a {
    width: 100%;
    display: inline !important;
    background-position-y: -1px;
    background-repeat: no-repeat;
    background-size: 0 100%;
    backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tel-blog-item-3 .blog-text h1 a:hover {
    color: inherit;
    background-size: 100% 100%;
}

.tel-blog-item-3 .blog-text h1:hover {
    color: rgba(0, 0, 0, 0);
}

.tel-blog-item-3 .blog-text p {
    font-size: 14px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(2, 6, 38, 0.1);
}

.tel-blog-item-3 .blog-author-more-btn {
    padding-top: 18px;
}

.tel-blog-item-3 .blog-author-more-btn .blog-author {
    margin-right: 15px;
}

.tel-blog-item-3 .blog-author-more-btn .blog-author .inner-img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin-right: 12px;
    border-radius: 100%;
}

.tel-blog-item-3 .blog-author-more-btn .blog-author .inner-text a {
    color: #ff0000;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
}

.tel-blog-item-3 .blog-author-more-btn .more-btn {
    color: #1C1C1C;
    font-size: 12px;
    font-weight: 500;
    background: var(--base-gradient-3);
    background-size: 100% 100%;
    background-clip: text;
    background-clip: text;
    white-space: nowrap;
}

.tel-blog-item-3 .blog-author-more-btn .more-btn img, .tel-blog-item-3 .blog-author-more-btn .more-btn i {
    margin-left: 10px;
}

.tel-blog-item-3 .blog-author-more-btn .more-btn:hover {
    color: rgba(0, 0, 0, 0);
}

.tel-blog-item-3:hover {
    border: 1px solid transparent;
    box-shadow: 0px 0px 50px 10px rgba(2, 6, 38, 0.1);
    box-shadow: 0px 0px 50px 10px rgba(2, 6, 38, 0.1);
}

.tx-blog-widget {
    padding: 25px 20px;
    border-radius: 10px;
    padding-top: 20px;
}

.tx-blog-widget .wp-block-search__inside-wrapper {
    margin-bottom: 0px;
}

.widget .wp-block-heading,
.widget-title {
    font-size: 20px;
    color: var(--heading-color);
    font-weight: 600;
    position: relative;
    margin-bottom: 40px;
    display: block;
}

.widget .wp-block-heading__light,
.widget-title__light {
    color: var(--white);
}

.widget .wp-block-heading::after,
.widget-title::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    width: 50px;
    height: 2px;
    background: var(--theme-color);
    top: auto;
    bottom: -5px;
    border-radius: 20px;
}

.tx-recent-posts .tx-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    background: var(--theme-light-color-3);
    padding: 8px;
    border-radius: 5px;
}

.tx-recent-posts .tx-thumb {
    max-width: 80px;
    min-height: 80px;
}

.tx-recent-posts .tx-thumb img {
    border-radius: 5px;
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.tx-recent-posts .tx-content {
    width: calc(100% - 105px);
}

.tx-recent-posts .tx-title a {
    font-size: 14px;
    color: var(--heading-color);
}

.tx-recent-posts .tx-title a:hover {
    background-size: 100% 2px;
    color: var(--theme-color);
}

.tx-recent-posts .tx-meta {
    margin-top: 5px;
}

.tx-recent-posts .tx-meta li {
    position: relative;
    margin-bottom: 0px;
    line-height: 100%;
}

.tx-recent-posts .tx-meta li:not(:last-child) {
    margin-right: 20px;
}

.tx-recent-posts .tx-meta li:not(:last-child)::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    width: 1px;
    height: 14px;
    right: -10px;
    background: var(--heading-color);
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.1;
}

.tx-recent-posts .tx-meta li a {
    font-size: 10px;
}

.tx-recent-posts .tx-meta li a i {
    margin-right: 5px;
    color: var(--theme-color);
}

.tx-recent-posts .tx-meta li a span {
    font-size: 10px;
    color: var(--pera-color);
}

.tx-recent-posts .tx-meta li a:hover span {
    color: var(--theme-color);
}

.tx-search-widget button {
    background: var(--theme-color);
    border: none;
    padding: 0px 15px;
    border-radius: 10px;
    height: 60px;
    width: 60px;
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    right: 0px;
    top: 0px;
}

.tx-search-widget button:hover {
    background: var(--heading-color);
    color: var(--white);
}

.tx-cat-widget .tx-cat-list li {
    position: relative;
    min-height: 60px;
    background: var(--theme-light-color-3);
    border-radius: 10px;
    padding: 15px 20px;
    padding-right: 60px;
    line-height: 2;
    transition: 0.3s linear;
}

.tx-cat-widget .tx-cat-list li:not(:last-child) {
    margin-bottom: 10px;
}

.tx-cat-widget .tx-cat-list li a {
    color: var(--pera-color);
    font-size: 15px;
    display: block;
}

.tx-cat-widget .tx-cat-list li .tx-icon {
    background: #f6dede;
    color: var(--theme-color);
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s linear;
}

.tx-cat-widget .tx-cat-list li:hover {
    background: var(--theme-color);
}

.tx-cat-widget .tx-cat-list li:hover a {
    color: var(--white);
}

.tx-cat-widget .tx-cat-list li:hover .tx-icon {
    color: var(--white);
    background: #ea4f5e;
}

.tx-author-box-widget {
    background: var(--theme-light-color-3);
    border-radius: 10px;
}

.tx-author-box-widget .tx-topWrapper {
    min-height: 105px;
    border-radius: 10px;
}

.tx-author-box-widget .tx-topWrapper::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    border-radius: 10px;
    opacity: 0.6;
}

.tx-author-box-widget .tx-authorThumb {
    width: 110px;
    height: 110px;
    border: 6px solid var(--white);
    z-index: 1;
    position: relative;
}

.tx-author-box-widget .tx-authorThumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tx-author-box-widget .tx-authorThumb.mt-none-50 {
    margin-top: -50px !important;
}

.tx-author-box-widget .tx-name {
    font-size: 18px;
    font-weight: 500;
}

.tx-author-box-widget p {
    font-size: 14px;
    line-height: 1.8;
}

.tx-shop-widget .price_slider_amount .button {
    padding: 0px !important;
    font-size: 14px !important;
    color: var(--heading-color) !important;
    background: transparent !important;
    font-weight: 400 !important;
    line-height: 2.5 !important;
    height: auto;
}

.tx-shop-widget .price_slider_amount .button:hover {
    color: var(--theme-color) !important;
}

.tx-shop-widget .ui-slider-horizontal {
    height: 10px !important;
    margin-bottom: 20px !important;
}

.tx-shop-widget .ui-widget-content {
    background-color: #fce6e8 !important;
    border-radius: 0px;
}

.tx-shop-widget .ui-slider-range {
    background-color: var(--theme-color) !important;
}

.tx-shop-widget .ui-slider-handle {
    width: 26px !important;
    height: 26px !important;
    background-color: var(--theme-color) !important;
    top: -8px !important;
    border: 3px solid #ea4f5e;
}

.tx-shop-widget .tx-productPrice {
    font-size: 14px;
    padding-top: 5px;
}

.tx-shop-widget.widget_price_filter .widget-title {
    margin-bottom: 35px;
}

.tx-shop-widget .tx-recent-posts .tx-thumb img {
    height: 80px;
    object-fit: contain;
}

.widget_tc-recent-products .tx-thumb {
    background: #fff;
    padding: 10px;
    max-height: 80px;
    display: flex;
}

.widget_tc-recent-products .tx-thumb img {
    width: auto !important;
    height: auto !important;
}

/* SIDEBAR CSS END */
/* FOOTER WIDGET CSS START */
.footer-widget__styleDefault .wp-block-heading {
    color: var(--white);
}

.footer-widget__styleDefault ul li {
    font-size: 14px;
    color: var(--white);
}

.footer-widget__styleDefault ul li a {
    font-size: 14px;
    color: var(--white);
}

.footer-widget__styleDefault ul li a:hover {
    color: var(--theme-color);
}

.footer-widget__styleDefault span,
.footer-widget__styleDefault a,
.footer-widget__styleDefault caption {
    color: var(--white);
}

.tx-contactInfo-widget .tx-mailText {
    font-size: 24px;
    font-weight: 500;
    color: var(--white);
    background-size: 100% 1px;
}

.menu-quick-links-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px;
}

@media (max-width: 1199px) {
    .menu-quick-links-container {
        gap: 10px;
        flex-direction: column;
    }
}

.menu-quick-links-container .menu {
    max-width: 50%;
    position: relative;
}

.menu-quick-links-container .menu:not(:last-child)::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    height: 100%;
    width: 1px;
    background: var(--pera-color);
    left: auto;
    right: -30px;
    opacity: 0.5;
}

@media (max-width: 1199px) {
    .menu-quick-links-container .menu:not(:last-child)::after {
        display: none;
    }
}

.menu-quick-links-container .menu li {
    position: relative;
    padding-left: 25px;
}

.menu-quick-links-container .menu li::before {
    content: "";
    font-family: var(--fontAwesome);
    color: var(--theme-color);
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.menu-quick-links-container .menu li a {
    text-transform: uppercase;
}

/* FOOTER WIDGET CSS END */
/* WOOCOMMERCE CSS START */
.theme-codecraftedcreations .buttons .button,
.theme-codecraftedcreations a.button,
.theme-codecraftedcreations button.button,
.theme-codecraftedcreations input.button {
    background: var(--theme-color);
    color: var(--white);
    font-size: 10px;
    min-height: 46px;
    padding: 10px 24px !important;
    border-radius: 40px;
    font-weight: 700;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.theme-codecraftedcreations .buttons .button:hover,
.theme-codecraftedcreations a.button:hover,
.theme-codecraftedcreations button.button:hover,
.theme-codecraftedcreations input.button:hover {
    background: var(--heading-color);
    color: var(--white) !important;
}

.theme-codecraftedcreations .buttons {
    justify-content: center;
    gap: 15px;
    display: flex;
}

.theme-codecraftedcreations .woocommerce-error,
.theme-codecraftedcreations .woocommerce-info,
.theme-codecraftedcreations .woocommerce-message {
    font-size: 14px;
    background: var(--theme-light-color-3);
    border-color: var(--theme-color);
}

.theme-codecraftedcreations .woocommerce-error a,
.theme-codecraftedcreations .woocommerce-info a,
.theme-codecraftedcreations .woocommerce-message a {
    font-weight: 700;
    font-size: 14px;
}

.theme-codecraftedcreations .woocommerce-error::before,
.theme-codecraftedcreations .woocommerce-info::before,
.theme-codecraftedcreations .woocommerce-message::before {
    color: var(--theme-color);
}

.theme-codecraftedcreations .woocommerce-error::after,
.theme-codecraftedcreations .woocommerce-info::after,
.theme-codecraftedcreations .woocommerce-message::after {
    color: var(--theme-color);
}

.theme-codecraftedcreations .woocommerce-error .button,
.theme-codecraftedcreations .woocommerce-info .button,
.theme-codecraftedcreations .woocommerce-message .button {
    border-radius: 0px !important;
    background: transparent !important;
    color: var(--heading-color) !important;
    float: none !important;
    position: relative;
    padding: 0px !important;
    height: auto !important;
    min-height: auto !important;
    line-height: 1 !important;
}

.theme-codecraftedcreations .woocommerce-error .button:hover,
.theme-codecraftedcreations .woocommerce-info .button:hover,
.theme-codecraftedcreations .woocommerce-message .button:hover {
    color: var(--theme-color) !important;
}

.theme-codecraftedcreations .woocommerce-message .button {
    display: inline-block !important;
}

span.password-input span {
    width: auto !important;
}

/* WOOCOMMERCE CSS END */
/* BADGE CSS START */
.tx-product-badge {
    border-radius: 40px;
    font-size: 11px;
    background: var(--pera-color);
    min-height: 30px;
    color: var(--white);
    padding: 2px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    z-index: 2;
}

.tx-product-badge__sale {
    top: 15px;
    left: 20px;
}

.tx-product-badge__new {
    background: var(--theme-yellow);
    min-height: 26px;
    font-size: 9px;
    padding: 2px 12px;
    line-height: 100%;
}

.tx-cercleBadge {
    width: 120px;
    height: 120px;
    color: var(--white);
    font-size: 17px;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    padding: 20px;
    z-index: 1;
    line-height: 100%;
    flex-direction: column;
    gap: 5px;
}

.tx-cercleBadge span {
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
}

.tx-cercleBadge::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    opacity: 0.1;
    width: calc(100% + 30px);
    height: calc(100% + 30px);
    left: -15px;
    top: -15px;
    border-radius: 50%;
    z-index: -1;
}

.tx-cercleBadge::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    border-radius: 50%;
    z-index: -1;
}

.tx-cercleBadge__styleDark::after {
    background: var(--heading-color);
}

/* BADGE CSS END */
/* PRODUCT BOX CSS START */
.tx-product-box {
    position: relative;
    z-index: 1;
    transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.tx-product-box .tx-product-title {
    font-size: 16px;
    font-weight: 600;
}

.tx-product-box .tx-product-title a {
    color: var(--heading-color);
}

.tx-product-box .tx-product-title a:hover {
    color: var(--theme-color);
}

.tx-product-box::before {
    background: #fff;
    transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.tx-product-box::before, .tx-product-box::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.tx-product-box::after {
    background: var(--theme-color);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    width: calc(100% - 1px);
}

.tx-product-box:hover {
    border-color: transparent;
}

.tx-product-box:hover::after {
    transform: skew(0deg, 4deg);
    opacity: 1;
    visibility: visible;
}

.tx-product-box:hover::before {
    transform: skew(0turn, -3deg);
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05);
}

.tx-product-box__styleListView .tx-thumb img {
    width: 100%;
}

.tx-product-box__styleListView .tx-product-title {
    font-size: 20px;
}

.tx-product-box__styleListView:hover::after {
    transform: skew(0deg, -3deg);
    opacity: 1;
    visibility: visible;
}

.tx-product-box__styleListView:hover::before {
    transform: skew(0turn, -1deg);
}

.tx-product-box .woocommerce-LoopProduct-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.tx-productPrice {
    font-weight: 300;
    font-size: 17px;
}

.tx-productPrice del {
    opacity: 1;
}

.tx-productPrice del .amount {
    text-decoration: line-through;
}

.tx-wishlistButton {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
}

.tx-wishlistButton .woosw-btn {
    padding: 0px;
    font-size: 0px;
}

.tx-wishlistButton .woosw-btn::before {
    font-size: 20px;
    content: url(../img/icons/heart.svg);
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

.tx-wishlistButton .woosw-added::before {
    content: url(../img/icons/heart-fill.svg);
}

.woosw-popup-content a {
    color: var(--heading-color);
    font-size: 14px;
}

.woosw-popup-content a:hover {
    color: var(--theme-color) !important;
}

.woosw-popup-content .woosw-item--price {
    font-size: 12px !important;
}

.woosw-popup-content .woosw-item--price sapn {
    color: var(--pera-color);
    font-size: 12px !important;
}

.woosw-popup-content .woosw-item--time {
    color: var(--pera-color);
    font-size: 12px !important;
}

.woosw-popup-content .button {
    background: var(--heading-color) !important;
    color: var(--white) !important;
    font-size: 10px !important;
    min-height: 46px !important;
    padding: 10px 24px !important;
    border-radius: 40px !important;
    font-weight: 700 !important;
    height: auto !important;
    line-height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.woosw-popup-content .button:hover {
    background: var(--theme-color) !important;
    color: var(--white) !important;
}

.woosw-popup-content .woosw-popup-content-top span {
    color: var(--white);
    font-weight: 500 !important;
}

.woosw-popup-content .woosw-popup-content-bot-inner a {
    font-size: 12px !important;
    font-weight: 500;
}

.woosw-popup-content .woosw-popup-content-bot-inner a:hover {
    border-color: var(--theme-color) !important;
}

.woosw-popup-content .woosw-popup-close::after {
    color: var(--theme-color);
    transition: all 0.3s;
}

.woosw-popup-content .woosw-popup-close:hover::after {
    rotate: -180deg;
}

/* PRODUCT BOX CSS END */
/* HERO SLIDER CSS START */
#tel-slider-4[data-background] {
    background-color: transparent !important;
}

.tel-slider-item-4 {
    padding: 330px 0px 235px;
}

.tel-slider-item-4 .tel-slider-img-4 {
    width: 700px;
    right: 100px;
    bottom: 115px;
    opacity: 0;
    height: 700px;
    overflow: hidden;
    border-radius: 100%;
    visibility: hidden;
}

.tel-slider-item-4 .tel-slider-img-4 img {
    transform: scale(1.2);
    transform: scale(1.2);
}

.tel-slider-item-4 .tel-slider-text-4 {
    max-width: 670px;
}

.tel-slider-item-4 .tel-slider-text-4 .slider-slug {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    letter-spacing: 3px;
    padding-left: 60px;
    margin-bottom: 15px;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transform: translateY(50px);
}

.tel-slider-item-4 .tel-slider-text-4 .slider-slug:before, .tel-slider-item-4 .tel-slider-text-4 .slider-slug:after {
    top: 12px;
    width: 52px;
    height: 2px;
    content: "";
    position: absolute;
    background: var(--base-gradient);
}

.tel-slider-item-4 .tel-slider-text-4 .slider-slug:before {
    left: 0px;
}

.tel-slider-item-4 .tel-slider-text-4 .slider-slug:after {
    right: -57px;
    display: none;
}

.tel-slider-item-4 .tel-slider-text-4 h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 600;
    line-height: 82px;
    padding-bottom: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transform: translateY(50px);
}

.tel-slider-item-4 .tel-slider-text-4 p {
    line-height: 30px;
    padding-bottom: 45px;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transform: translateY(50px);
}

.tel-slider-item-4 .tel-slider-text-4 .slider-btn-price {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transform: translateY(50px);
}

.tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .tel-btn-2 {
    margin-right: 60px;
}

.tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .slider-pricing {
    margin-right: 50px;
}

.tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .slider-pricing h3 {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
}

.tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .slider-pricing h3 sup {
    top: auto;
    bottom: 0;
    font-size: 20px;
    color: var(--theme-color);
}

.tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .slider-pricing h3 sub {
    bottom: 0;
    font-size: 20px;
    font-weight: 400;
}

.tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .slider-pricing span {
    font-size: 17px;
    display: inline-block;
    color: var(--theme-color);
    padding-bottom: 0;
}

.tel-main-slider-area-4 .tel-main-arrow-next-prev .tel-slider-arrow:before {
    background-color: rgba(255, 255, 255, 0.15);
}

.tel-main-slider-area-4 .tel-main-arrow-next-prev .tel-slider-arrow i {
    color: #fff;
}

.tel-main-slider-area-4 .tel-main-arrow-next-prev .swiper-main-paginations-2 .swiper-pagination-bullet {
    border: 1px solid #fff;
}

.tel-main-slider-4 .swiper-slide-active .tel-slider-item-4 .tel-slider-img-4 {
    opacity: 1;
    visibility: visible;
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-main-slider-4 .swiper-slide-active .tel-slider-item-4 .tel-slider-img-4 img {
    transform: scale(1);
    transform: scale(1);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-main-slider-4 .swiper-slide-active .tel-slider-text-4 h1 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transform: translateY(0);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 500ms;
    transition-delay: 500ms;
}

.tel-main-slider-4 .swiper-slide-active .tel-slider-text-4 p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transform: translateY(0);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 700ms;
    transition-delay: 700ms;
}

.tel-main-slider-4 .swiper-slide-active .tel-slider-text-4 .slider-btn-price {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transform: translateY(0);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 900ms;
    transition-delay: 900ms;
}

.tx-hero-slider__styleOne {
    transition: 0.4s ease;
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
}

.tx-hero-slider__styleOne .tx-slideItem {
    padding-top: 330px;
    padding-bottom: 250px;
    animation: bg-zoom-anim 10s linear infinite alternate;
    -moz-animation: bg-zoom-anim 10s linear infinite alternate;
    -o-animation: bg-zoom-anim 10s linear infinite alternate;
    animation: bg-zoom-anim 10s linear infinite alternate;
}

@media (max-width: 1199px) {
    .tx-hero-slider__styleOne .tx-slideItem {
        padding-top: 250px;
    }
}

@media (max-width: 767px) {
    .tx-hero-slider__styleOne .tx-slideItem {
        padding-top: 180px;
        padding-bottom: 180px;
    }
}

.tx-hero-slider__styleOne .tx-pattern {
    width: 100%;
    height: 100%;
}

.tx-hero-slider__styleOne .tx-pattern img {
    width: 100%;
    height: 100%;
}

.tx-hero-slider__styleOne.noCliping {
    clip-path: none;
}

@media (max-width: 1599px) {
    .tx-hero-slider__styleOne .tx-slideNav div {
        left: 0px;
        opacity: 0;
        visibility: hidden;
    }

    .tx-hero-slider__styleOne .tx-slideNav div.swiper-button-next {
        right: 0px;
    }
}

@media (max-width: 1599px) {
    .tx-hero-slider__styleOne:hover .tx-slideNav div {
        left: 20px;
        opacity: 1;
        visibility: visible;
    }

    .tx-hero-slider__styleOne:hover .tx-slideNav div.swiper-button-next {
        left: auto;
        right: 20px;
    }
}

.tx-hero-slider .tx-sliderContent {
    max-width: 750px;
    position: relative;
}

.tx-hero-slider .tx-subHeading {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 500;
    opacity: 0;
    transform: translateY(50px);
    visibility: hidden;
}

.tx-hero-slider .tx-heading {
    font-size: 70px;
    font-weight: 600;
    color: var(--white);
    line-height: 1.1;
    opacity: 0;
    transform: translateY(100px);
    visibility: hidden;
    font-family: "poppins", sans-serif;
}

@media (max-width: 1199px) {
    .tx-hero-slider .tx-heading {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    .tx-hero-slider .tx-heading {
        font-size: 40px;
    }
}

@media (max-width: 475px) {
    .tx-hero-slider .tx-heading {
        font-size: 36px;
    }
}

.tx-hero-slider .tx-cercleBadgeWrapper {
    top: -40px;
    right: 125px;
}

@media (max-width: 767px) {
    .tx-hero-slider .tx-cercleBadgeWrapper {
        right: 0px;
        top: -65px;
    }
}

@media (max-width: 1199px) {
    .tx-hero-slider .tx-cercleBadge {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .tx-hero-slider .tx-cercleBadge {
        font-size: 12px;
        width: 90px;
        height: 90px;
    }
}

.tx-hero-slider .tx-cercleBadge {
    transform: scale(0);
    visibility: hidden;
    opacity: 0;
}

.tx-hero-slider .tx-price {
    color: var(--white);
    opacity: 0;
    transform: translateY(80px);
}

.tx-hero-slider .tx-price .tx-fwLight {
    font-size: 16px;
    font-weight: 300;
    color: var(--white);
    display: inline-block;
    position: relative;
    translate: 0px -5px;
}

.tx-hero-slider .tx-price__price {
    font-size: 41px;
    font-weight: 700;
    color: var(--white);
    line-height: 100%;
}

.tx-hero-slider .tx-price__package {
    color: var(--theme-color);
    font-size: 14px;
}

.tx-hero-slider .tx-middleWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
}

@media (max-width: 767px) {
    .tx-hero-slider .tx-middleWrapper {
        gap: 20px;
    }
}

.tx-hero-slider .tx-bottomWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
}

.tx-hero-slider .tx-listItems {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
}

.tx-hero-slider .tx-listItems .tx-icon {
    color: var(--heading-color);
}

.tx-hero-slider .tx-listItems p {
    color: var(--white);
}

.tx-hero-slider .tx-contact-info a {
    color: var(--white);
    margin-top: 5px;
}

.tx-hero-slider .swiper-slide-active .tx-subHeading {
    transition: all 0.8s ease;
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.3s;
    visibility: visible;
}

.tx-hero-slider .swiper-slide-active .tx-heading {
    transition: all 1s ease;
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 1s;
    visibility: visible;
}

.tx-hero-slider .swiper-slide-active .tx-cercleBadge {
    transition: all 1.5s ease;
    transform: scale(1);
    opacity: 1;
    transition-delay: 1.5s;
    visibility: visible;
}

.tx-hero-slider .swiper-slide-active .tx-price {
    transition: all 1.3s ease;
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 1.3s;
    visibility: visible;
}

.tx-hero-slider .swiper-slide-active .tx-bottomWrapper {
    transition: all 1.5s ease;
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 1.5s;
    visibility: visible;
}

.tx-hero-slider .swiper-slide-active .tx-listItems {
    transition: all 0.5s ease;
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 1.5s;
    visibility: visible;
}

.tx-hero-slider__styleTwo {
    clip-path: none;
    animation: bg-zoom-anim 10s linear infinite alternate;
    -moz-animation: bg-zoom-anim 10s linear infinite alternate;
    -o-animation: bg-zoom-anim 10s linear infinite alternate;
    animation: bg-zoom-anim 10s linear infinite alternate;
}

@media (max-width: 991px) {
    .tx-hero-slider__styleTwo .tx-heading {
        font-size: 40px;
    }
}

.tx-hero-slider__styleTwo .tx-pattern {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.tx-hero-slider__styleTwo .tx-pattern img {
    width: 100%;
    height: 100%;
}

.tx-hero-slider__styleTwo .tx-slideItem {
    padding-top: 0px;
    padding-bottom: 0px;
}

.tx-hero-slider__styleTwo .tx-sliderContent {
    max-width: 100%;
    border-radius: 40px;
    padding-bottom: 215px;
}

@media (max-width: 991px) {
    .tx-hero-slider__styleTwo .tx-sliderContent {
        padding: 150px 30px;
    }
}

.tx-hero-slider__styleTwo .tx-sliderContent::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--black);
    opacity: 0.4;
    border-radius: 40px;
}

.tx-hero-slider__styleTwo .tx-bottomWrapper {
    gap: 35px;
}

.tx-hero-slider__styleTwo .swiper-pagination {
    display: none;
}

.tel-slider-side {
    top: 0;
    left: 0;
    width: 96px;
    z-index: 3;
    height: 100%;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15);
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15);
}

.tel-slider-side .side-social a,
.tel-slider-side .side-cta a {
    opacity: 0.5;
    margin: 25px 0px;
    display: inline-block;
}

.tel-slider-side .side-inner-text {
    color: #fff;
    opacity: 0.5;
    margin: 50px 0px;
}

.tel-main-slider-item .slider-side-img1 {
    right: 0;
    opacity: 0;
    bottom: -150px;
    visibility: hidden;
}

.tel-main-slider-item .slider-side-img2 {
    right: 0;
    opacity: 0;
    top: -150px;
    visibility: hidden;
}

.tel-main-slider-item .tel-main-slider-text-img {
    padding: 275px 0px 270px;
}

.tel-main-slider-item .tel-main-slider-img {
    opacity: 0;
    bottom: -50%;
    right: -20px;
    visibility: hidden;
}

.tel-main-slider-item .tel-main-slider-text h1 {
    opacity: 0;
    font-size: 70px;
    font-weight: 800;
    line-height: 1.15;
    visibility: hidden;
    color: var(--theme-color);
    text-transform: uppercase;
    transform: translateX(-70px);
    transform: translateX(-70px);
}

.tel-main-slider-item .tel-main-slider-text h1 span {
    color: #fff;
    display: block;
    font-weight: 300;
}

.tel-main-slider-item .tel-main-slider-text h1 b {
    color: #fff;
    display: block;
    font-weight: 600;
}

.tel-main-slider-item .tel-main-slider-text .tel-slider-video-area {
    opacity: 0;
    visibility: hidden;
    margin-bottom: 40px;
    transform: translateX(-70px);
    transform: translateX(-70px);
}

.tel-main-slider-item .tel-main-slider-text .tel-slider-video-area h2 {
    font-size: 70px;
    font-weight: 600;
    color: var(--theme-color);
    text-transform: uppercase;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area {
    opacity: 0;
    visibility: hidden;
    transform: translateX(70px);
    transform: translateX(70px);
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing {
    margin-right: 50px;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing h3 {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing h3 sup {
    top: auto;
    bottom: 0;
    font-size: 20px;
    color: var(--theme-color);
    background: var(--linear, linear-gradient(90deg, #E10419 0%, #8F0815 100%));
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing h3 sub {
    bottom: 0;
    font-size: 20px;
    font-weight: 400;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing p {
    font-size: 17px;
    background: var(--linear, linear-gradient(90deg, #E10419 0%, #8F0815 100%));
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tel-main-slider-area .swiper-pagination {
    top: 50%;
    left: auto;
    z-index: 3;
    bottom: auto;
    width: 97px;
    right: 0px;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
    transform: translateY(-50%);
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    height: auto;
    width: auto;
    display: block;
    font-size: 18px;
    margin: 40px 0px;
    font-weight: 500;
    position: relative;
    transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet:before {
    left: 2px;
    right: 0;
    width: 1px;
    content: "";
    height: 0px;
    bottom: -35px;
    margin: 0 auto;
    position: absolute;
    transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: var(--theme-color);
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    font-size: 30px;
    color: var(--theme-color);
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    height: 30px;
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child:before {
    bottom: 35px;
}

.tel-slide-video-btn {
    width: 291px;
    height: 82px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 55px;
}

.tel-slide-video-btn a {
    width: 44px;
    color: #fff;
    height: 44px;
    border-radius: 100%;
    background-color: var(--theme-color);
    font-size: 12px;
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .slider-side-img1 {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: all 800ms ease;
    transition: all 800ms ease;
    transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .slider-side-img2 {
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: all 800ms ease;
    transition: all 800ms ease;
    transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .tel-main-slider-img {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: all 1500ms ease;
    transition: all 1500ms ease;
    transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .tel-main-slider-text h1 {
    opacity: 1;
    visibility: visible;
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 0.7s;
    transition-delay: 0.7s;
    transform: translateX(0);
    transform: translateX(0);
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .tel-slider-video-area {
    opacity: 1;
    visibility: visible;
    transition: all 1500ms ease;
    transition: all 1500ms ease;
    transition-delay: 1s;
    transition-delay: 1s;
    transform: translateX(0);
    transform: translateX(0);
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .slider-pricing-btn-area {
    opacity: 1;
    visibility: visible;
    transition: all 1500ms ease;
    transition: all 1500ms ease;
    transition-delay: 1.5s;
    transition-delay: 1.5s;
    transform: translateX(0);
    transform: translateX(0);
}

.tel-price-text-content-4 {
    padding-top: 30px;
}

.tel-price-text-content-4 .tel-section-title-2 {
    margin-bottom: 48px;
}

.tel-price-text-content-4 .tel-section-title-2 h3, .tel-price-text-content-4 .tel-section-title-2 p {
    color: #fff;
}

.tel-price-item-4 {
    border-radius: 10px;
    background: #161832;
    position: relative;
    margin-bottom: 30px;
    padding: 0px 25px 25px 25px;
}

.tel-price-item-4 .plan-title {
    width: 100%;
    color: #fff;
    margin: 0 auto;
    font-size: 12px;
    padding: 12px 15px;
    background: var(--base-gradient-4);
    border-radius: 0px 0px 10px 10px;
}

.tel-price-item-4 .plan-price {
    margin: 18px 0px 20px;
}

.tel-price-item-4 .plan-price h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}

.tel-price-item-4 .plan-price h3 sup {
    top: -15px;
    font-size: 20px;
    font-weight: 400;
}

.tel-price-item-4 .plan-price .plan-duration {
    color: #fff;
    font-size: 14px;
}

.tel-price-item-4 .price-plan-icon {
    border-radius: 50px;
    margin-bottom: 25px;
    padding: 18px 25px 15px;
    background: var(--base-gradient-4);
}

.tel-price-item-4 .price-plan-icon li {
    color: #fff;
    font-size: 25px;
    margin: 0px 8px;
}

.tel-price-item-4 .price-plan-list {
    text-align: left;
}

.tel-price-item-4 .price-plan-list li {
    color: #fff;
    font-size: 14px;
    padding-left: 30px;
    position: relative;
    margin-bottom: 10px;
}

.tel-price-item-4 .price-plan-list li:before {
    left: 0;
    top: 3px;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
}

.tel-price-item-4 .tel-btn-2 {
    margin-top: 35px;
}

.tel-price-item-4 .tel-btn-2 a {
    font-size: 14px;
    padding: 12px 30px;
    white-space: nowrap;
}

.tel-price-item-4.active {
    z-index: 1;
}

.tel-price-item-4.active:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    border-radius: 10px;
    background: var(--base-gradient-4);
}

.tel-price-item-4.active .plan-title {
    background: rgba(255, 255, 255, 0.2);
}

.tel-price-item-4.active .price-plan-icon {
    background: #fff;
}

.tel-price-item-4.active .tel-btn-2 a {
    background: #fff;
    color: var(--theme-color);
}

.tel-cta-pricing-area {
    padding: 30px;
    max-width: 565px;
    border-radius: 10px;
    margin-bottom: 50px;
    backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px dashed var(--theme-color);
    background: rgba(255, 255, 255, 0.05);
}

.tel-cta-pricing-area .cta-price h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    padding-bottom: 5px;
}

.tel-cta-pricing-area .cta-price h3 sub {
    bottom: 0;
    font-size: 20px;
    color: var(--theme-color);
}

.tel-cta-pricing-area .cta-price h3 sup {
    top: auto;
    bottom: 0;
    font-size: 20px;
    font-weight: 300;
}

.tel-cta-pricing-area .cta-price p {
    font-size: 14px;
    color: var(--theme-color);
    text-transform: uppercase;
}

.tel-cta-pricing-area li {
    color: #fff;
    font-size: 15px;
    padding-left: 35px;
    margin-bottom: 10px;
    position: relative;
}

.tel-cta-pricing-area li:before {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    position: absolute;
}

.tel-cta-pricing-area li:last-child {
    margin-bottom: 0;
}

.tel-slider-section-3 {
    z-index: 1;
    overflow: hidden;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.tel-slider-section-3 [data-background] {
    background-color: transparent !important;
}

.tel-slider-section-3:before, .tel-slider-section-3:after {
    bottom: 0;
    width: 100%;
    z-index: -2;
    height: 50%;
    content: "";
    position: absolute;
    background: var(--base-gradient-3);
}

.tel-slider-section-3:after {
    z-index: -1;
    height: 100%;
    background-image: url(../img/bg/slider-bg.png);
}

.tel-main-slider-item-3 {
    z-index: 1;
    padding: 285px 0px 110px;
}

.tel-main-slider-item-3 .slider_shape_3_1 {
    right: 0;
    z-index: 2;
    opacity: 0;
    bottom: 0px;
    visibility: hidden;
    transform: translateX(300px);
    transform: translateX(300px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-main-slider-item-3 .slider_shape_3_2 {
    opacity: 0;
    z-index: -1;
    right: -35px;
    bottom: 35px;
    visibility: hidden;
    transform: translateX(300px);
    transform: translateX(300px);
    mask-image: url(../img/sd-shape1.png);
    mask-image: url(../img/sd-shape1.png);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-main-slider-item-3 .slider_shape_3_3 {
    opacity: 0;
    right: 100px;
    bottom: 35px;
    visibility: hidden;
    transform: translateX(500px);
    transform: translateX(500px);
    mask-image: url(../img/sd-shape3.png);
    mask-image: url(../img/sd-shape3.png);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 {
    max-width: 690px;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 .slider-slug {
    opacity: 0;
    visibility: hidden;
    font-weight: 600;
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
    display: inline-block;
    transform: translateY(100px);
    transform: translateY(100px);
    transition: all 800ms ease;
    transition: all 800ms ease;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 .slider-slug:before {
    left: 0;
    top: -2px;
    width: 30px;
    content: "";
    height: 30px;
    position: absolute;
    background-image: url(../img/logo/title-icon.png);
}

.tel-main-slider-item-3 .tel-main-slider-text-3 h1 {
    opacity: 0;
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    visibility: hidden;
    padding-bottom: 25px;
    transform: translateY(100px);
    transform: translateY(100px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 p {
    opacity: 0;
    line-height: 30px;
    visibility: hidden;
    padding-bottom: 40px;
    transform: translateY(100px);
    transform: translateY(100px);
    color: rgba(255, 255, 255, 0.8);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
    transform: translateY(100px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group .tel-btn-3 {
    margin-right: 40px;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group .tel-slider-video-btn a {
    display: inline-block;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group .tel-slider-video-btn .inner-icon {
    font-size: 40px;
    margin-right: 15px;
}

.tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group .tel-slider-video-btn .inner-text {
    color: rgba(255, 255, 255, 0.8);
}

.tel-main-slider-sponsor-counter {
    padding-bottom: 30px;
}

.tel-main-slider-sponsor-area {
    width: 44%;
    margin-left: 15px;
}

.tel-main-slider-sponsor-area .main-sponsor-img {
    height: 50px;
    display: box;
    display: -ms-flexbox;
    display: flex;
    box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tel-main-slider-counter {
    width: 51%;
}

.tel-slider-counter-item .inner-icon {
    width: 65px;
    height: 65px;
    margin-right: 20px;
    border-radius: 100%;
    background: var(--base-gradient-3);
}

.tel-slider-counter-item .inner-text h3 span {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.tel-slider-counter-item .inner-text p {
    color: #fff;
    font-size: 15px;
}

.swiper-main-paginations-3 {
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-main-paginations-3.swiper-pagination-bullets {
    left: 50px;
    right: auto;
    width: auto;
    bottom: auto;
}

.swiper-main-paginations-3 .swiper-pagination-bullet {
    opacity: 1;
    width: 25px;
    height: 45px;
    bottom: auto;
    display: block;
    border-radius: 0;
    transform: skewY(12deg);
    transform: skewY(12deg);
    margin: 15px 0px !important;
    transition: all 500ms ease;
    transition: all 500ms ease;
    background: var(--base-gradient-3);
}

.swiper-main-paginations-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 65px;
}

.tel-main-slider-3 .swiper-slide-active .tel-main-slider-item-3 .slider_shape_3_1 {
    opacity: 1;
    visibility: visible;
    transform: translate(0px);
    transform: translate(0px);
    transition-delay: 500ms;
    transition-delay: 500ms;
}

.tel-main-slider-3 .swiper-slide-active .tel-main-slider-item-3 .slider_shape_3_2 {
    opacity: 1;
    visibility: visible;
    transform: translate(0px);
    transform: translate(0px);
    transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.tel-main-slider-3 .swiper-slide-active .tel-main-slider-item-3 .slider_shape_3_3 {
    opacity: 1;
    visibility: visible;
    transform: translate(0px);
    transform: translate(0px);
    transition-delay: 900ms;
    transition-delay: 900ms;
}

.tel-main-slider-3 .swiper-slide-active .tel-main-slider-item-3 .tel-main-slider-text-3 .slider-slug {
    opacity: 1;
    visibility: visible;
    transform: translate(0px);
    transform: translate(0px);
    transition-delay: 500ms;
    transition-delay: 500ms;
}

.tel-main-slider-3 .swiper-slide-active .tel-main-slider-item-3 .tel-main-slider-text-3 h1 {
    opacity: 1;
    visibility: visible;
    transform: translate(0px);
    transform: translate(0px);
    transition-delay: 800ms;
    transition-delay: 800ms;
}

.tel-main-slider-3 .swiper-slide-active .tel-main-slider-item-3 .tel-main-slider-text-3 p {
    opacity: 1;
    visibility: visible;
    transform: translate(0px);
    transform: translate(0px);
    transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.tel-main-slider-3 .swiper-slide-active .tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group {
    opacity: 1;
    visibility: visible;
    transform: translate(0px);
    transform: translate(0px);
    transition-delay: 1100ms;
    transition-delay: 1100ms;
}

/* HERO SLIDER CSS END */
/* SLIDER NAV CSS START */
.tx-slideNav div {
    width: 65px;
    height: 65px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border-radius: 50%;
    transition: all 0.4s ease;
}

.tx-slideNav div::after {
    display: none;
}

.tx-slideNav__styleLight div {
    color: var(--white);
    border: 1px solid var(--white);
}

.tx-slideNav__styleLight div:hover {
    background: var(--theme-color);
    color: var(--white);
    border-color: var(--theme-color);
}

.tx-slideNav__styleMiddle div {
    margin: 0px !important;
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translate(0px, -50%);
    z-index: 1;
}

.tx-slideNav__styleMiddle div.swiper-button-next {
    right: 80px;
    left: auto;
}

@media (max-width: 1199px) {
    .tx-slideNav__styleOuter {
        margin-top: 50px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
}

.tx-slideNav__styleOuter div {
    left: -30px;
    border-color: var(--theme-color);
    color: var(--theme-color);
    width: 60px;
    height: 60px;
    background: var(--white);
}

@media (max-width: 1199px) {
    .tx-slideNav__styleOuter div {
        position: static;
        left: 0px;
        transform: translate(0px, 0px);
    }
}

.tx-slideNav__styleOuter div:hover {
    background: var(--heading-color);
}

.tx-slideNav__styleOuter div.swiper-button-next {
    right: -30px;
    left: auto;
}

@media (max-width: 1199px) {
    .tx-slideNav__styleOuter div.swiper-button-next {
        left: auto;
        right: 0px;
    }
}

.tx-slideNav__styleTop {
    position: static;
    max-width: 130px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    min-height: 48px;
}

.tx-slideNav__styleTop div {
    width: 45px;
    height: 45px;
    color: var(--theme-color);
    border-radius: var(--theme-color);
    position: static;
    border: 2px solid var(--theme-color);
    border-radius: 20px;
}

.tx-slideNav__styleTop div:hover {
    background: var(--theme-color);
    color: var(--white);
}

/* SLIDER NAV CSS END */
/* SLIDER PAGINATION CSS START */
.tx-slidePagination__styleMiddle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 85px !important;
}

.tx-slidePagination__styleMiddle span {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--white);
    opacity: 0.5;
    border: 1px solid transparent;
}

.tx-slidePagination__styleMiddle span.swiper-pagination-bullet-active {
    opacity: 1;
    border-color: var(--white);
    background: transparent;
}

/* SLIDER PAGINATION CSS END */
/* SECTION HEADING CSS START */
.tx-sectionHeading__subTitle {
    background: #393736e6;
    border-radius: 40px;
    padding: 18px 40px;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    font-family: "poppins", sans-serif;
}



.tx-sectionHeading__title {
    font-size: 30px;
    font-weight: 700;
    max-width: fit-content;
    padding: 20px 60px;
    border-radius: 30px;
    background: #393736;
    line-height: 49px;
    letter-spacing: 2px;
    color: white;
    margin: auto;
}



@media (max-width: 991px) {
    .tx-sectionHeading__title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .tx-sectionHeading__title {
        font-size: 28px;
    }
}

.tx-sectionHeading__title--white {
    color: var(--white);
}

.tx-sectionHeading__styleTwo .tx-sectionHeading__subTitle {
    background: transparent;
    padding: 0px;
    font-size: 18px;
    font-weight: 500;
    min-height: auto;
}

.tx-sectionHeading__styleTwo .tx-sectionHeading__subTitle span {
    color: var(--theme-color);
    text-decoration: underline;
    text-underline-offset: 5px;
}

.tx-sectionHeading__styleTwo .tx-sectionHeading__title {
    font-size: 50px;
    line-height: 1.3;
}

.tx-sectionHeading__styleRotate {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    transform: rotate(-180deg);
}

@media (max-width: 767px) {
    .tx-sectionHeading__styleRotate {
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        transform: rotate(0deg);
    }
}

/* SECTION HEADING CSS END */
/* SERVICES CSS START */
.tx-serviceBox .tx-thumb img {
    width: 100%;
    height: 100%;
}

.tx-serviceBox .tx-title {
    font-size: 17px;
    font-weight: 600;
}

.tx-serviceBox .tx-title a {
    color: var(--heading-color);
}

.tx-serviceBox .tx-title a:hover {
    color: var(--theme-color);
}

.tx-serviceBox__styleOne {
    box-shadow: 0px 0px 40px 0px rgba(18, 18, 18, 0.09);
    overflow: hidden;
}

.tx-serviceBox__styleOne::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top right, white 35%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.tx-serviceBox__styleOne::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    z-index: 1;
    clip-path: polygon(0 0, 100% 75%, 100% 100%, 0% 100%);
    opacity: 0;
    visibility: hidden;
    left: -100%;
    transition: all 0.4s ease;
}

.tx-serviceBox__styleOne .tx-content {
    position: absolute;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 30px;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

.tx-serviceBox__styleOne .tx-icon {
    font-size: 35px;
    line-height: 100%;
    position: relative;
    color: #9cd100;
    z-index: 1;
    max-width: 60px;
}

.tx-serviceBox__styleOne .tx-icon::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: var(--theme-light-color);
    width: 45px;
    height: 45px;
    left: auto;
    right: 0px;
    top: -20px;
    z-index: -1;
}

.tx-serviceBox__styleOne .tx-buttonCercle {
    z-index: 2;
    transform: translate(-50%, -100%) scale(0) !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.tx-serviceBox__styleOne:hover::before {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.tx-serviceBox__styleOne:hover .tx-buttonCercle {
    transform: translate(-50%, -100%) scale(1) !important;
    opacity: 1;
    visibility: visible;
}

.tx-serviceBox__styleTwo .tx-thumb {
    position: relative;
}

.tx-serviceBox__styleTwo .tx-thumb img {
    border-radius: 25px;
}

.tx-serviceBox__styleTwo .tx-thumb::after, .tx-serviceBox__styleTwo .tx-thumb::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    border-radius: 25px;
    z-index: 1;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.tx-serviceBox__styleTwo .tx-thumb::before {
    top: 0px;
}

.tx-serviceBox__styleTwo .tx-thumb::after {
    top: auto;
    bottom: 0px;
}

.tx-serviceBox__styleTwo .tx-cercleBadgeWrapper {
    left: 0px;
    bottom: -5px;
    transition: all 0.4s ease;
}

.tx-serviceBox__styleTwo .tx-cercleBadge {
    font-size: 9px;
    text-transform: uppercase;
    width: 70px;
    height: 70px;
    padding: 5px;
    transition: all 0.4s ease;
    line-height: 1.4;
}

.tx-serviceBox__styleTwo .tx-title {
    font-size: 21px;
}

.tx-serviceBox__styleTwo .tx-excerpt {
    font-size: 15px;
    color: #acacac;
    transition: all 0.4s ease;
}

.tx-serviceBox__styleTwo .tx-inline-btn {
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    display: block !important;
    width: max-content;
}

.tx-serviceBox__styleTwo .tx-inline-btn i {
    margin-left: 5px;
}

.tx-serviceBox__styleTwo:hover {
    opacity: 1;
    visibility: visible;
}

.tx-serviceBox__styleTwo:hover .tx-excerpt {
    opacity: 0;
    visibility: hidden;
}

.tx-serviceBox__styleTwo:hover .tx-thumb::before {
    top: -8px;
    opacity: 1;
    visibility: visible;
}

.tx-serviceBox__styleTwo:hover .tx-thumb::after {
    bottom: -8px;
    opacity: 1;
    visibility: visible;
}

.tx-serviceBox__styleTwo:hover .tx-cercleBadgeWrapper {
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
}

.tx-serviceBox__styleTwo:hover .tx-cercleBadge::before {
    opacity: 0.6;
}

.tx-serviceBox__styleTwo:hover .tx-inline-btn {
    opacity: 1;
    visibility: visible;
}

.tx-serviceBox__styleThree .tx-title {
    font-size: 19px;
}

.tx-serviceBox__styleThree .tx-icon {
    border-radius: 50%;
    background: var(--theme-color);
    border-radius: 50%;
    width: 62px;
    height: 62px;
    font-size: 35px;
    color: var(--white);
    transition: 0.3s;
}

.tx-serviceBox__styleThree .tx-icon img {
    max-width: 35px;
}

.tx-serviceBox__styleThree .tx-button {
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    min-height: 55px;
    padding: 10px 27px;
    opacity: 0;
    visibility: hidden;
}

.tx-serviceBox__styleThree .tx-thumb {
    position: relative;
    max-width: 290px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.tx-serviceBox__styleThree .tx-thumb img {
    border-radius: 50%;
    width: 100%;
}

.tx-serviceBox__styleThree .tx-thumb::before, .tx-serviceBox__styleThree .tx-thumb::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    opacity: 0.4;
    transform: rotate(46deg);
    top: auto;
    bottom: -120px;
    left: -300px;
    transition: all 0.5s ease;
}

.tx-serviceBox__styleThree .tx-thumb::after {
    left: auto;
    right: -300px;
}

.tx-serviceBox__styleThree .tx-shape {
    top: 17px;
    left: 50%;
    transform: translateX(-50%);
    min-height: 36px;
    width: 185px;
}

.tx-serviceBox__styleThree:hover .tx-thumb::before {
    left: -120px;
}

.tx-serviceBox__styleThree:hover .tx-thumb::after {
    right: -120px;
}

.tx-serviceBox__styleThree:hover .tx-button {
    opacity: 1;
    visibility: visible;
    top: 45px;
}

.tx-serviceBox__styleThree:hover .tx-icon {
    box-shadow: 0px 0px 22.91px 6.09px rgba(19, 19, 19, 0.43);
}

.tel-about-section-4:before {
    top: 50%;
    left: 90px;
    width: 25%;
    content: "";
    height: 72%;
    opacity: 0.05;
    position: absolute;
    border-radius: 30px;
    transform: translateY(-50%);
    transform: translateY(-50%);
    background: gradient(linear, left top, right top, from(#E10419), to(#8F0815));
    background: linear-gradient(90deg, #E10419 0%, #8F0815 100%);
}

/* SERVICES CSS END */
/* ABOUT CSS START */
/* ABOUT CSS END */
/* INFO TEXT CSS START */

.tel-about-feature-list-area-4 {
    margin-right: 30px;
}

.tel-about-feature-list-4 {
    margin-bottom: 35px;
}

.tel-about-feature-list-4:last-child {
    margin-bottom: 0;
}

.tel-about-feature-list-4 .feature-icon {
    z-index: 1;
    width: 65px;
    height: 65px;
    padding-left: 20px;
    margin-bottom: 5px;
    padding-bottom: 15px;
}

.tel-about-feature-list-4 .feature-icon:before {
    left: 0;
    bottom: 8px;
    z-index: -1;
    width: 50px;
    content: "";
    height: 50px;
    position: absolute;
    border-radius: 100%;
    background-color: #f7dadd;
}

.tel-about-feature-list-4 .feature-text {
    max-width: 230px;
}

.tel-about-feature-list-4 .feature-text h3 {
    color: #ff0000;
    font-size: 17px;
    font-weight: 700;
    padding-bottom: 10px;
}

.tel-about-feature-list-4 .feature-text p {
    font-size: 14px;
}

.tel-about-feature-img-4 {
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
}

.tel-about-feature-img-area-4 {
    padding: 12px 0px 12px 12px;
}

.tel-about-feature-img-area-4:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 60%;
    height: 100%;
    content: "";
    border-radius: 20px;
    position: absolute;
    background: gradient(linear, left top, right top, from(rgb(222, 4, 25)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, rgb(222, 4, 25) 0%, rgba(255, 255, 255, 0) 100%);
}

.tel-about-content-4 .tel-about-text-2 {
    max-width: 620px;
    padding-top: 40px;
    margin-left: 45px;
}

.tel-about-text-area-3 .tel-about-text-area {
    margin-left: 0;
    max-width: 650px;
}

.tel-about-text-area-3 .tel-about-feature-item {
    max-width: 340px;
}

.tel-about-text-area-3 .tel-about-feature-item:before {
    bottom: 0;
    width: 100%;
    height: 1px;
    content: "";
    opacity: 0.15;
    position: absolute;
    background: linear-gradient(45deg, #FFA200 0%, #E10419 100%);
}

.tel-about-text-area-3 .tel-about-feature-item .inner-icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px dashed var(--base-color-3);
}

.tel-about-text-area-3 .tel-about-feature-video-list {
    padding: 30px;
    max-width: 295px;
    margin-left: 15px;
}

.tel-about-text-area-3 .tel-about-feature-video-list:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    opacity: 0.1;
    position: absolute;
    border-radius: 10px;
    transform: skew(7deg);
    transform: skew(7deg);
    background: linear-gradient(45deg, #FFA200 0%, #E10419 100%);
}

.tel-about-text-area-3 .tel-about-feature-list li {
    color: #ff0000;
}

.tel-about-text-area-3 .tel-about-feature-list li:before {
    font-weight: 900;
}

.tel-about-img-wrapper-3 {
    top: 0;
    left: 0;
}

.tel-about-img-wrapper-3 .tel-about-img-3_1 {
    overflow: hidden;
    border-radius: 10px;
}

.tel-about-img-wrapper-3 .tel-about-img-3_2 {
    top: -12px;
    right: -230px;
}

.tel-about-exp-3 {
    bottom: 0;
    z-index: 1;
    width: 305px;
    height: 245px;
    right: -180px;
}

.tel-about-exp-3:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 100%;
    border-radius: 10px;
    position: absolute;
    background: var(--base-gradient-3);
    transform: skew(15deg);
    transform: skew(15deg);
}

.tel-about-exp-3 h3 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
}

.tel-about-exp-3 h3 span {
    color: #fff;
}

.tel-about-exp-3 p {
    color: #fff;
    font-size: 22px;
    margin: 0 auto;
    font-weight: 500;
    max-width: 240px;
}

.tx-infoText {
    text-align: center;
}

.tx-infoText p {
    color: #647c9e;
    font-size: 15px;
}

.tx-infoText p a {
    color: var(--theme-color);
    font-weight: 500;
    position: relative;
    display: inline;
    background-image: gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background-image: linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
    background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size: 100% 2px;
    background-position: 0px 95%;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    padding: 0.2% 0px;
    background-repeat: no-repeat;
}

.tel-about-text-area-3 .tel-about-text-area {
    margin-left: 0;
    max-width: 650px;
}

.tel-about-text-area-3 .tel-about-feature-item {
    max-width: 340px;
}

.tel-about-text-area-3 .tel-about-feature-item:before {
    bottom: 0;
    width: 100%;
    height: 1px;
    content: "";
    opacity: 0.15;
    position: absolute;
    background: linear-gradient(45deg, #FFA200 0%, #E10419 100%);
}

.tel-about-text-area-3 .tel-about-feature-item .inner-icon {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px dashed var(--base-color-3);
}

.tel-about-text-area-3 .tel-about-feature-item .inner-text h3,
.tel-about-text-area-3 .tel-about-feature-item .inner-text p {
    color: #ff0000;
}

.tel-about-text-area-3 .tel-about-feature-video-list {
    padding: 30px;
    max-width: 295px;
    margin-left: 15px;
}

.tel-about-text-area-3 .tel-about-feature-video-list:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    opacity: 0.1;
    position: absolute;
    border-radius: 10px;
    transform: skew(7deg);
    transform: skew(7deg);
    background: linear-gradient(45deg, #FFA200 0%, #E10419 100%);
}

.tel-about-text-area-3 .tel-slide-video-btn a {
    background-color: #fff;
}

.tel-about-text-area-3 .tel-about-feature-list li {
    color: #ff0000;
}

.tel-about-text-area-3 .tel-about-feature-list li:before {
    font-weight: 900;
}

.tel-about-img-wrapper-3 {
    top: 0;
    left: 0;
}

.tel-about-img-wrapper-3 .tel-about-img-3_1 {
    overflow: hidden;
    border-radius: 10px;
}

.tel-about-img-wrapper-3 .tel-about-img-3_2 {
    top: -12px;
    right: -230px;
}

.tel-about-exp-3 {
    bottom: 0;
    z-index: 1;
    width: 305px;
    height: 245px;
    right: -180px;
}

.tel-about-exp-3:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 100%;
    border-radius: 10px;
    position: absolute;
    background: var(--base-gradient-3);
    transform: skew(15deg);
    transform: skew(15deg);
}

.tel-about-exp-3 h3 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
}

.tel-about-exp-3 h3 span {
    color: #fff;
}

.tel-about-exp-3 p {
    color: #fff;
    font-size: 22px;
    margin: 0 auto;
    font-weight: 500;
    max-width: 240px;
}

.tel-about-featured-area {
    margin: 35px 0px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tel-about-feature-item {
    max-width: 325px;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tel-about-feature-item:last-child {
    margin-bottom: 5px;
    border-bottom: none;
}

.tel-about-feature-item .inner-icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.tel-about-feature-item .inner-text h3 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 5px;
}

.tel-about-feature-item .inner-text p {
    color: #fff;
    font-weight: 300;
}

.tel-about-feature-video-list {
    max-width: 260px;
    padding-left: 30px;
}

.tel-about-feature-video-list .tel-slide-video-btn {
    height: 60px;
    max-width: 208px;
}

.tel-about-feature-video-list .tel-slide-video-btn a {
    background-color: #FFA200;
}

.tel-about-text-area-3 .tel-slide-video-btn a {
    background-color: #fff;
}

.tel-about-feature-list {
    margin-top: 35px;
}

.tel-about-feature-list li {
    font-size: 14px;
    padding-left: 25px;
    margin-bottom: 8px;
}

.tel-about-feature-list li:last-child {
    margin-bottom: 0;
}

.tel-about-cta-btn .tel-btn-1 {
    margin-right: 50px;
}

.tel-about-cta-btn .tel-about-cta .cta-icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    border-radius: 100%;
    border: 2px solid var(--theme-color);
}

.tel-about-cta-btn .tel-about-cta .cta-icon i {
    font-size: 22px;
    color: var(--theme-color);
}

.tel-about-cta-btn .tel-about-cta .cta-text a, .tel-about-cta-btn .tel-about-cta .cta-text span {
    display: block;
}

.tel-about-cta-btn .tel-about-cta .cta-text span {
    font-size: 14px;
    padding-bottom: 5px;
}

.tel-about-cta-btn .tel-about-cta .cta-text a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

/* INFO TEXT CSS END */
/* IMAGE BOX CSS START */
.tx-imageBox {
    position: relative;
}

.tx-imageBox__styleOne .tx-thumb img {
    width: 100%;
}

.tx-imageBox__styleTwo .tx-thumbSmall {
    bottom: 45px;
    right: 25px;
}

.tx-imageBox__styleThree .tx-thumbSmall {
    top: -60px;
    right: 0px;
}

.tx-imageBox__styleFour::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    border-radius: 30px;
    width: calc(100% - 5px);
}

.tx-imageBox__styleFour .tx-thumb img {
    border-radius: 30px 30px 30px 150px;
    width: 100%;
}

.tx-imageBox__styleFour .tx-content p {
    color: var(--white);
    font-size: 17px;
    font-weight: 600;
}

.tx-imageBox__styleFour .tx-round-btn {
    width: 70px;
    height: 70px;
    background: var(--theme-yellow);
    font-size: 22px;
}

.tx-imageBox__styleFour .tx-round-btn:hover {
    background: var(--heading-color);
}

.tx-imageBox__styleFive::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    border-radius: 30px;
    width: calc(100% - 5px);
}

.tx-imageBox__styleFive .tx-cercleBadge {
    top: 20px;
    left: 20px;
    width: 95px;
    height: 95px;
    z-index: 2;
}

.tx-imageBox__styleFive .tx-cercleBadge::before {
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    opacity: 1;
    left: -8px;
    top: -8px;
    opacity: 0.5;
}

.tx-imageBox__styleFive .tx-thumb img {
    border-radius: 160px 30px 30px 30px;
}

.tx-imageBox__styleSix .tx-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}

.tx-imageBox__styleSix .tx-innerWrapper {
    width: calc(50% - 7.5px);
}

.tx-imageBox__styleSeven .tx-thumb__1 img {
    border-radius: 40px;
}

.tx-imageBox__styleSeven .tx-thumb__2 {
    bottom: -40px;
    width: 50%;
    text-align: left;
}

.tx-imageBox__styleSeven .tx-thumb__3 {
    bottom: -40px;
    width: 50%;
    text-align: right;
}

.tx-imageBox .tx-discountBox {
    top: 80px;
    right: 90px;
    background-size: contain;
    width: 125px;
    height: 100px;
    background-color: transparent;
    font-size: 28px;
    font-weight: 700;
    line-height: 100%;
    color: var(--heading-color);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
}

@media (max-width: 767px) {
    .tx-imageBox .tx-discountBox {
        right: 0px;
    }
}

.tx-imageBox .tx-discountBox span {
    font-size: 15px;
    display: block;
    color: var(--heading-color);
    text-transform: uppercase;
}

/* IMAGE BOX CSS END */
/* LIST ITEMS CSS START */
.tx-listItems {
    padding-left: 0px;
    margin-bottom: 0px;
}

.tx-listItems .tx-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.tx-listItems li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
}

.tx-listItems li a:hover {
    color: var(--theme-color);
}

.tx-listItems__styleOne li {
    gap: 7px;
}

.tx-listItems__styleOne li:not(:last-child) {
    margin-bottom: 10px;
}

.tx-listItems__styleOne .tx-icon {
    background: var(--theme-color);
    width: 15px;
    height: 15px;
    font-size: 8px;
    color: var(--white);
    border-radius: 50%;
}

.tx-listItems__styleOne .tx-text {
    color: var(--white);
}

.tx-listItems__styleTwo li {
    color: var(--heading-color);
    gap: 15px;
}

.tx-listItems__styleTwo li .tx-icon {
    width: 45px;
    font-size: 45px;
    color: var(--theme-color);
}

.tx-listItems__styleTwo li .tx-content {
    width: calc(100% - 60px);
}

.tx-listItems__styleTwo li .tx-title {
    font-size: 17px;
    font-weight: 700;
}

.tx-listItems__styleThree li {
    font-size: 17px;
    gap: 15px;
}

.tx-listItems__styleThree li .tx-icon {
    width: 55px;
    height: 55px;
    background: #38368a;
    color: var(--theme-color);
    border-radius: 50%;
    font-size: 25px;
}

.tx-listItems__styleThree li p,
.tx-listItems__styleThree li .tx-text {
    color: var(--white);
    font-weight: 500;
    font-family: "poppins", sans-serif;
}

.tx-listItems__styleFour li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--grey-eee);
}

.tx-listItems__styleFour .tx-count {
    color: var(--pera-color);
    margin-right: 10px;
    font-weight: 600;
}

.tx-listItems__styleFour p {
    color: var(--heading-color);
    font-weight: 600;
}

.tx-listItems__styleInfoList li:not(:last-child) {
    margin-bottom: 15px;
}

.tx-listItems__styleInfoList .tx-label {
    font-weight: 500;
    font-size: 17px;
    color: var(--heading-color);
    min-width: 120px;
    margin-right: 10px;
}

.tx-listItems__styleInfoList .tx-text {
    color: var(--pera-color);
}

/* LIST ITEMS CSS END */
/* VIDEO BUTTON CSS START */
.tx-videoBtnWrapper {
    position: relative;
}

.tx-videoBtnWrapper__styleOne {
    width: 210px;
    min-height: 62px;
    height: auto;
    border-radius: 40px;
}

.tx-videoBtnWrapper .tx-round-btn {
    font-size: 10px;
    color: var(--white);
    width: 45px;
    height: 45px;
    background: var(--theme-yellow);
}

/* VIDEO BUTTON CSS END */
/* PRICING BOX CSS START */

.tel-pricing-section-3 {
    overflow: hidden;
    padding: 140px 0px;
}

.tel-pricing-content-3 {
    padding-top: 50px;
}

.tel-pricing-item-3 {
    margin: 0 auto;
    max-width: 1250px;
    margin-bottom: 30px;
    padding: 40px 20px 40px 40px;
    border: 1px solid var(--base-color-3);
}

.tel-pricing-item-3 .tel-price-text {
    width: 100%;
    max-width: 460px;
    margin-right: 50px;
    border-right: 1px solid var(--base-color-3);
}

.tel-pricing-item-3 .tel-price-text span {
    font-size: 14px;
    padding: 6px 30px;
    position: relative;
    margin-bottom: 18px;
    display: inline-block;
    letter-spacing: 3.5px;
}

.tel-pricing-item-3 .tel-price-text span:before {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    opacity: 0.1;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    transform: skew(15deg);
    transform: skew(15deg);
    background: linear-gradient(45deg, #FFA200 0%, #E10419 100%);
}

.tel-pricing-item-3 .tel-price-text h2 {
    color: #ff0000;
    font-size: 50px;
}

.tel-pricing-item-3 .tel-price-text h2 sub {
    bottom: 0;
    font-size: 26px;
}

.tel-pricing-item-3 .tel-price-text h2 sup {
    color: #686868;
    font-size: 14px;
    font-weight: 400;
}

.tel-pricing-item-3 .tel-price-text p {
    max-width: 395px;
    padding: 20px 0px 30px;
}

.tel-pricing-item-3 .tel-price-icon-list {
    width: 100%;
    max-width: 680px;
}

.tel-pricing-item-3 .tel-price-icon-list .tel-price-icon {
    margin-bottom: 30px;
}

.tel-pricing-item-3 .tel-price-icon-list .tel-price-icon li {
    z-index: 1;
    width: 60px;
    height: 60px;
    color: #ed4d1d;
    font-size: 28px;
    line-height: 60px;
    text-align: center;
    margin-right: 10px;
    position: relative;
}

.tel-pricing-item-3 .tel-price-icon-list .tel-price-icon li:last-child {
    margin-right: 0;
}

.tel-pricing-item-3 .tel-price-icon-list .tel-price-icon li:before {
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    transform: skew(12deg);
    transform: skew(12deg);
    background: linear-gradient(45deg, #FFA200 0%, #E10419 100%);
}

.tel-pricing-item-3 .tel-price-list ul {
    display: box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tel-pricing-item-3 .tel-price-list ul:before {
    top: 0;
    left: 45%;
    width: 1px;
    content: "";
    height: 100%;
    position: absolute;
    background-color: var(--base-color-3);
}

.tel-pricing-item-3 .tel-price-list ul li {
    width: 50%;
    color: #ff0000;
    font-size: 15px;
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative;
}

.tel-pricing-item-3 .tel-price-list ul li:before {
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
}

.tel-pricing-item-3.active {
    margin-left: 5px;
    margin-bottom: 78px;
}

.tel-pricing-item-3.active:before, .tel-pricing-item-3.active:after {
    top: 22px;
    width: 45px;
    right: -45px;
    content: "";
    height: 100%;
    position: absolute;
    transform: skewY(45deg);
    transform: skewY(45deg);
    background: var(--base-gradient-3);
}

.tel-pricing-item-3.active:after {
    top: auto;
    left: 22px;
    width: 100%;
    right: auto;
    height: 45px;
    bottom: -45px;
    transform: skewX(45deg);
    transform: skewX(45deg);
}

.tel-pricing-item-3.active .tel-price-text h2 {
    color: #fff;
}

.tel-pricing-item-3.active .tel-price-text h2 sup {
    color: #fff;
}

.tel-pricing-item-3.active .tel-price-text p {
    color: #fff;
}

.tel-pricing-item-3.active .tel-price-icon-list .tel-price-icon li {
    color: #fff;
}

.tel-pricing-item-3.active .tel-price-icon-list .tel-price-icon li:before {
    opacity: 1;
}

.tel-pricing-item-3.active .tel-price-list li {
    color: #fff;
}

.tx-pricingBox {
    transition: all 0.4s linear;
}

.tx-pricingBox .tx-pricingBox-fees {
    padding: 22px 50px;
}

@media (max-width: 767px) {
    .tx-pricingBox .tx-pricingBox-fees {
        padding: 22px 25px;
    }
}

.tx-pricingBox .tx-pricingBox-fees p {
    font-size: 13px;
    font-weight: 500;
    color: var(--black);
}

.tx-pricingBox .tx-pricingBox-fees p span {
    color: var(--theme-color);
    font-family: "poppins", sans-serif;
}

.tx-pricingBox .tx-listItems li {
    align-items: flex-start;
}

.tx-pricingBox .tx-listItems li p {
    width: calc(100% - 22px);
    font-family: "poppins", sans-serif;
}

.tx-pricingBox .tx-listItems li .tx-icon {
    transform: translate(0px, 6px);
}

.tx-pricingBox .tx-price__currency {
    font-size: 21px;
    transform: translate(0px, -5px);
    display: inline-block;
    color: var(--heading-color);
}

.tx-pricingBox .tx-price__currency sub {
    font-size: 21px;
    bottom: 0px;
}

.tx-pricingBox .tx-price__currency--white {
    color: var(--white);
}

.tx-pricingBox .tx-price__price {
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    color: var(--heading-color);
}

.tx-pricingBox .tx-price__price--white {
    color: var(--white);
}

@media (max-width: 767px) {
    .tx-pricingBox .tx-price__price {
        font-size: 24px;
    }
}

.tx-pricingBox .tx-price__period {
    font-size: 12px;
    text-transform: uppercase;
    transform: translate(0px, -5px);
    display: inline-block;
    color: var(--heading-color);
}

.tx-pricingBox .tx-price__period--white {
    color: var(--white);
}

.tx-pricingBox .tx-pricingBox-fees {
    border-top: 1px solid #eaeaea;
}

.tx-pricingBox .tx-pricingBox-fees p {
    font-weight: 500;
    font-family: "poppins", sans-serif;
}

.tx-pricingBox .tx-pricingBox-fees span {
    display: inline-block;
    font-weight: 500;
}

.tx-pricingBox .tx-listItems {
    padding: 25px 45px;
}

@media (max-width: 767px) {
    .tx-pricingBox .tx-listItems {
        padding: 25px 25px;
    }
}

.tx-pricingBox__styleOne .tx-pricingBox-header {
    width: calc(100% - 30px);
    margin: 0 auto;
    background: var(--theme-color);
    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    min-height: 52px;
    padding: 15px;
    border-radius: 60px 60px 0px 0px;
    padding-bottom: 28px;
    margin-bottom: -15px;
}

@media (max-width: 767px) {
    .tx-pricingBox__styleOne .tx-pricingBox-header {
        font-size: 12px;
        padding: 10px;
        padding-bottom: 18px;
        margin-bottom: -10px;
    }
}

.tx-pricingBox__styleOne .tx-wrapper {
    border-radius: 40px;
    background: var(--white);
}

.tx-pricingBox__styleOne .tx-pricingBox-package {
    min-height: 160px;
    padding-top: 40px;
    padding: 25px 45px;
    border-bottom: 1px solid #eaeaea;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}

@media (max-width: 767px) {
    .tx-pricingBox__styleOne .tx-pricingBox-package {
        padding: 25px 25px;
        min-height: 115px;
    }
}

.tx-pricingBox__styleOne .tx-pricingBox-package .speed {
    font-size: 60px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    font-family: "poppins", sans-serif;
}

@media (max-width: 767px) {
    .tx-pricingBox__styleOne .tx-pricingBox-package .speed {
        font-size: 40px;
    }
}

.tx-pricingBox__styleOne .tx-pricingBox-package .speed-unit {
    text-transform: uppercase;
    font-size: 15px;
    color: var(--heading-color);
    transform: translateY(-15px);
}

@media (max-width: 767px) {
    .tx-pricingBox__styleOne .tx-pricingBox-package .speed-unit {
        font-size: 12px;
        transform: translateY(-8px);
    }
}

.tx-pricingBox__styleOne .tx-pricingBox-package .package_title {
    font-size: 15px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--heading-color);
}

@media (max-width: 767px) {
    .tx-pricingBox__styleOne .tx-pricingBox-package .package_title {
        font-size: 12px;
    }
}

.tx-pricingBox__styleOne .tx-pricingBox-price {
    background: #14133b;
    border-radius: 0px 0px 40px 40px;
    min-height: 85px;
    padding: 20px 30px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .tx-pricingBox__styleOne .tx-pricingBox-price {
        min-height: 70px;
        padding: 15px 15px;
    }
}

.tx-pricingBox__styleOne .tx-button {
    width: calc(100% - 30px);
    border-radius: 0px 0px 60px 60px;
    min-height: 58px;
    margin: 0 auto;
    max-width: 100%;
    padding-top: 37px;
    margin-top: -20px;
}

@media (max-width: 767px) {
    .tx-pricingBox__styleOne .tx-button {
        padding-top: 35px;
        min-height: 55px;
    }
}

.tx-pricingBox__styleTwo {
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15);
    border-radius: 40px;
    background: var(--white);
}

.tx-pricingBox__styleTwo .tx-pricingBox-header {
    padding-left: 15px;
    padding-right: 15px;
}

.tx-pricingBox__styleTwo .tx-subTitle {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.tx-pricingBox__styleTwo .tx-title {
    font-size: 19px;
    font-weight: 700;
    color: var(--heading-color);
}

.tx-pricingBox__styleTwo .tx-pricingBox-price {
    min-height: 70px;
    padding: 14px 0;
    position: relative;
    z-index: 1;
}

.tx-pricingBox__styleTwo .tx-pricingBox-price::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    width: calc(100% - 45px);
    background: #eeeeee;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index: -1;
}

.tx-pricingBox__styleTwo .tx-featureImg-wrapper {
    max-width: calc(100% - 80px);
}

.tx-pricingBox__styleTwo .tx-thumb img {
    border-radius: 80px;
    max-height: 130px;
    object-fit: cover;
}

.tx-pricingBox__styleTwo .tx-featureIcons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.tx-pricingBox__styleTwo .tx-featureIcons .tx-icon {
    width: 60px;
    height: 60px;
    font-size: 30px;
    color: var(--theme-color);
    border-radius: 50%;
    background: var(--theme-light-color-3);
}

.tx-pricingBox__styleTwo .tx-listItems {
    padding: 15px 45px;
}

.tx-pricingBox__styleTwo .tx-pricingBox-fees {
    padding: 14px 50px;
    border-top: 2px solid var(--theme-light-color-3);
}

.tx-pricingBox__styleTwo .tx-button {
    min-height: 60px;
    border-top-left-radius: 0px;
    font-size: 14px;
    padding: 10px 45px;
    transition: all 0.4s ease-in-out;
}

.tx-pricingBox__styleTwo .tx-outherHoverEffect::after {
    border-radius: 150px;
}

.tx-pricingBox__styleTwo:hover {
    border-bottom-left-radius: 0px;
}

.tx-pricingBox__styleTwo:hover .tx-outherHoverEffect::after {
    opacity: 1;
    visibility: visible;
    rotate: 7deg;
}

.tx-pricingBox__styleTwo:hover .tx-button {
    border-bottom-left-radius: 0px;
    background: var(--theme-color);
}

/* PRICING BOX CSS END */
/* BRAND CSS START */
.tx-brands-section .tx-brandItems {
    min-height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* BRAND CSS END */
/* TAB CSS START */
.tx-tabSection {
    z-index: 1;
}

.tx-tabSection .tx-bgImg {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.tx-tabSection__styleOne .col-xl-2 {
    width: 19.666667%;
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne .col-xl-2 {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .tx-tabSection__styleOne .col-xl-2 {
        width: 100%;
    }
}

.tx-tabSection__styleOne .col-xl-10 {
    width: 80.33333333%;
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne .col-xl-10 {
        width: 100%;
    }
}

.tx-tabSection__styleOne .tx-bgImg {
    bottom: 75px;
    top: auto;
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne .tx-bgImg {
        top: 0px;
        bottom: auto;
    }
}

.tx-tabSection__styleOne .tx-bgImg::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: #14133b;
}

.tx-tabSection__styleOne .container-fluid {
    max-width: 1510px;
}

.tx-tabSection__styleOne .tx-smallThumb {
    width: 35px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    transform-origin: left center;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: scaleX(0.1);
}

.tx-tabSection__styleOne .tx-smallContent {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    transition: all 0.3s ease-in-out;
    padding-right: 25px;
    justify-content: flex-start;
    text-align: left;
}

.tx-tabSection__styleOne .tx-smallIcon {
    font-size: 16px;
    color: var(--theme-color);
    position: absolute;
    right: 0;
    top: 0px;
}

.tx-tabSection__styleOne .tx-smallTitle {
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
}

.tx-tabSection__styleOne .tx-smallDesc {
    font-size: 10px;
    font-weight: 100;
    color: var(--white);
    text-transform: uppercase;
    display: block;
}

.tx-tabSection__styleOne .tx-smallIcon {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    transform: scale(0.5);
}

.tx-tabSection__styleOne .tx-tabNavItem {
    position: relative;
    transition: all 0.3s ease-in-out;
    padding: 0px;
    width: 100%;
}

.tx-tabSection__styleOne .tx-tabNavItem:not(:last-child) {
    margin-bottom: 25px;
}

.tx-tabSection__styleOne .tx-tabNavItem:hover, .tx-tabSection__styleOne .tx-tabNavItem.active {
    padding-left: 50px;
}

.tx-tabSection__styleOne .tx-tabNavItem:hover .tx-smallTitle, .tx-tabSection__styleOne .tx-tabNavItem.active .tx-smallTitle {
    color: var(--theme-color);
}

.tx-tabSection__styleOne .tx-tabNavItem:hover .tx-smallDesc, .tx-tabSection__styleOne .tx-tabNavItem.active .tx-smallDesc {
    color: var(--theme-color);
}

.tx-tabSection__styleOne .tx-tabNavItem:hover .tx-smallThumb, .tx-tabSection__styleOne .tx-tabNavItem.active .tx-smallThumb {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1) translateY(-50%);
}

.tx-tabSection__styleOne .tx-tabNavItem:hover .tx-smallIcon, .tx-tabSection__styleOne .tx-tabNavItem.active .tx-smallIcon {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.tx-tabSection__styleOne .tx-tabContentWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne .tx-tabContentWrapper {
        margin-top: 50px;
    }
}

.tx-tabSection__styleOne .tx-cercleBadgeWrapper {
    left: 65px;
    bottom: 10px;
}

@media (max-width: 991px) {
    .tx-tabSection__styleOne .tx-cercleBadgeWrapper {
        left: auto;
        right: -50px;
    }
}

@media (max-width: 767px) {
    .tx-tabSection__styleOne .tx-cercleBadgeWrapper {
        left: auto;
        right: 0px;
    }
}

.tx-tabSection__styleOne .tx-cercleBadge {
    width: 130px;
    height: 130px;
    line-height: 1.5;
    font-size: 15px;
}

@media (max-width: 991px) {
    .tx-tabSection__styleOne .tx-cercleBadge {
        width: 100px;
        height: 100px;
        font-size: 10px;
    }
}

.tx-tabSection__styleOne .tx-cercleBadge span {
    font-size: 30px;
    font-weight: 700;
}

.tx-tabSection__styleOne .tx-thumb {
    width: 51%;
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne .tx-thumb {
        width: 48%;
    }
}

@media (max-width: 991px) {
    .tx-tabSection__styleOne .tx-thumb {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .tx-tabSection__styleOne .tx-thumb {
        width: 90%;
    }
}

@media (max-width: 475px) {
    .tx-tabSection__styleOne .tx-thumb {
        width: 100%;
    }
}

.tx-tabSection__styleOne .tx-thumb img {
    border-radius: 6px;
    width: 100%;
}

.tx-tabSection__styleOne .tx-content {
    width: 49%;
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne .tx-content {
        width: 52%;
        padding-left: 0px;
        padding-top: 50px;
    }
}

@media (max-width: 991px) {
    .tx-tabSection__styleOne .tx-content {
        width: 100%;
    }
}

.tx-tabSection__styleOne .tx-videoWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
}

.tx-tabSection__styleOne .tx-videoThumb {
    max-width: 180px;
}

.tx-tabSection__styleOne .tx-videoThumb img {
    width: 100%;
    border-radius: 10px;
}

.tx-tabSection__styleOne .tx-videoContent {
    width: calc(100% - 205px);
}

@media (max-width: 475px) {
    .tx-tabSection__styleOne .tx-videoContent {
        width: 100%;
    }
}

.tx-tabSection__styleOne .tx-videoContent p {
    color: var(--white);
    font-size: 18px;
}

.tx-tabSection__styleOne .tx-round-btn {
    width: 60px;
    height: 60px;
    background: var(--theme-yellow);
    font-size: 14px;
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne .tx-sectionHeading__title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .tx-tabSection__styleOne .tx-sectionHeading__title {
        font-size: 28px;
    }
}

@media (max-width: 1199px) {
    .tx-tabSection__styleOne .tx-tabNavs {
        margin-top: 0px;
    }
}

.tx-tabSection__styleTwo .tx-sectionHeading p {
    color: var(--white);
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
}

.tx-tabSection__styleTwo .tx-price {
    color: var(--theme-color);
}

.tx-tabSection__styleTwo .tx-price .tx-fwLight {
    font-size: 16px;
    font-weight: 300;
    color: var(--theme-color);
    display: inline-block;
    position: relative;
    translate: 0px -5px;
}

.tx-tabSection__styleTwo .tx-price__price {
    font-size: 41px;
    font-weight: 700;
    color: var(--theme-color);
    line-height: 100%;
}

.tx-tabSection__styleTwo .tx-price__package {
    color: var(--theme-color);
    font-size: 14px;
}

.tx-tabSection__styleTwo .tx-cercleBadge {
    width: 115px;
    height: 115px;
    font-size: 25px;
    transition: 0.4s ease;
}

@media (max-width: 767px) {
    .tx-tabSection__styleTwo .tx-cercleBadge {
        width: 80px;
        height: 80px;
        font-size: 16px;
        margin-top: 40px !important;
    }
}

.tx-tabSection__styleTwo .tx-cercleBadge::after {
    transition: 0.4s ease;
}

.tx-tabSection__styleTwo .tx-cercleBadge::before {
    opacity: 0.45;
}

.tx-tabSection__styleTwo .tx-cercleBadge:hover {
    color: var(--white);
}

.tx-tabSection__styleTwo .tx-cercleBadge:hover::after {
    background: var(--heading-color);
}

.tx-tabSection__styleTwo .tx-tabNavs {
    gap: 8px;
}

.tx-tabSection__styleTwo .tx-tabNavs .tx-tabNavItem {
    font-size: 14px;
    background: var(--white);
    border-radius: 40px;
    font-weight: 700;
    min-height: 50px;
    padding: 10px 30px;
    color: var(--heading-color-2);
    position: relative;
}

.tx-tabSection__styleTwo .tx-tabNavs .tx-tabNavItem.active {
    background: var(--theme-color);
    color: var(--white);
}

.tx-tabSection__styleTwo .tx-tabNavs .tx-tabNavItem.active::after {
    position: absolute;
    content: "";
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 10px solid var(--theme-color);
    left: 50%;
    translate: -50% 0px;
    top: -10px;
}

/* TAB CSS END */
.tel-promotion-video-section {
    overflow: hidden;
}

.tel-promotion-video-item .tx-listItems li {
    display: flex;
    align-items: center;
}

.tel-promotion-video-section .tel_line_shape {
    top: -100px;
    left: -100px;
}

.tel-video-play-section-2 {
    z-index: 1;
}

.tel-video-play-section-2 .tel-video-side-img1 {
    top: 0;
    left: 0;
    z-index: -1;
}

.tel-video-play-section-2 .tel-video-side-img2 {
    top: 0;
    right: 0;
    z-index: -1;
}

.tel-video-play-content {
    padding: 190px 0px 130px;
}

.tel-video-play-content a {
    color: #fff;
    width: 220px;
    height: 220px;
    margin: 0 auto;
    font-size: 40px;
    border-radius: 100%;
    border: 20px solid #fff;
    background: var(--base-gradient);
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

.tel-promotion-video-item .promo-video-play-img-text {
    z-index: 1;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1072px;
    border-radius: 88px;
    padding: 205px 0px 115px;
}

.tel-promotion-video-item .promo-video-play-img-text .promo-video-play-img {
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    transform: scale(1.3);
    transition: all 700ms ease;
}

.tel-promotion-video-item .promo-video-play-img-text .promo-video-play-img:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
}

.play-btn {
    color: #fff;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    font-size: 30px;
    margin-bottom: 38px;
    border-radius: 100%;
    background: linear-gradient(90deg, #E10419 0%, #8F0815 100%);
    visibility: visible;
}

.tel-video-wrapper {
    opacity: 0;
    transform: translateY(-70px);
}

.play-btn:hover {
    background: var(--heading-color);
}

.tel-promotion-video-item .promo-video-play-img-text .promo-video-play-text .tx-title {
    opacity: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    visibility: hidden;
    padding-bottom: 35px;
    transform: translateX(-30px);
    transition: all 500ms ease;
}

.tel-promotion-video-item .promo-video-play-img-text .promo-video-play-text .tx-title span {
    color: var(--theme-color);
}

.tel-promotion-video-item .promo-video-play-img-text ul {
    padding: 0px;
    margin: 0px;
}

.tel-promotion-video-item .promo-indicator {
    z-index: 1;
    width: 127px;
    height: 417px;
}

.tel-promotion-video-item .promo-indicator:before {
    top: 20px;
    left: 0;
    z-index: -2;
    width: 100%;
    content: "";
    height: 90%;
    position: absolute;
    border-radius: 63px;
    transform: rotate(0deg);
    background-color: var(--theme-color);
    transition: all 500ms ease;
}

.tel-promotion-video-item .promo-indicator .indicator-text {
    top: 50%;
    color: #fff;
    left: 50px;
    position: absolute;
    writing-mode: vertical-rl;
    transform: translateY(-50%);
}

.tel-promotion-video-item .promo-indicator .indicator-img {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 63px;
}

.tel-promotion-video-item .promo-indicator .indicator-img span {
    width: 100%;
    z-index: -2;
    height: 100%;
    animation: zoom-in-zoom-out 25s ease infinite;
}

.tel-promotion-video-item .promo-indicator .indicator-img:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(2, 6, 38, 0.65) 0%, rgba(2, 6, 38, 0.65) 100%);
}

.tel-promotion-video-item .promo-indicator.indicator-1 {
    top: 0;
    right: 50px;
}

.tel-promotion-video-item .promo-indicator.indicator-2 {
    bottom: 0;
    left: 50px;
}

.tel-promotion-video-item .promo-indicator:hover:before {
    transform: rotate(10deg);
}

.tel-promotion-video-item .tx-listItems {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

@media (max-width: 767px) {
    .tel-promotion-video-item .tx-listItems {
        gap: 15px;
    }
}

.tel-promotion-video-item .tx-listItems li {
    margin-bottom: 0px !important;
}

.tel-promotion-video-item .tx-listItems li p {
    color: var(--white);
}

.tel-promo-arrow {
    z-index: 3;
    color: #fff;
    width: 62px;
    height: 62px;
    border-radius: 100%;
    border: 1px solid #fff;
    transition: all 500ms ease;
}

.tel-promo-arrow:hover {
    color: #fff;
    border: 1px solid var(--theme-color);
    background-color: var(--theme-color);
}

.tel-promo-arrow.promo-button-prev {
    left: 80px;
    bottom: 35px;
}

.tel-promo-arrow.promo-button-next {
    right: 80px;
    bottom: 170px;
}

.swiper-slide-active .promo-video-play-img-text .promo-video-play-img {
    transform: scale(1.1);
}

.swiper-slide-active .promo-video-play-img-text .promo-video-play-text .tel-video-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 700ms ease;
    transition-delay: 0.4s;
}

.swiper-slide-active .promo-video-play-img-text .promo-video-play-text .tx-title {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition: all 700ms ease;
    transition-delay: 0.6s;
}

.swiper-slide-active .promo-video-play-img-text .promo-video-play-text li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition: all 700ms ease;
}

.swiper-slide-active .promo-video-play-img-text .promo-video-play-text li:nth-child(1) {
    transition-delay: 0.7s;
}

.swiper-slide-active .promo-video-play-img-text .promo-video-play-text li:nth-child(2) {
    transition-delay: 0.8s;
}

.swiper-slide-active .promo-video-play-img-text .promo-video-play-text li:nth-child(3) {
    transition-delay: 0.9s;
}

/* COUNTER CSS START */

.tel-counter-section-4 {
    z-index: 1;
}

.tel-counter-section-4:before {
    top: 0;
    left: 0;
    width: 82%;
    z-index: -1;
    content: "";
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.tel-counter-section-4 .tel-counter-content-item-4 {
    max-width: 920px;
}

.tel-counter-content-4 {
    padding: 72px 0px;
}

.tel-counter-content-4 .tel-counter-video-play {
    top: 0;
    right: 0;
    position: absolute;
}

.tel-counter-content-4 .tel-counter-video-play a {
    width: 310px;
    height: 310px;
    border-radius: 100%;
    border: 25px solid #fff;
    background: var(--base-gradient-4);
}

.tel-counter-content-4 .tel-counter-video-play a i {
    width: 125px;
    height: 125px;
    font-size: 26px;
    background: #fff;
    border-radius: 100%;
    color: var(--theme-color);
    border: 20px solid #d03746;
}

.tel-counter-item-4 .counter-icon {
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
    border-radius: 100%;
    background: var(--base-gradient-4);
}

.tel-counter-item-4 .counter-text h3 span {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}

.tel-counter-item-4 .counter-text p {
    color: #fff;
    font-size: 15px;
}

.tx-counterItem .tx-icon {
    width: 65px;
    height: 65px;
    margin-right: 15px;
    font-size: 25px;
}

.tx-counterItem .tx-count {
    font-size: 43px;
    font-weight: 700;
}

@media (max-width: 475px) {
    .tx-counterItem .tx-count {
        font-size: 30px;
    }
}

.tx-counterItem .tx-count span {
    color: #fff;
    font-family: 'Poppins';
    font-size: 30px;
    margin: 0px;
}

.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
    text-align: justify;
}
.tx-counterItem p {
    font-size: 15px;
    color: #ffffff;
    font-weight: 800;
    text-align: center;
}

.tx-counterItem__styleTwo .tx-content .tx-count {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
}

.tx-counterItem__styleTwo .tx-content .tx-count span {
    color: #fff;
}

.tx-counterItem__styleTwo .tx-content p {
    color: #fff;
    font-size: 14px;
}

.tx-counterItem__styleThree .tx-icon {
    background: transparent;
    color: var(--theme-color);
    font-size: 45px;
}

.tx-counterItem__styleFour .tx-icon {
    background: #eeeeee;
    color: var(--theme-color);
    border-radius: 50%;
}

.tx-counterItem__styleFour .tx-count {
    font-size: 14px;
    font-weight: 500;
}

.tx-counterItem__styleFour .tx-count span {
    color: var(--heading-color);
}

.tx-counterItem__styleFour p {
    color: var(--heading-color);
    font-size: 14px;
    font-weight: 500;
}

/* COUNTER CSS END */
/* CTA CSS START */
.tx-ctaSection__styleOne {
    padding-top: 175px;
    padding-bottom: 235px;
}

.tx-ctaSection__styleOne .tx-wrapper {
    gap: 45px;
}

.tx-ctaSection__styleOne .tx-title {
    font-size: 50px;
    font-weight: 700;
    color: var(--white);
    line-height: 1.3;
}

@media (max-width: 1199px) {
    .tx-ctaSection__styleOne .tx-title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .tx-ctaSection__styleOne .tx-title {
        font-size: 28px;
    }
}

.tx-ctaSection__styleOne .tx-cercleBadgeWrapper {
    width: 100%;
    height: 100%;
}

.tx-ctaSection__styleOne .tx-cercleBadgeWrapper i {
    font-size: 80px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}

/* CTA CSS END */
/* CONTACT FORM CSS START */
.tx-formWrapper .wpcf7-form-control-wrap {
    width: 100%;
}

.tx-formWrapper .nice-select,
.tx-formWrapper textarea {
    margin-bottom: -7px;
}

.tx-formWrapper textarea {
    max-height: 160px;
}

.tx-formWrapper .nice-select {
    border: none;
    background: #f1f8fc;
    border-radius: 40px;
}

.tx-formWrapper .nice-select::after {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #d1eeff;
    color: var(--heading-color-2);
    right: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    content: "";
    font-family: var(--fontAwesome);
    transform: rotate(0deg) translate(0px, 17px);
    border: none;
    top: 0;
    line-height: 100%;
    font-weight: 700;
}

.tx-formWrapper .current {
    color: #9fa4af;
    font-size: 12px;
}

.tx-formWrapper .list {
    background: var(--heading-color);
    border: none;
    margin: 0px;
    box-shadow: none;
}

.tx-formWrapper .list li.option {
    color: var(--white);
    font-size: 12px;
}

.tx-formWrapper .list li.option:hover {
    background: var(--theme-color);
    color: var(--white);
}

.tx-formWrapper .list li.selected.focus {
    background: var(--theme-color);
    color: var(--white);
}

.tx-formWrapper label {
    color: var(--heading-color);
    font-size: 16px;
    margin-bottom: 10px;
}

.tx-formWrapper__styleOne .tx-title {
    font-size: 15px;
    font-weight: 500;
}

.tx-formWrapper__styleOne input,
.tx-formWrapper__styleOne textarea {
    background: #f1f8fc;
    font-size: 12px;
    border-radius: 40px;
}

.tx-formWrapper__styleOne input::placeholder,
.tx-formWrapper__styleOne textarea::placeholder {
    font-size: 12px;
    color: #9fa4af;
}

.tx-formWrapper__styleOne .tx-button {
    width: 100%;
    max-width: 100%;
}

.tx-formWrapper__styleTwo input,
.tx-formWrapper__styleTwo textarea {
    background: var(--theme-light-color-3);
    border-radius: 10px;
}

.tx-formWrapper__styleTwo .nice-select {
    background: var(--theme-light-color-3);
    border-radius: 10px;
}

.tx-formWrapper__styleTwo .nice-select::after {
    background: transparent;
}

.tx-formWrapper__styleThree input,
.tx-formWrapper__styleThree textarea {
    background: var(--white);
    border-radius: 40px;
    border: 1px solid #e6e7ea;
}

.tx-formWrapper__styleThree textarea {
    border-radius: 10px;
}

.tx-formWrapper__styleThree .nice-select {
    border: 1px solid #e6e7ea;
    background: var(--white);
}

.tx-formWrapper__styleThree .nice-select::after {
    background: transparent;
}

.tx-formWrapper__styleThree .nice-select .current {
    font-size: 14px;
}

/* CONTACT FORM CSS END */
/* TEAM CSS START */

.tel-team-content-4 {
    padding-top: 45px;
}

.tel-team-content-4 .tel-btn-2 {
    margin-top: 20px;
}

.tel-team-item-4 {
    margin: 0 auto;
    max-width: 410px;
    overflow: hidden;
    margin-bottom: 30px;
}

.tel-team-item-4 .team-img {
    overflow: hidden;
    border-radius: 10px;
}

.tel-team-item-4 .team-img:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    background: rgba(2, 6, 38, 0.6);
}

.tel-team-item-4 .team-text {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 20px;
    max-width: 80%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px 10px 0px 0px;
}

.tel-team-item-4 .team-text h3 {
    color: #ff0000;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 5px;
}

.tel-team-item-4 .team-text span {
    font-size: 15px;
    transition: all 500ms ease;
    transition: all 500ms ease;
}

.tel-team-item-4 .team-text:before {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 0%;
    position: absolute;
    transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 10px 10px 0px 0px;
    background: var(--base-gradient-4);
}

.tel-team-item-4 .team-social {
    z-index: 1;
    top: 135px;
    right: 30px;
}

.tel-team-item-4 .team-social a {
    opacity: 0;
    color: #fff;
    width: 50px;
    height: 50px;
    display: box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0px;
    border-radius: 100%;
    box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--base-gradient-4);
    transform: translateX(40px);
    transform: translateX(40px);
}

.tel-team-item-4:hover .team-text h3 {
    color: #fff;
}

.tel-team-item-4:hover .team-text span {
    color: #fff;
}

.tel-team-item-4:hover .team-text:before {
    height: 100%;
}

.tel-team-item-4:hover .team-social a {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transform: translateX(0);
}

.tel-team-item-4:hover .team-social a:nth-child(1) {
    transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.tel-team-item-4:hover .team-social a:nth-child(2) {
    transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.tel-team-item-4:hover .team-social a:nth-child(3) {
    transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.tel-team-item-4:hover .team-social a:nth-child(4) {
    transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.tx-teamBox .tx-content .tx-name {
    font-size: 22px;
    font-weight: 700;
    color: var(--heading-color);
}

.tx-teamBox .tx-content .tx-designation {
    font-size: 14px;
    color: var(--theme-color);
    font-weight: 100;
}

.tx-teamBox__styleOne .tx-social-links {
    min-height: 42px;
    border-radius: 40px;
    background: var(--theme-color);
    gap: 25px;
    padding: 5px 20px;
    bottom: 20px;
}

.tx-teamBox__styleOne .tx-social-links a {
    color: var(--white);
    font-size: 15px;
}

.tel-team-section-2 {
    z-index: 1;
    overflow: hidden;
    padding: 120px 0px 155px;
}

.tel-team-section-2:before {
    top: 0;
    right: 0;
    width: 90%;
    z-index: -1;
    content: "";
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
}

.tel-team-text-area-2 {
    width: 485px;
    margin-right: 30px;
}

.tel-team-text-area-2 .tel-btn-2 {
    margin-top: 50px;
}

.tel-team-area-2 {
    width: 1082px;
    margin-right: -300px;
}

.tel-team-item-2 {
    width: 226px;
    height: 600px;
    overflow: hidden;
    margin: 0px 12px;
    transition: all 700ms ease;
    transition: all 700ms ease;
}

.tel-team-item-2 .team-name-shape {
    left: 0;
    right: 0;
    z-index: -1;
    height: 64px;
    width: 108px;
    bottom: -25px;
    margin: 0 auto;
}

.tel-team-item-2 .team-img {
    height: 100%;
}

.tel-team-item-2 .team-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(1);
    filter: grayscale(1);
    transition: all 500ms ease;
    transition: all 500ms ease;
}

.tel-team-item-2 .team-text {
    left: 50%;
    z-index: 1;
    width: 100%;
    bottom: 65px;
    text-align: center;
    white-space: nowrap;
    transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 700ms ease;
    transition: all 700ms ease;
}

.tel-team-item-2 .team-text h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin: 0 auto;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.tel-team-item-2 .team-hover-content {
    left: 0;
    width: 100%;
    height: 121px;
    bottom: -121px;
    overflow: hidden;
    padding-left: 30px;
    background-color: #ff0000;
    transition: all 500ms ease;
    transition: all 500ms ease;
}

.tel-team-item-2 .team-hover-content .team-shape {
    top: 0;
    right: 0;
}

.tel-team-item-2 .team-hover-content .name-degi h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
}

.tel-team-item-2 .team-social {
    bottom: 150px;
    right: 10px;
}

.tel-team-item-2 .team-social a {
    opacity: 0;
    color: #fff;
    width: 65px;
    height: 65px;
    display: box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 14px;
    visibility: hidden;
    border-radius: 100%;
    box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: translateX(40px);
    transform: translateX(40px);
    background: var(--base-gradient);
    border: 6px solid rgba(255, 255, 255, 0.7);
}

.tel-team-item-2.active {
    width: 454px;
}

.tel-team-item-2.active .team-img img {
    filter: grayscale(0);
    filter: grayscale(0);
}

.tel-team-item-2.active .team-text {
    opacity: 0;
    bottom: -100px;
    visibility: hidden;
}

.tel-team-item-2.active .team-hover-content {
    bottom: 0;
    transition: all 500ms ease;
    transition: all 500ms ease;
}

.tel-team-item-2.active .team-social a {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transform: translateX(0);
}

.tel-team-item-2.active .team-social a:nth-child(1) {
    transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.tel-team-item-2.active .team-social a:nth-child(2) {
    transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.tel-team-item-2.active .team-social a:nth-child(3) {
    transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.tel-team-item-2.active .team-social a:nth-child(4) {
    transition-delay: 0.6s;
    transition-delay: 0.6s;
}


.tel-why-choose-section-3 .tel-why-choose-side-img {
    top: 130px;
    right: -40px;
    mask-image: url(../img/wc-shape1.png);
    mask-image: url(../img/wc-shape1.png);
}

.tel-why-choose-content-3 {
    max-width: 1085px;
}

.tel-why-choose-feature-list-item {
    margin-bottom: 20px;
}

.tel-why-choose-feature-list-item .wc-feature-icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    border-radius: 100%;
    border: 1px solid var(--base-color-3);
}

.tel-why-choose-feature-list-item .wc-feature-text {
    max-width: 400px;
}

.tel-why-choose-feature-list-item .wc-feature-text h3 {
    color: #ff0000;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 3px;
}

.tel-why-choose-feature-list-item .wc-feature-text p {
    font-size: 14px;
}

.tel-why-choose-image-3 {
    margin-top: 35px;
    mask-image: url(../img/mask-wc1.png);
    mask-image: url(../img/mask-wc1.png);
}

.tel-why-choose-feature-img {
    margin-bottom: 30px;
    mask-image: url(../img/mask-wc2.png);
    mask-image: url(../img/mask-wc2.png);
}

@keyframes zoomIn {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2) translate(-60px, -10px);
    }
}

@keyframes thrivermove {
    0% {
        transform: translate(0);
        transform: translate(0);
    }

    25% {
        transform: translate(10px, 10px);
        transform: translate(10px, 10px);
    }

    50% {
        transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }

    75% {
        transform: translate(10px, -5px);
        transform: translate(10px, -5px);
    }

    to {
        transform: translate(0);
        transform: translate(0);
    }
}

@keyframes thrivermove {
    0% {
        transform: translate(0);
        transform: translate(0);
    }

    25% {
        transform: translate(10px, 10px);
        transform: translate(10px, 10px);
    }

    50% {
        transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }

    75% {
        transform: translate(10px, -5px);
        transform: translate(10px, -5px);
    }

    to {
        transform: translate(0);
        transform: translate(0);
    }
}

.tel-testimonial-section-2 {
    padding: 130px 0px 0px;
}

.tel-testimonial-top-content-2 {
    margin-bottom: 60px;
}

.tel-testimonial-top-content-2 .tel-section-title-2 {
    max-width: 610px;
}

.tel-testimonial-top-content-2 .tel-testimonial-top-text {
    padding-top: 15px;
    max-width: 520px;
}

.tel-testimonials-slider-wrapper-2 .tel-testi-floating-img1 {
    top: 7%;
    left: 0%;
    animation: thrivermove 5s linear infinite;
    animation: thrivermove 5s linear infinite;
}

.tel-testimonials-slider-wrapper-2 .tel-testi-floating-img2 {
    bottom: 10%;
    left: 10%;
    animation: thrivermove 7s linear infinite;
    animation: thrivermove 7s linear infinite;
}

.tel-testimonials-slider-wrapper-2 .tel-testi-floating-img3 {
    top: 7%;
    right: 5%;
    animation: thrivermove 6s linear infinite;
    animation: thrivermove 6s linear infinite;
}

.tel-testimonials-slider-wrapper-2 .tel-testi-floating-img4 {
    bottom: 10%;
    right: 10%;
    animation: thrivermove 5s linear infinite;
    animation: thrivermove 5s linear infinite;
}

.tel-testimonials-slider-2 {
    margin: 0 auto;
    max-width: 720px;
}

.tel-testimonial-item-2 .testimonial-img {
    width: 192px;
    height: 192px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 100%;
    border: 3px solid var(--theme-color);
    box-shadow: 0px 18px 30px 0px rgba(143, 8, 21, 0.2);
    box-shadow: 0px 18px 30px 0px rgba(143, 8, 21, 0.2);
}

.tel-testimonial-item-2 .testimonial-text {
    color: #ff0000;
    font-size: 26px;
    margin-bottom: 40px;
}

.tel-testimonial-item-2 .testimonial-author .author-img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 25px;
    border-radius: 100%;
}

.tel-testimonial-item-2 .testimonial-author .author-text span {
    font-size: 17px;
    color: rgba(2, 6, 38, 0.7);
}

.swiper-test-pagination {
    margin-top: 50px;
}

.swiper-test-pagination .swiper-pagination-bullet {
    opacity: 1;
    width: 24px;
    height: 24px;
    position: relative;
    transform: scale(0.8);
    transform: scale(0.8);
    background-color: #eecdd0;
    transition: all 500ms ease;
    transition: all 500ms ease;
}

.swiper-test-pagination .swiper-pagination-bullet:before {
    top: 3px;
    left: 3px;
    width: 18px;
    content: "";
    height: 18px;
    position: absolute;
    transform: scale(0);
    transform: scale(0);
    border-radius: 100%;
    transition: all 500ms ease;
    transition: all 500ms ease;
    background: var(--base-gradient);
}

.swiper-test-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    transform: scale(1);
    transform: scale(1);
}

.swiper-test-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    transform: scale(1);
    transform: scale(1);
}

.tel-testimonial-section-3 {
    padding: 130px 0px;
    background: linear-gradient(45deg, rgba(255, 162, 0, 0.05) 0%, rgba(225, 4, 25, 0.05) 100%);
}

.tel-testimonial-text-3 .tel-section-title-4 {
    margin-bottom: 50px;
}

.tel-testimonials-item-3 .testimonial-img {
    opacity: 0;
    max-width: 350px;
    margin-right: 38px;
    visibility: hidden;
    transform: translateX(30px);
    transform: translateX(30px);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}

.tel-testimonials-item-3 .testimonial-text {
    padding-top: 30px;
    max-width: 425px;
}

.tel-testimonials-item-3 .testimonial-text .qoute-icon {
    opacity: 0;
    visibility: hidden;
    margin-bottom: 15px;
    transform: translateX(30px);
    transform: translateX(30px);
}

.tel-testimonials-item-3 .testimonial-text h3 {
    opacity: 0;
    color: #ff0000;
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 20px;
    visibility: hidden;
    transform: translateX(30px);
    transform: translateX(30px);
}

.tel-testimonials-item-3 .testimonial-text p {
    opacity: 0;
    color: #686868;
    line-height: 30px;
    visibility: hidden;
    padding-bottom: 20px;
    transform: translateX(30px);
    transform: translateX(30px);
}

.tel-testimonials-item-3 .testimonial-text .testimonial-author h4 {
    opacity: 0;
    color: #ff0000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
    visibility: hidden;
    transform: translateX(30px);
    transform: translateX(30px);
}

.tel-testimonials-item-3 .testimonial-text .testimonial-author span {
    opacity: 0;
    font-size: 14px;
    visibility: hidden;
    display: inline-block;
    transform: translateX(30px);
    transform: translateX(30px);
}

.tel-testimonials-slider-3 .tel-carousel-next-prev-area {
    left: 46%;
    z-index: 2;
    bottom: 30px;
}

.tel-testimonials-slider-3 .swiper-slide-active .tel-testimonials-item-3 .testimonial-img {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transform: translateX(0px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.tel-testimonials-slider-3 .swiper-slide-active .tel-testimonials-item-3 .testimonial-text .qoute-icon {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transform: translateX(0px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 200ms;
    transition-delay: 200ms;
}

.tel-testimonials-slider-3 .swiper-slide-active .tel-testimonials-item-3 .testimonial-text h3 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transform: translateX(0px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 400ms;
    transition-delay: 400ms;
}

.tel-testimonials-slider-3 .swiper-slide-active .tel-testimonials-item-3 .testimonial-text p {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transform: translateX(0px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 600ms;
    transition-delay: 600ms;
}

.tel-testimonials-slider-3 .swiper-slide-active .tel-testimonials-item-3 .testimonial-text .testimonial-author h4 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transform: translateX(0px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 800ms;
    transition-delay: 800ms;
}

.tel-testimonials-slider-3 .swiper-slide-active .tel-testimonials-item-3 .testimonial-text .testimonial-author span {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transform: translateX(0px);
    transition: all 1000ms ease;
    transition: all 1000ms ease;
    transition-delay: 900ms;
    transition-delay: 900ms;
}

.tel-carousel-next-prev-area .carousel-next-prev {
    z-index: 1;
    width: 54px;
    height: 54px;
    cursor: pointer;
    margin-right: 20px;
    position: relative;
    border: 2px solid var(--base-color-3);
}

.tel-carousel-next-prev-area .carousel-next-prev i {
    font-size: 20px;
    color: var(--base-color-3);
}

.tel-carousel-next-prev-area .carousel-next-prev:before {
    top: 0;
    right: 0;
    width: 100%;
    z-index: -1;
    content: "";
    height: 100%;
    position: absolute;
    transform: scale(0);
    transform: scale(0);
    transition: all 500ms ease;
    transition: all 500ms ease;
    background: var(--base-gradient-3);
}

.tel-carousel-next-prev-area .carousel-next-prev:hover i {
    color: #fff;
}

.tel-carousel-next-prev-area .carousel-next-prev:hover:before {
    transform: scale(1);
    transform: scale(1);
}

/* TEAM CSS END */
/* TESTIMONIAL CSS START */
@media (max-width: 767px) {
    .tx-testimonialWrapper .txNavPagi-wrapper {
        margin-top: 20px;
        margin-left: 0px;
        max-width: 100%;
    }
}

.tx-testimonial__styleOne .tx-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: inherit;
}

.tx-testimonial__styleOne .tx-thumb {
    width: 260px;
}

.tx-testimonial__styleOne .tx-content {
    width: calc(100% - 340px);
}

@media (max-width: 767px) {
    .tx-testimonial__styleOne .tx-content {
        width: 100%;
        padding-top: 40px;
        padding-left: 0px;
    }
}

.tx-testimonial__styleOne .tx-comment {
    position: relative;
}

.tx-testimonial__styleOne .tx-comment::before {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    width: 3px;
    background: var(--theme-color);
    left: -40px;
}

@media (max-width: 767px) {
    .tx-testimonial__styleOne .tx-comment::before {
        display: none;
    }
}

.tx-testimonial__styleOne .tx-comment p {
    font-size: 30px;
    color: var(--heading-color);
    font-style: italic;
    line-height: 1.5;
}

@media (max-width: 991px) {
    .tx-testimonial__styleOne .tx-comment p {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .tx-testimonial__styleOne .tx-comment p {
        font-size: 18px;
    }
}

.tx-testimonial__styleOne .tx-name {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color);
}

.tx-testimonial__styleOne .tx-designation {
    font-size: 14px;
    color: #8990ac;
}

.tx-testimonial__styleTwo .tx-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}

@media (max-width: 1599px) {
    .tx-testimonial__styleTwo .tx-wrapper {
        gap: 20px;
    }
}

.tx-testimonial__styleTwo .tx-thumb {
    width: 180px;
}

.tx-testimonial__styleTwo .tx-thumb img {
    border-radius: 50%;
}

@media (max-width: 1599px) {
    .tx-testimonial__styleTwo .tx-thumb {
        width: 160px;
    }
}

.tx-testimonial__styleTwo .tx-content {
    width: calc(100% - 220px);
}

@media (max-width: 1599px) {
    .tx-testimonial__styleTwo .tx-content {
        width: calc(100% - 180px);
    }
}

.tx-testimonial__styleTwo .tx-comment p {
    color: var(--white);
    font-style: normal;
    font-size: 30px;
    line-height: 1.25;
}

@media (max-width: 1599px) {
    .tx-testimonial__styleTwo .tx-comment p {
        font-size: 20px;
    }
}

.tx-testimonial__styleTwo .txBottomWrapper {
    gap: 30px;
}

.tx-testimonial__styleTwo .tx-name {
    font-weight: 600;
    color: #fdf4b4;
    text-transform: uppercase;
    font-size: 20px;
}

@media (max-width: 1599px) {
    .tx-testimonial__styleTwo .tx-name {
        font-size: 14px;
    }
}

.tx-testimonial__styleTwo .tx-designation {
    font-weight: 500;
    color: var(--white);
}

@media (max-width: 1599px) {
    .tx-testimonial__styleTwo .tx-designation {
        font-size: 12px;
    }
}

.tx-testimonial__styleTwo .tx-nameDesignation {
    width: calc(100% - 30px);
}

.tx-testimonial__styleThree {
    border-radius: 20px;
    border: 1px solid #e6e7ea;
    padding: 20px;
    transition: all 0.4s ease;
}

.tx-testimonial__styleThree .tx-comment p {
    color: var(--heading-color);
    font-size: 18px;
    line-height: 1.6;
}

.tx-testimonial__styleThree .tx-icon {
    font-size: 35px;
    width: 40px;
    color: var(--theme-color);
}

.tx-testimonial__styleThree .txBottomWrapper {
    gap: 15px;
}

.tx-testimonial__styleThree .tx-thumb {
    width: 45px;
    height: 45px;
}

.tx-testimonial__styleThree .tx-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.tx-testimonial__styleThree .tx-nameDesignation {
    width: calc(100% - 60px);
}

.tx-testimonial__styleThree .tx-name {
    font-size: 15px;
    color: var(--theme-color);
}

.tx-testimonial__styleThree .tx-designation {
    font-size: 12px;
    color: var(--pera-color);
}

.tx-testimonial__styleThree:hover {
    box-shadow: 0px 4px 20px 2px rgba(0, 0, 0, 0.1);
}

.txNavPagi-wrapper {
    max-width: 145px;
}

.txNavPagi-wrapper .tx-testimonialNextPrev {
    font-size: 16px;
    color: #8990ac;
}

.txNavPagi-wrapper .tx-testimonialNextPrev:hover {
    color: var(--theme-color);
}

.txNavPagi-wrapper .tx-testimonialPagination {
    width: auto;
}

.txNavPagi-wrapper .tx-testimonialPagination span {
    font-size: 16px;
    font-weight: 500;
}

.txNavPagi-wrapper .swiper-pagination-total {
    color: #8990ac;
}

.txNavPagi-wrapper .swiper-pagination-current {
    color: var(--heading-color);
}

/* TESTIMONIAL CSS END */
/* INFO-BOX CSS START */
.tx-infoBox__styleOne {
    text-align: center;
}

.tx-infoBox__styleOne .tx-content p {
    color: #8990ac;
}

.tx-infoBox__styleOne .tx-title {
    font-size: 27px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .tx-infoBox__styleOne .tx-title {
        font-size: 20px;
    }
}

.tx-infoBox__styleOne .tx-title a {
    color: var(--heading-color);
}

/* INFO-BOX CSS END */
/* GALLERY CSS START */
.gallery-one {
    position: relative;
}

.gallery-block {
    position: relative;
}

.gallery-block .inner-box {
    position: relative;
}

.gallery-block .image {
    position: relative;
}

.gallery-block .image img {
    position: relative;
    width: 100%;
    display: block;
}

.gallery-block .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, transform 0.4s ease;
    transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.gallery-block .overlay-box:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 25%;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.gallery-block .overlay-box .plus {
    position: relative;
    width: 50px;
    height: 50px;
    z-index: 1;
    color: #fff;
    line-height: 50px;
    text-align: center;
    background-color: var(--theme-color);
    border-radius: 50%;
}

.gallery-block .inner-box:hover .overlay-box {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.gallery-slider p {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 20px;
    color: rgba(255, 255, 255, 0.6);
}

.gallery-block_two {
    position: relative;
}

.gallery-block_two .inner-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.gallery-block_two .image {
    position: relative;
}

.gallery-block_two .image img {
    position: relative;
    width: 100%;
    display: block;
}

.gallery-block_two .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, transform 0.4s ease;
    transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.gallery-block_two .overlay-box:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    opacity: 0.7;
    background-color: var(--theme-color);
}

.gallery-block_two .overlay-box .plus {
    position: relative;
    width: 50px;
    height: 50px;
    z-index: 1;
    line-height: 50px;
    text-align: center;
    font-size: 28px;
    color: var(--white);
}

.gallery-block_two .inner-box:hover .overlay-box {
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

/* GALLERY CSS END */
/* PROGRESS CSS START */
.tx-progressBox .tx-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--heading-color);
}

.tx-progressBox .tx-subTitle {
    font-size: 10px;
    font-weight: 500;
}

.tx-progressBox .tx-desc {
    font-size: 13px;
    margin-top: 5px;
}

.tx-progressBox__styleOne input {
    opacity: 0;
    visibility: hidden;
}

.tx-progressBox__styleOne canvas {
    background: #f6f6f6;
    border-radius: 50%;
}

/* PROGRESS CSS END */
/* FAQ CSS START */
.tx-faqWrapper .tx-faqItem:not(:last-child) {
    margin-bottom: 10px;
}

.tx-faqWrapper .tx-title {
    font-size: 15px;
    font-weight: 500;
    background: transparent;
    padding: 24px 30px;
    color: var(--heading-color);
    background: var(--theme-light-color-3);
    border-radius: 5px;
}

.tx-faqWrapper .tx-title::after {
    position: absolute;
    content: "";
    border: none;
    background: var(--heading-color);
    font-size: 20px;
    color: var(--white);
    width: 30px;
    height: 30px;
    right: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 11px;
    font-family: var(--fontAwesome);
}

.tx-faqWrapper .tx-title:not(.collapsed) {
    background: transparent;
}

.tx-faqWrapper .tx-title:not(.collapsed)::after {
    content: "";
    background: var(--theme-color);
}

.tx-faqWrapper .tx-content {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
}

.tx-faqWrapper .tx-content p {
    font-size: 15px;
}

/* FAQ CSS END */
/* POST GRID SLIDER CSS START */
.tx-PostSliderWrapper .tx-slideNav__styleOuter div {
    top: 35%;
}

.tx-PostSliderWrapper .swiper-container {
    overflow: visible !important;
    clip-path: inset(-100vw 0vw -100vw 0);
}

.tx-postGridBox__styleOne .tx-thumb {
    position: relative;
    border-radius: 20px;
}

.tx-postGridBox__styleOne .tx-thumb::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(var(--theme-color), 0.7) 100%);
    top: auto;
    top: 100%;
    border-radius: 20px;
    z-index: 1;
    transition: all 0.5s ease;
}

.tx-postGridBox__styleOne .tx-thumb img {
    border-radius: 20px;
    min-height: 300px;
    object-fit: cover;
}

.tx-postGridBox__styleOne .tx-metaDate {
    min-height: 30px;
    padding: 1px 15px;
    color: var(--white);
    background: var(--heading-color-2);
    border-radius: 40px;
    font-size: 10px;
    display: inline-block;
    transition: all 0.4s ease;
}

.tx-postGridBox__styleOne .tx-content {
    max-width: calc(100% - 20px);
    border-radius: 20px;
}

.tx-postGridBox__styleOne:hover .tx-thumb::after {
    top: 30%;
}

.tx-postGridBox__styleOne:hover .tx-metaDate {
    background: var(--theme-color);
}

.tx-postGridBox .tx-content {
    background: #fafafa;
}

.tx-postGridBox .tx-title {
    font-size: 19px;
    font-weight: 600;
}

.tx-postGridBox .tx-title:hover {
    color: var(--theme-color);
}

.tx-postGridBox .tx-inline-btn {
    font-size: 12px;
    font-weight: 600;
}

.tx-postGridBox .tx-inline-btn:hover {
    color: var(--theme-color);
}

/* POST GRID SLIDER CSS END */
/* PRODUCT SLIDER CSS START */
.tx-productSliderWrapper .swiper-container {
    overflow: visible !important;
    clip-path: inset(-100vw 0vw -100vw 0);
}

/* PRODUCT SLIDER CSS END */
/* MOVIE BLOCK CSS START */
.tx-movieSliderWrapper .swiper-container {
    overflow: visible;
}

.tx-movieBlock__styleOne .tx-thumb img {
    border-radius: 20px;
}

.tx-movieBlock__styleOne .tx-videoBtn {
    font-size: 60px;
    color: var(--theme-color);
}

.tx-movieBlock__styleOne .tx-videoBtn::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--white);
    z-index: -1;
}

.tx-movieBlock__styleTwo .tx-thumb img {
    border-radius: 15px;
}

.tx-movieBlock__styleTwo .tx-content {
    padding: 20px 25px;
    padding-bottom: 10px;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 1;
    padding-top: 60px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.tx-movieBlock__styleTwo .tx-content p {
    font-size: 12px;
}

.tx-movieBlock__styleTwo .tx-content p i {
    color: var(--theme-yellow);
    font-size: 14px;
}

.tx-movieBlock__styleTwo .tx-content::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: linear-gradient(180deg, rgba(225, 4, 25, 0) 0%, #E10419 100%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    bottom: -100%;
    transition: all 0.4s ease-in-out;
}

.tx-movieBlock__styleTwo .tx-title a {
    color: var(--white);
}

.tx-movieBlock__styleTwo .tx-label {
    color: var(--white);
    opacity: 0.7;
}

.tx-movieBlock__styleTwo .tx-text {
    font-weight: 500;
    color: var(--white);
}

.tx-movieBlock__styleTwo .txMeta-info {
    margin-top: 5px;
}

.tx-movieBlock__styleTwo::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-color);
    border-radius: 15px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: -1;
    height: calc(100% - 30px);
    translate: 0px 15px;
}

.tx-movieBlock__styleTwo .tx-round-btn {
    width: 60px;
    height: 60px;
    left: 50%;
    top: 0px;
    transform: translate(-50%, 0px);
    border: 2px solid var(--theme-color);
    font-size: 16px;
    color: var(--theme-color);
    border-radius: 50%;
    background: transparent;
    opacity: 0;
    visibility: hidden;
}

.tx-movieBlock__styleTwo .tx-round-btn:hover {
    background: var(--theme-color);
    color: var(--white);
}

.tx-movieBlock__styleTwo:hover::after {
    opacity: 1;
    visibility: visible;
    transform: rotate(-7deg);
}

.tx-movieBlock__styleTwo:hover .tx-content {
    opacity: 1;
    visibility: visible;
}

.tx-movieBlock__styleTwo:hover .tx-content::after {
    opacity: 1;
    visibility: visible;
    bottom: 0px;
}

.tx-movieBlock__styleTwo:hover .tx-round-btn {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 80px);
}

/* MOVIE BLOCK CSS END */
/* MOVIE FILTER CSS START */
.tx-movieFilters {
    gap: 10px;
    flex-wrap: wrap;
}

.tx-movieFilters li {
    font-size: 17px;
    color: var(--pera-color-2);
    background: var(--theme-light-color-3);
    border-radius: 10px;
    padding: 10px 30px;
    transition: 0.4s ease;
    cursor: pointer;
}

.tx-movieFilters li.active, .tx-movieFilters li:hover {
    background: var(--theme-color);
    color: var(--white);
}

/* MOVIE FILTER CSS END */
/* SIDE INFO CSS START */
.tx-sideInfo-btn {
    gap: 5px;
}

.tx-sideInfo-btn span, .tx-header__styleDefault.header_style_five .tx-sideInfo-btn span {
    width: 25px;
    height: 2px;
    background: var(--heading-color);
}

.tx-sideInfoWrapper {
    background: var(--heading-color);
    width: 450px;
    padding: 40px;
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    overflow-y: auto;
    z-index: 99;
    transform: translateX(450px);
    -ms-transform: translateX(450px);
    transform: translateX(450px);
    transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

@media (max-width: 475px) {
    .tx-sideInfoWrapper {
        width: 310px;
        transform: translateX(310px);
        -ms-transform: translateX(310px);
        transform: translateX(310px);
        padding: 20px;
    }
}

.tx-sideInfoWrapper.is-open {
    transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.tx-sideInfoWrapper .tx-close-btn {
    width: 35px;
    height: 35px;
    color: var(--white);
    border: 2px solid #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    transform: rotate(45deg);
    border-radius: 50%;
    font-weight: 300;
}

.tx-sideInfoWrapper .tx-close-btn:hover {
    color: var(--theme-color);
    border-color: var(--theme-color);
}

/* SIDE INFO CSS END */
/* MINI CART CSS START */
.tx-productTitle dl {
    padding: 0px !important;
    border: none !important;
    font-size: 12px !important;
}

.tx-productTitle dd, .tx-productTitle dt {
    margin-bottom: 5px !important;
    padding: 0px !important;
}

.tx-productTitle dt {
    min-height: 26px;
    line-height: 26px;
}

.tx-cart-btn::after {
    display: none;
}

.tx-cart-count {
    position: absolute;
    top: -7px;
    right: -7px;
    min-width: 16px;
    min-height: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: var(--theme-light-color-2);
    color: var(--heading-color);
    font-size: 8px;
    font-weight: 500;
    line-height: 100%;
}

.tx-sideInfoWrapper .tx-innerWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: inherit;
    gap: 15px;
}

.tx-sideInfoWrapper .tx-thumb {
    width: 70px;
}

.tx-sideInfoWrapper .tx-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    margin: 0px !important;
}

.tx-sideInfoWrapper .tx-content {
    position: relative;
    width: calc(100% - 85px);
}

.tx-sideInfoWrapper .tx-productTitle {
    font-size: 14px;
}

.tx-sideInfoWrapper .tx-productTitle a {
    color: var(--white);
    font-weight: 500;
}

.tx-sideInfoWrapper .tx-miniCart-remove {
    position: absolute;
    right: 0px;
    top: 0px;
}

.tx-sideInfoWrapper .tx-productPrice {
    font-size: 12px;
    font-weight: 400;
    color: var(--white);
}

.tx-sideInfoWrapper .tx-productPrice span {
    color: var(--white);
}

.tx-sideInfoWrapper__styleLight {
    background: var(--white);
}

.tx-sideInfoWrapper__styleLight .tx-productPrice {
    color: var(--heading-color);
}

.tx-sideInfoWrapper__styleLight .tx-productPrice span {
    color: var(--heading-color);
}

.tx-sideInfoWrapper__styleLight .tx-productTitle a {
    color: var(--heading-color);
}

.tx-sideInfoWrapper__styleLight .tx-close-btn {
    color: var(--heading-color);
    border: 1px solid var(--heading-color);
    font-size: 18px;
    font-weight: 500;
}

.tx-sideInfoWrapper__styleLight .top-wrapper {
    border-bottom: 1px solid rgba(2, 6, 28, 0.1);
}

.tx-sideInfoWrapper .tx-cart-count {
    position: static;
    width: 20px;
    height: 20px;
    font-size: 10px;
}

.tx-sideInfoWrapper .tx-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.tx-miniCart-text {
    font-size: 12px;
    color: var(--heading-color);
}

.tx-miniCart-remove {
    color: var(--theme-color);
    font-size: 14px;
}

.tx-miniCart-remove:hover {
    color: var(--theme-color);
}

.tx-miniCart-lists {
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
}

.tx-miniCart-lists li {
    border-bottom: 1px solid rgba(2, 6, 28, 0.1);
    padding: 20px 0px !important;
}

.tx-miniCart-lists li:first-child {
    padding-top: 0px !important;
}

.woocommerce-mini-cart__total {
    margin: 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-mini-cart__total strong {
    font-size: 16px;
    margin-right: 5px;
    color: var(--heading-color);
    text-transform: uppercase;
}

.woocommerce-mini-cart__empty-message {
    font-size: 14px;
}

/* MINI CART CSS END */
/* meanmenu css start */
.tx-mobileMmenu.mean-container {
    overflow: hidden;
}

/* mean menu customize */
.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav {
    background: none;
    margin-top: 0;
}

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 15px 0;
    color: var(--white);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
}

.mean-container .mean-nav ul li a:hover {
    color: var(--theme-color);
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 10px;
    padding: 0 !important;
    line-height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: var(--white);
    line-height: 30px;
    top: 0;
    font-weight: 400;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
    border-color: #888888;
    color: var(--theme-color);
}

.mean-container .mean-nav ul li a.mean-clicked i {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mean-container .mean-nav ul li>a>i {
    display: none;
}

.mean-container .mean-nav ul li>a.mean-expand i {
    display: inline-block;
}

.mean-container .mean-nav>ul>li:first-child>a {
    border-top: 0;
}

.mean-container .mean-bar {
    padding: 0;
    min-height: auto;
    background: none;
}

.mean-container .mean-nav div>ul,
.mean-container .mean-nav>ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}

.mean-container i {
    font-style: normal;
    font-size: 20px;
    color: var(--white);
    font-weight: 300;
}

.mean-container .sub-menu {
    overflow: hidden;
}

.mean-container .sub-menu li {
    font-size: 12px;
}

/* meanmenu css end */
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: inherit;
    }
}

.tel-demo-1 {
    color: #686868;
    font-size: 17px;
    background-color: #010317;
}

.tel-demo-1 .container {
    max-width: 1320px;
}

.ul-li ul {
    margin: 0;
    padding: 0;
}

.ul-li ul li {
    list-style: none;
    display: inline-block;
}

.ul-li-block ul {
    margin: 0;
    padding: 0;
}

.ul-li-block ul li {
    display: block;
    list-style: none;
}

.tel-img-animation {
    transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}

.tel-img-animation.active {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

@keyframes btn_shine {
    100% {
        left: 200%;
    }
}

@keyframes btn_shine {
    100% {
        left: 200%;
    }
}

.tel-btn-1 a {
    z-index: 1;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 17px 30px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    background-color: var(--theme-color);
}

.tel-btn-1 a img {
    margin-left: 5px;
}

.tel-btn-1 a:after {
    content: "";
    position: absolute;
    top: 0;
    left: -200%;
    width: 200%;
    height: 100%;
    transform: skewX(-20deg);
    -khtml-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background-image: gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.4)), to(transparent));
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);
    z-index: -1;
}

.tel-btn-1 a:hover:after {
    animation: btn_shine 1.2s ease;
    animation: btn_shine 1.2s ease;
    animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.tel-section-title .subtitle {
    font-size: 12px;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 50px;
    display: inline-block;
    color: var(--theme-color);
    background: rgba(255, 255, 255, 0.05);
}

.tel-section-title .subtitle img {
    margin-right: 10px;
}

.tel-section-title h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
}

.tel-section-title p {
    padding-top: 30px;
}

.tel_price_item-list li {
    position: relative;
}

.tel_price_item-list li:before {
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    color: var(--theme-color);
    font-family: "Font Awesome 6 Pro";
}

.tx-header.header_style_four.style-3 .tel-header-content {
    max-width: 1290px;
    margin: 0 auto;
}

.tx-header.header_style_four {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.tx-header.header_style_four .tel-header-content {
    max-width: 1510px;
    margin-left: 125px;
}

.tx-header.header_style_four .tx-main-menu li a {
    color: #fff;
    padding: 30px 0px;
}

.tx-header.header_style_four .tx-main-menu li:hover a {
    color: var(--theme-color);
}

.tx-header.header_style_four .tx-main-menu li:hover a:before {
    bottom: 18px;
}

.tx-header.header_style_four .tx-main-menu .sub-menu {
    background-color: #000000;
}

.tx-header.header_style_four .tx-main-menu .sub-menu li a {
    padding: 0;
    color: #fff;
}

.tx-header.header_style_four .tx-main-menu .sub-menu li:hover a {
    padding-left: 15px;
}

.tx-header.header_style_four.sticky-on {
    top: 0;
    width: 100%;
    padding: 0;
    position: fixed;
    animation-duration: 1s;
    animation-fill-mode: both;
    background-color: #17192c;
    animation-name: slideInDown;
    animation-timing-function: ease;
    transition: 0.3s all ease-in-out;
}

.header_style_four .tx-main-menu ul .menu-item-has-children>a::after {
    color: #fff;
}

.tel-slider-side {
    top: 0;
    left: 0;
    width: 96px;
    z-index: 3;
    height: 100%;
    writing-mode: vertical-rl;
    backdrop-filter: blur(25px);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: 1px 0px 0px 0px rgba(255, 255, 255, 0.15);
}

.tel-slider-side .side-social a,
.tel-slider-side .side-cta a {
    opacity: 0.5;
    margin: 25px 0px;
    display: inline-block;
}

.tel-slider-side .side-social a img,
.tel-slider-side .side-cta a img {
    max-width: 20px;
}

.tel-slider-side .side-inner-text {
    color: #fff;
    opacity: 0.5;
    margin: 50px 0px;
}

.tel-main-slider-item .slider-side-img1 {
    right: 0;
    opacity: 0;
    bottom: -150px;
    visibility: hidden;
}

.tel-main-slider-item .slider-side-img2 {
    right: 0;
    opacity: 0;
    top: -150px;
    visibility: hidden;
}

.tel-main-slider-item .tel-main-slider-text-img {
    padding: 275px 0px 270px;
}

.tel-main-slider-item .tel-main-slider-img {
    opacity: 0;
    bottom: -50%;
    right: -20px;
    visibility: hidden;
}

.tel-main-slider-item .tel-main-slider-text h1 {
    opacity: 0;
    font-size: 70px;
    font-weight: 800;
    line-height: 1.15;
    visibility: hidden;
    color: var(--theme-color);
    text-transform: uppercase;
    transform: translateX(-70px);
}

.tel-main-slider-item .tel-main-slider-text h1 span {
    color: #fff;
    display: block;
    font-weight: 300;
}

.tel-main-slider-item .tel-main-slider-text h1 b {
    color: #fff;
    display: block;
    font-weight: 600;
}

.tel-main-slider-item .tel-main-slider-text .tel-slider-video-area {
    opacity: 0;
    visibility: hidden;
    margin-bottom: 40px;
    transform: translateX(-70px);
}

.tel-main-slider-item .tel-main-slider-text .tel-slider-video-area h2 {
    font-size: 70px;
    font-weight: 600;
    color: var(--theme-color);
    text-transform: uppercase;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area {
    opacity: 0;
    visibility: hidden;
    transform: translateX(70px);
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing {
    margin-right: 50px;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing h3 {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing h3 sup {
    top: auto;
    bottom: 0;
    font-size: 20px;
    color: var(--theme-color);
    background: var(--linear, linear-gradient(90deg, #E10419 0%, #8F0815 100%));
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing h3 sub {
    bottom: 0;
    font-size: 20px;
    font-weight: 400;
}

.tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing p {
    font-size: 17px;
    background: var(--linear, linear-gradient(90deg, #E10419 0%, #8F0815 100%));
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tel-main-slider-area .swiper-pagination {
    top: 50%;
    left: auto;
    z-index: 3;
    bottom: auto;
    width: 97px;
    right: 0px;
    text-align: center;
    position: absolute;
    transform: translateY(-50%);
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    height: auto;
    width: auto;
    display: block;
    font-size: 18px;
    margin: 40px 0px;
    font-weight: 500;
    position: relative;
    transition: all 500ms ease;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet:before {
    left: 2px;
    right: 0;
    width: 1px;
    content: "";
    height: 0px;
    bottom: -35px;
    margin: 0 auto;
    position: absolute;
    transition: all 500ms ease;
    background-color: var(--theme-color);
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    font-size: 30px;
    color: var(--theme-color);
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    height: 30px;
}

.tel-main-slider-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child:before {
    bottom: 35px;
}

.tel-slide-video-btn {
    width: 291px;
    height: 82px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 55px;
}

.tel-slide-video-btn a {
    width: 44px;
    color: #fff;
    height: 44px;
    border-radius: 100%;
    background-color: var(--theme-color);
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .slider-side-img1 {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: all 800ms ease;
    transition-delay: 0.3s;
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .slider-side-img2 {
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: all 800ms ease;
    transition-delay: 0.5s;
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .tel-main-slider-img {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    transition: all 1500ms ease;
    transition-delay: 0.7s;
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .tel-main-slider-text h1 {
    opacity: 1;
    visibility: visible;
    transition: all 1000ms ease;
    transition-delay: 0.7s;
    transform: translateX(0);
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .tel-slider-video-area {
    opacity: 1;
    visibility: visible;
    transition: all 1500ms ease;
    transition-delay: 1s;
    transform: translateX(0);
}

.tel-main-slider-area .swiper-slide-active .tel-main-slider-item .slider-pricing-btn-area {
    opacity: 1;
    visibility: visible;
    transition: all 1500ms ease;
    transition-delay: 1.5s;
    transform: translateX(0);
}

.tel-slider-section-2 {
    overflow: hidden;
}

.tel-main-slider-item-2 {
    padding: 250px 0px 240px;
}

.tel-main-slider-item-2 .tel-main-slider-shape1 {
    top: -25%;
    opacity: 0;
    right: -10px;
    visibility: hidden;
}

.tel-main-slider-item-2 .tel-main-slider-shape2 {
    right: 14%;
    bottom: -100%;
}

.tel-main-slider-item-2 .slider-text {
    z-index: 2;
    max-width: 545px;
    position: relative;
}

.tel-main-slider-item-2 .slider-text .sub-title {
    opacity: 0;
    font-size: 15px;
    font-weight: 600;
    visibility: hidden;
    position: relative;
    letter-spacing: 3px;
    padding-left: 60px;
    margin-bottom: 25px;
    display: inline-block;
    transform: translateX(-40px);
    transform: translateX(-40px);
}

.tel-main-slider-item-2 .slider-text .sub-title:before {
    left: 0;
    top: 12px;
    width: 52px;
    height: 2px;
    content: "";
    position: absolute;
    background: var(--base-gradient);
}

.tel-main-slider-item-2 .slider-text .slider-title {
    margin-bottom: 45px;
}

.tel-main-slider-item-2 .slider-text .slider-title h1 {
    opacity: 0;
    color: #ff0000;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.2;
    visibility: hidden;
    text-transform: uppercase;
    transform: translateX(-15%);
    transform: translateX(-15%);
}

.tel-main-slider-item-2 .slider-btn-price {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-40px);
    transform: translateX(-40px);
}

.tel-main-slider-item-2 .slider-btn-price .slider-btn {
    margin-right: 50px;
}

.tel-main-slider-item-2 .slider-btn-price .slider-btn a {
    font-size: 15px;
    font-weight: 500;
    padding: 16px 40px;
    border-radius: 50px;
    display: inline-block;
    color: var(--theme-color);
    border: 2px solid var(--theme-color);
}

.tel-main-slider-item-2 .slider-btn-price .slider-btn a i {
    margin-left: 8px;
}

.tel-main-slider-item-2 .slider-btn-price .slider-btn a:hover {
    color: #fff;
    background-color: var(--theme-color);
}

.tel-main-slider-item-2 .slider-btn-price .slider-pricing h3 {
    font-weight: 600;
    font-size: 40px;
}

.tel-main-slider-item-2 .slider-btn-price .slider-pricing h3 sup {
    top: auto;
    bottom: 0;
    font-size: 20px;
}

.tel-main-slider-item-2 .slider-btn-price .slider-pricing h3 sub {
    bottom: 0;
    font-size: 20px;
    font-weight: 400;
}

.tel-main-slider-item-2 .slider-btn-price .slider-pricing p {
    color: #ff0000;
    font-size: 17px;
}

.tel-main-slider-item-2 .tel-slider-video {
    right: 0%;
    width: 325px;
    bottom: -100%;
    height: 220px;
    clip-path: polygon(34% 0, 100% 0%, 100% 100%, 0 100%);
    clip-path: polygon(34% 0, 100% 0%, 100% 100%, 0 100%);
}

.tel-main-slider-item-2 .tel-slider-video a {
    width: 60px;
    height: 60px;
    margin-left: 30px;
    border-radius: 100%;
    position: relative;
    background-color: #fff;
}

.tel-main-slider-item-2 .tel-slider-video a .video_btn_border {
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    animation-play-state: running;
    animation-play-state: running;
    border: 20px solid rgba(255, 255, 255, 0.7);
    animation: border_animation 3.9s linear 0s infinite;
    animation: border_animation 3.9s linear 0s infinite;
}

.tel-main-slider-item-2 .tel-slider-video a .video_btn_border.border_wrap-2 {
    animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.tel-main-slider-item-2 .tel-slider-video a .video_btn_border.border_wrap-3 {
    animation-delay: 2.6s;
    animation-delay: 2.6s;
}

.tel-main-arrow-next-prev {
    top: 50%;
    left: 50px;
    z-index: 2;
    border-radius: 80px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    transform: translateY(-50%);
    transform: translateY(-50%);
}

.tel-main-arrow-next-prev .tel-slider-arrow {
    z-index: 1;
    position: relative;
}

.tel-main-arrow-next-prev .tel-slider-arrow i {
    color: #ff0000;
    font-size: 40px;
}

.tel-main-arrow-next-prev .tel-slider-arrow:before {
    top: 15px;
    left: -6px;
    z-index: -1;
    content: "";
    width: 52px;
    height: 52px;
    position: absolute;
    border-radius: 100%;
    transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: rgba(2, 6, 38, 0.15);
}

.tel-main-arrow-next-prev .tel-slider-arrow.tel-main-button-prev_3:before {
    top: -25px;
}

.tel-main-arrow-next-prev .tel-slider-arrow:hover:before {
    background: var(--base-gradient);
}

.tel-main-arrow-next-prev .swiper-main-paginations-2 {
    display: box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0px;
}

.tel-main-arrow-next-prev .swiper-main-paginations-2 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    margin: 3px 0px;
    border-radius: 100%;
    border: 1px solid #ff0000;
    transition: all 500ms ease;
    transition: all 500ms ease;
    background-color: transparent;
}

.tel-main-arrow-next-prev .swiper-main-paginations-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--base-gradient);
    border: 1px solid var(--theme-color);
}

.tel-main-slider-2 .swiper-slide-active .tel-main-slider-item-2 .tel-main-slider-shape1 {
    top: 0;
    opacity: 1;
    visibility: visible;
    transition: 1500ms ease;
    transition: 1500ms ease;
    transition-delay: 400ms;
    transition-delay: 400ms;
}

.tel-main-slider-2 .swiper-slide-active .tel-main-slider-item-2 .tel-main-slider-shape2 {
    bottom: 0;
    transition: 2000ms ease;
    transition: 2000ms ease;
}

.tel-main-slider-2 .swiper-slide-active .tel-main-slider-item-2 .slider-text .sub-title {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transform: translateY(0);
    transition: 1500ms ease;
    transition: 1500ms ease;
    transition-delay: 300ms;
    transition-delay: 300ms;
}

.tel-main-slider-2 .swiper-slide-active .tel-main-slider-item-2 .slider-text .slider-title h1 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transform: translateY(0);
    transition: 1500ms ease;
    transition: 1500ms ease;
    transition-delay: 400ms;
    transition-delay: 400ms;
}

.tel-main-slider-2 .swiper-slide-active .tel-main-slider-item-2 .slider-text .slider-title h1:nth-child(2) {
    transition-delay: 800ms;
    transition-delay: 800ms;
}

.tel-main-slider-2 .swiper-slide-active .tel-main-slider-item-2 .slider-text .slider-title h1:nth-child(3) {
    transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.tel-main-slider-2 .swiper-slide-active .tel-main-slider-item-2 .slider-text .slider-btn-price {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transform: translateY(0);
    transition: 1200ms ease;
    transition: 1200ms ease;
    transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.tel-main-slider-2 .swiper-slide-active .tel-main-slider-item-2 .tel-slider-video {
    bottom: 0;
    transition-delay: 1700ms;
    transition-delay: 1700ms;
    transition: 1500ms ease;
    transition: 1500ms ease;
}

.tel-blog-section {
    overflow: hidden;
    padding-bottom: 120px;
}

.tel-blog-content-4 {
    padding-top: 45px;
}

.tel-blog-content-4 .tel-btn-2 {
    margin-top: 30px;
}

.tel-blog-item-4 {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    border: 1px solid rgba(2, 6, 38, 0.1);
}

.tel-blog-item-4 .blog-text .blog-meta {
    margin-bottom: 20px;
}

.tel-blog-item-4 .blog-text .blog-meta a {
    font-size: 14px;
    margin-right: 30px;
}

.tel-blog-item-4 .blog-text .blog-meta a:last-child {
    margin-right: 0;
}

.tel-blog-item-4 .blog-text h1 {
    color: #ff0000;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px;
}

.tel-blog-item-4 .blog-text p {
    font-size: 15px;
    line-height: 26px;
    padding-bottom: 40px;
}

.tel-blog-item-4 .blog-text .tel-btn-2 {
    margin-top: 0;
}

.tel-blog-item-4 .blog-text .tel-btn-2 a {
    padding: 13px 30px;
}

.tel-blog-item-4 .blog-img {
    overflow: hidden;
    border-radius: 10px;
}

.tel-blog-item-4.blog_type_two {
    padding: 26px 30px;
}

.tel-blog-item-4.blog_type_two .blog-img {
    max-width: 203px;
    margin-right: 25px;
    border-radius: 10px;
}

.tel-blog-item-4.blog_type_two .blog-text {
    max-width: 345px;
}

.tel-blog-item-4 .blog-img img {
    height: 590px;
    object-fit: cover;
}

.tel-blog-item-4.blog_type_two .blog-text .blog_more_btn, .tel-blog-item-4 .blog-text .blog-meta a, .tel-testimonial-item-4 .testimonial-author .author-text span, .tel-price-item-4.active .price-plan-icon li, .tel-price-item-4 .plan-price h3 sup, .tel-sponsor-video-play .play-icon a i, .tel-slider-item-4 .tel-slider-text-4 h1 span {
    background: var(--base-gradient-4);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    background-size: 200% 100%;
    animation: gradient_animation 3s ease infinite;
    animation: gradient_animation 3s ease infinite;
}

.tel-blog-item-4.blog_type_two .blog-img img {
    height: 260px;
    border-radius: 10px;
}

.tel-blog-item-4.blog_type_two .blog-text .blog-meta {
    margin-bottom: 15px;
}

.tel-blog-item-4.blog_type_two .blog-text h1 {
    padding-bottom: 15px;
}

.tel-blog-item-4.blog_type_two .blog-text p {
    padding-bottom: 20px;
}

.tel-blog-item-4.blog_type_two .blog-text .blog_more_btn {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
}

.tel-blog-top-content .tel-section-title {
    max-width: 540px;
}

.tel-blog-content {
    padding-top: 50px;
}

.tel-blog-item-2 .blog-text-meta .read_more, .tel-blog-item-2 .blog-text-meta .blog-meta a, .tel-testimonial-item-2 .testimonial-author .author-text h4, .tel-team-item-2 .team-hover-content .name-degi span, .tel-price-item-2 .tel-price-icon-price .tel-plan-price h3 sub, .tel-main-slider-item-2 .tel-slider-video a i, .tel-main-slider-item-2 .slider-btn-price .slider-pricing h3 sub, .tel-main-slider-item-2 .slider-btn-price .slider-pricing h3 sup, .tel-main-slider-item-2 .slider-btn-price .slider-pricing h3, .tel-main-slider-item-2 .slider-text .slider-title h1:nth-child(2), .tel-main-slider-item-2 .slider-text .sub-title, .tel-section-title-2 .sub-title {
    background: var(--base-gradient);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tel-blog-item {
    margin: 0 auto;
    max-width: 410px;
    padding-bottom: 15px;
    background-color: #0f1021;
}

.tel-blog-item:before {
    left: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    content: "";
    height: 3px;
    margin: 0 auto;
    position: absolute;
    transition: all 500ms ease;
    background-color: var(--theme-color);
}

.tel-blog-item .blog-img {
    overflow: hidden;
}

.tel-blog-item .blog-img img {
    filter: grayscale(1);
    transition: all 500ms ease;
}

.tel-blog-item .blog-meta {
    z-index: 1;
    color: #fff;
    padding: 15px;
    max-width: 85%;
    margin: 0 auto;
    margin-top: -30px;
    margin-bottom: 22px;
    background-color: var(--theme-color);
}

.tel-blog-item .blog-meta a {
    font-size: 14px;
    margin: 0px 15px;
    position: relative;
}

.tel-blog-item .blog-meta a:before {
    top: -2px;
    width: 1px;
    content: "";
    right: -28px;
    height: 20px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
}

.tel-blog-item .blog-meta a i {
    margin-right: 5px;
}

.tel-blog-item .blog-meta a:last-child:before {
    display: none;
}

.tel-blog-item h3 {
    margin: 0px 30px 15px;
    padding: 0px 30px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.tel-blog-item h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.tel-blog-item .blog_more {
    color: #fff;
    font-size: 14px;
    display: inline-block;
}

.tel-blog-item .blog_more i {
    margin-left: 7px;
}

.tel-blog-item .blog_more:hover {
    letter-spacing: 3px;
    color: var(--theme-color);
}

.tel-blog-item:hover .blog-img img {
    filter: grayscale(0);
    transform: scale(1.05);
}

.tel-blog-item:hover:before {
    width: 100%;
}

.tel-dot-carousel {
    margin-top: 50px;
}

.tel-dot-carousel .swiper-pagination-bullet {
    width: 18px;
    opacity: 1;
    height: 18px;
    position: relative;
    border-radius: 100%;
    margin: 0px 10px !important;
    background-color: #390f10;
}

.tel-dot-carousel .swiper-pagination-bullet:before {
    top: -6px;
    left: -6px;
    width: 30px;
    content: "";
    height: 30px;
    position: absolute;
    transform: scale(0);
    border-radius: 100%;
    transition: all 500ms ease;
    border: 2px solid var(--theme-color);
}

.tel-dot-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}

.tel-dot-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    transform: scale(1);
}

.tel-dot-carousel .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.tel-portfolio-section {
    overflow: hidden;
}

.tel-portfolio-content .grid-size-25 {
    width: 25%;
}

.tel-portfolio-content .grid-size-50 {
    width: 50%;
}

.tel-portfolio-content .grid-sizer {
    width: 25%;
}



.tel-portfolio-item {
    overflow: hidden;
}

.tel-portfolio-item .portfolio-img img {
    transition: all 600ms ease;
    transform: scale(1.1);
}

.tel-portfolio-item .tel-portfolio-link {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 100%;
    position: absolute;
}

.tel-portfolio-item .portfolio-text,
.tel-portfolio-item .portfolio-text-2 {
    left: 0px;
    bottom: 0px;
    display: none;
    position: absolute;
}

.tel-portfolio-item .portfolio-text span a,
.tel-portfolio-item .portfolio-text-2 span a {
    color: #fff;
    font-size: 18px;
    padding: 8px 20px;
    border-radius: 10px;
    display: inline-block;
    background-color: var(--theme-color);
}

.tel-portfolio-item .portfolio-text h3 a,
.tel-portfolio-item .portfolio-text-2 h3 a {
    color: #090919;
    font-size: 24px;
    padding: 15px 20px;
    border-radius: 10px;
    display: inline-block;
    background-color: #fff;
}

.tel-portfolio-item .portfolio-text-2 {
    left: 30px;
    bottom: 30px;
    display: block;
}

.tel-portfolio-item .portfolio-text-2 span {
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    transform: translateX(40px);
    transition: all 500ms ease;
}

.tel-portfolio-item .portfolio-text-2 span a {
    font-size: 14px;
    padding: 5px 15px;
}

.tel-portfolio-item .portfolio-text-2 h3 {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-30px);
    transition: all 800ms ease;
}

.tel-portfolio-item .portfolio-text-2 h3 a {
    font-size: 18px;
    padding: 10px 15px;
}

.tel-portfolio-item:hover .portfolio-text {
    opacity: 1;
    display: block;
    visibility: visible;
    transform: scale(1);
}

.tel-portfolio-item:hover .portfolio-text-2 span {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition-delay: 0.2s;
}

.tel-portfolio-item:hover .portfolio-text-2 h3 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition-delay: 0.3s;
}

.tel-portfolio-item:hover .portfolio-img img {
    transform: scale(1);
}

.tel-team-section {
    overflow: hidden;
}

.tel-team-text-area {
    max-width: 520px;
}

.tel-team-text-area .tel-section-title {
    margin-bottom: 50px;
}

.tel-section-title-2 .sub-title {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    letter-spacing: 3px;
    padding-left: 60px;
    margin-bottom: 10px;
    display: inline-block;
}

.tel-section-title-2 .sub-title:before, .tel-section-title-2 .sub-title:after {
    top: 12px;
    width: 52px;
    height: 2px;
    content: "";
    position: absolute;
    background: var(--base-gradient);
}

.tel-section-title-2 .sub-title:before {
    left: 0px;
}

.tel-section-title-2 .sub-title:after {
    right: -57px;
    display: none;
}

.tel-section-title-2 h3 {
    color: #ff0000;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 600;
}

.tel-section-title-2 p {
    padding-top: 25px;
}

.tel-section-title-2.text-center .sub-title {
    padding-left: 0;
}

.tel-section-title-2.text-center .sub-title:before {
    left: -60px;
}

.tel-section-title-2.text-center .sub-title:after {
    display: block;
}

.tel-btn-2 a {
    color: #fff;
    font-size: 15px;
    border-radius: 50px;
    padding: 20px 35px;
    display: inline-block;
    display: inline-block;
    transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    background: gradient(linear, left top, right top, from(#E10419), color-stop(50%, #8F0815), to(#E10419));
    background: linear-gradient(90deg, #E10419 0%, #8F0815 50%, #E10419);
    background-size: 200%, 1px;
}

.tel-btn-2 a:hover {
    background-position: 120%;
}

.tel-demo-2 .tx-header.header_style_four .tel-logo-2 {
    display: none;
}

.tel-demo-2 .tx-header.header_style_four.sticky-on .tel-logo-2 {
    display: block;
}

.tel-demo-2 .tx-header.header_style_four.sticky-on .tel-logo-1 {
    display: none;
}

@keyframes border_animation {
    0% {
        transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    20% {
        transform: scale(1.05);
        transform: scale(1.24);
        opacity: 1;
    }

    100% {
        transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes border_animation {
    0% {
        transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    20% {
        transform: scale(1.05);
        transform: scale(1.24);
        opacity: 1;
    }

    100% {
        transform: scale(1.7);
        transform: scale(1.7);
        opacity: 0;
    }
}

.tel-team-section {
    padding: 130px 0px;
}

.tel-team-slider-area {
    padding-left: 70px;
    max-width: 1225px;
    margin-right: -225px;
}

.tel-team-slider {
    margin: 0 -310px 0 0;
    max-width: 1225px;
}

.tel-team-item {
    margin: 0 auto;
    overflow: hidden;
    max-width: 420px;
}

.tel-team-item:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    opacity: 0;
    height: 100%;
    position: absolute;
    transition: all 500ms ease;
    background: linear-gradient(0deg, rgba(2, 4, 29, 0.2) 0%, rgba(2, 4, 29, 0.2) 100%);
}

.tel-team-item .team-social {
    left: 0;
    bottom: 97px;
}

.tel-team-item .team-social a {
    color: #fff;
    width: 64px;
    height: 78px;
    display: flex;
    font-size: 26px;
    margin-bottom: 1px;
    align-items: center;
    background: #0F1128;
    justify-content: center;
    transform: translateX(-65px);
}

.tel-team-item .team-social a:hover {
    color: var(--theme-color);
}

.tel-team-item .team-text {
    left: 0;
    width: 100%;
    bottom: -100px;
    padding-left: 20px;
    background: #0F1128;
    transition: all 500ms ease;
}

.tel-team-item .team-text h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.tel-team-item .team-text span {
    font-size: 15px;
    color: var(--theme-color);
}

.tel-team-item .team-text .text_more {
    width: 60px;
    height: 97px;
    background-color: var(--theme-color);
}

.tel-team-item:hover:before {
    opacity: 1;
}

.tel-team-item:hover .team-text {
    bottom: 0;
}

.tel-team-item:hover .team-social a {
    transform: translateY(0);
}

.tel-team-item:hover .team-social a:nth-child(1) {
    transition-delay: 0.3s;
}

.tel-team-item:hover .team-social a:nth-child(2) {
    transition-delay: 0.4s;
}

.tel-team-item:hover .team-social a:nth-child(3) {
    transition-delay: 0.5s;
}

.tel-team-item:hover .team-social a:nth-child(4) {
    transition-delay: 0.6s;
}

.tel-price-section {
    overflow: hidden;
}

.tel-price-section .tel_line_shape {
    right: 0;
    top: 30px;
}

.tel_price__nav-wrap {
    margin-top: 50px;
}

.price-button-prev,
.price-button-next {
    top: 50%;
    color: #fff;
    width: 52px;
    height: 52px;
    font-size: 20px;
    z-index: 3;
    position: absolute;
    border-radius: 100%;
    transform: translateY(-50%);
    transition: all 500ms ease;
    border: 2px solid rgba(255, 255, 255, 0.7);
}

.price-button-prev:hover,
.price-button-next:hover {
    color: var(--theme-color);
    border: 2px solid var(--theme-color);
}

.price-button-prev {
    left: 0;
}

.price-button-next {
    right: 0;
}

.tel_price__nav {
    margin: 0 auto;
    max-width: 800px;
}

.tel_price__nav .tel_price__nav-item {
    cursor: pointer;
}

.tel_price__nav .tel_price__nav-item .tel_price__nav-icon {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    font-size: 40px;
    margin-bottom: 20px;
    border-radius: 100%;
    color: var(--theme-color);
    transition: all 500ms ease;
    background-color: rgba(255, 255, 255, 0.1);
}

.tel_price__nav .tel_price__nav-item .tel_price__nav-title {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    position: relative;
}

.tel_price__nav .tel_price__nav-item .tel_price__nav-title:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    height: 1px;
    width: 0%;
    margin: 0 auto;
    position: absolute;
    background-color: #fff;
    transition: all 500ms ease;
}

.tel_price__nav .swiper-slide-active .tel_price__nav-icon {
    color: #fff;
    background-color: var(--theme-color);
}

.tel_price__nav .swiper-slide-active .tel_price__nav-title:before {
    width: 100%;
    transition-delay: 0.3s;
}

.tel_price__nav .tel_price__nav-item:hover .tel_price__nav-icon {
    color: #fff;
    background-color: var(--theme-color);
}

.tel_price__nav .tel_price__nav-item:hover .tel_price__nav-title:before {
    width: 100%;
    transition-delay: 0.3s;
}

.tel_price_content {
    margin-top: 40px;
    padding-top: 85px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.tel_price_img-area {
    z-index: 1;
    padding-top: 20px;
    padding-right: 20px;
}

.tel_price_img-area .price-img1 {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
}

.tel_price_img-area .price-img2 {
    top: 15px;
    opacity: 0;
    left: -55px;
    z-index: -1;
    visibility: hidden;
}

.tel_price_img-area .price-plan-value {
    top: 0;
    right: 0;
    opacity: 0;
    width: 165px;
    height: 165px;
    visibility: hidden;
    padding-top: 40px;
    border-radius: 100%;
    transform: scale(0.5);
    border: 14px solid #03061A;
    background-color: var(--theme-color);
}

.tel_price_img-area .price-plan-value h3 {
    color: #fff;
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
}

.tel_price_img-area .price-plan-value h3 sup {
    bottom: 0;
    font-size: 18px;
}

.tel_price_img-area .price-plan-value p {
    color: #fff;
    font-size: 12px;
}

.tel_price_item-list {
    opacity: 0;
    visibility: hidden;
    padding-top: 20px;
    padding-left: 30px;
    transform: translateY(50px);
}

.tel_price_item-list ul {
    margin-bottom: 50px;
}

.tel_price_item-list li {
    color: #fff;
    font-size: 18px;
    position: relative;
    padding-left: 38px;
    margin-bottom: 30px;
}

.tel_price_item-list li:before {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(../img/icons/check.png);
}

.swiper-slide-active .price-img1 {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: all 1000ms ease;
    transition-delay: 0.3s;
}

.swiper-slide-active .price-img2 {
    opacity: 1;
    left: -25px;
    visibility: visible;
    transition: all 1000ms ease;
}

.swiper-slide-active .price-plan-value {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: all 1000ms ease;
    transition-delay: 0.8s;
}

.swiper-slide-active .tel_price_item-list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 500ms ease;
    transition-delay: 1s;
}

.tel-service-section {
    z-index: 1;
    overflow: hidden;
    padding: 130px 0px 100px;
}

.tel-service-section .tel_line_shape {
    top: -50px;
    left: -150px;
}

.tel-service-section .tel_line_shape2 {
    right: 0;
    top: 155px;
    z-index: -1;
}

.tel-service-section .tel_line_shape3 {
    top: 220px;
    right: 160px;
}

.tel-service-content {
    padding-top: 50px;
}

.tel-service-item-2 {
    z-index: 1;
    width: 305px;
    height: 305px;
    margin: 0 auto;
    padding: 0px 25px 10px;
}

.tel-service-item-2:before, .tel-service-item-2:after {
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    border-radius: 20px;
    transform: rotate(45deg);
    transform: rotate(45deg);
    border: 2px solid var(--theme-color);
}

.tel-service-item-2:after {
    z-index: -1;
    display: none;
    background: var(--base-gradient);
}

.tel-service-item-2 .service-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 100%;
    background-color: #fbe6e8;
}

.tel-service-item-2 .service-text h3 {
    color: #ff0000;
    margin: 0 auto;
    font-size: 20px;
    max-width: 250px;
    font-weight: 700;
    padding-bottom: 10px;
}

.tel-service-item-2 .service-text p {
    margin: 0 auto;
    font-size: 14px;
    max-width: 300px;
}

.tel-service-item-2.active:after {
    display: block;
}

.tel-service-item-2.active .service-text h3 {
    color: #fff;
}

.tel-service-item-2.active .service-text p {
    color: #fff;
}

.tel-bottom-text {
    padding-top: 20px;
    text-align: center;
}

.tel-bottom-text a {
    position: relative;
    display: inline-block;
    color: var(--theme-color);
}

.tel-bottom-text a:before {
    left: 0;
    right: 0;
    bottom: 0;
    width: 0%;
    content: "";
    height: 1px;
    margin: 0 auto;
    position: absolute;
    transition: all 500ms ease;
    background-color: var(--theme-color);
}

.tel-bottom-text a:hover:before {
    width: 100%;
}

.tel-service-item {
    margin: 0 auto;
    max-width: 300px;
    margin-bottom: 30px;
}

.tel-service-item:before, .tel-service-item:after {
    left: 0;
    right: 0;
    width: 0%;
    bottom: 0;
    content: "";
    height: 1px;
    margin: 0 auto;
    position: absolute;
    transition: all 0.3s linear 0s;
}

.tel-service-item:before {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
}

.tel-service-item:after {
    background-color: var(--theme-color);
}

.tel-service-item .service_more {
    width: 85%;
    margin: 0 auto;
    padding: 10px 18px;
    border-radius: 10px 10px 0px 0px;
    background-color: var(--theme-color);
    transform: translateY(50px);
    transition: all 500ms ease;
}

.tel-service-item .service_more a {
    color: #fff;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}

.tel-service-item .service_more a:hover {
    letter-spacing: 3px;
}

.tel-service-item .service-img {
    z-index: 2;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}

.tel-service-item .service-img:before {
    top: 0;
    z-index: 1;
    width: 100%;
    content: "";
    opacity: 0;
    height: 100%;
    position: absolute;
    transition: all 500ms ease;
    background-color: rgba(0, 0, 0, 0.3);
}

.tel-service-item .service-img img {
    transition: all 500ms ease;
    transform: scale(1.1);
}

.tel-service-item .service-text {
    padding: 15px 0px;
}

.tel-service-item .service-text h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.tel-service-item:hover .service-img:before {
    opacity: 1;
}

.tel-service-item:hover .service-img img {
    transform: scale(1);
}

.tel-service-item:hover:after {
    width: 100%;
    transition-delay: 0.5s;
}

.tel-service-item:hover .service_more {
    transition-delay: 0.3s;
    transform: translateY(0px);
}

.tel-service-section-2 {
    z-index: 1;
    overflow: hidden;
    padding: 130px 0px;
}

.tel-service-section-2 .service-bg {
    top: 0;
    right: 0;
    z-index: -1;
}

.tel-service-top-content .tel-section-title {
    max-width: 470px;
}

.tel-service-top-content .tel-service-top-text-btn {
    padding-top: 8px;
    max-width: 605px;
}

.tel-service-top-content .tel-service-top-text-btn p {
    padding-bottom: 30px;
}

.tel-service-slider-area {
    padding-top: 50px;
}

.tel-service-slide-item {
    overflow: hidden;
    max-width: 430px;
    border-radius: 10px;
}

.tel-service-slide-item .service-flipbox {
    position: relative;
    transition-property: box-shadow, transform;
    transition-duration: 0.6s;
    transform-style: preserve-3d;
}

.tel-service-slide-item .service-icon {
    top: 25px;
    left: 25px;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--theme-color);
}

.tel-service-slide-item .service-img {
    overflow: hidden;
}

.tel-service-slide-item .service-text {
    left: 0;
    bottom: 0;
    width: 90%;
    padding: 28px 25px;
    backdrop-filter: blur(10px);
    border-radius: 0px 0px 0px 10px;
    background: rgba(2, 4, 31, 0.2);
}

.tel-service-slide-item .service-text h3 a {
    color: #F8F6F4;
    font-size: 20px;
}

.tel-service-slide-item .service-text .more_icon {
    top: 0;
    width: 85px;
    height: 85px;
    right: -25px;
    border-radius: 20px;
    background-color: var(--theme-color);
    border: 6px solid rgba(255, 255, 255, 0.3);
}

.tel-service-slide-item .service-hover-item {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: rotateY(180deg) translateZ(1px);
}

.tel-service-slide-item .service-hover-item .service-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.tel-service-slide-item .service-hover-item .service-bg:before {
    top: 0;
    left: 0;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    backdrop-filter: blur(10px);
    background: linear-gradient(90deg, rgba(225, 4, 25, 0.2) 0%, rgba(143, 8, 21, 0.2) 100%);
}

.tel-service-slide-item .service-hover-item .service-hvr-icon {
    top: -130px;
    width: 100%;
    height: 230px;
    border-radius: 50%;
    padding-bottom: 15px;
    background-color: var(--theme-color);
}

.tel-service-slide-item .service-hover-item .service-hvr-text {
    padding: 135px 30px 0px;
}

.tel-service-slide-item .service-hover-item .service-hvr-text h3 {
    padding-bottom: 20px;
}

.tel-service-slide-item .service-hover-item .service-hvr-text h3 a {
    color: #fff;
    font-size: 22px;
}

.tel-service-slide-item .service-hover-item .service-hvr-text p {
    padding-bottom: 55px;
    color: rgba(248, 246, 244, 0.9);
}

.tel-service-slide-item .service-hover-item .service-hvr-text .service-hvr-more {
    width: 100%;
    color: #fff;
    font-size: 15px;
    padding: 22px 30px;
    border-radius: 10px;
    text-align: initial;
    display: inline-block;
    background-color: rgba(225, 4, 25, 0.7);
}

.tel-service-slide-item .service-hover-item .service-hvr-text .service-hvr-more span {
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 5px;
    backdrop-filter: blur(10px);
    border: 6px solid rgba(255, 255, 255, 0.5);
    background: linear-gradient(90deg, #E10419 0%, #8F0815 100%);
}

.tel-service-slide-item .service-hover-item .service-hvr-text .service-hvr-more:hover {
    letter-spacing: 3px;
    transition: all 500ms ease;
}

.tel-service-slide-item:hover .service-flipbox {
    transform: rotateY(180deg);
    transform-origin: 50% 50%;
}

.tel-service-slider-area {
    margin: 0 auto;
    padding-top: 55px;
    max-width: 1920px;
}

.tel-service-slider-area .tel-service-slider {
    margin: 0 -135px 0 0;
    max-width: 1735px;
}

.tel-service-pagination-carousel {
    margin-top: 50px;
}

.tel-service-pagination-carousel .tel-service-carousel {
    margin-left: 20px;
}

.tel-service-pagination-carousel .tel-slider-arrow {
    width: 52px;
    color: var(--theme-color);
    height: 52px;
    font-size: 25px;
    margin-left: 15px;
    border-radius: 100%;
    border: 2px solid var(--theme-color);
    transition: all 500ms ease;
}

.tel-service-pagination-carousel .tel-slider-arrow:hover {
    color: #fff;
    background-color: var(--theme-color);
}

.tel-service-pagination-carousel .swiper-service-paginations {
    width: 100%;
    height: 5px;
    display: flex;
    border-top: 1px solid #1d1c1c;
}

.tel-service-pagination-carousel .swiper-service-paginations .swiper-pagination-bullet {
    width: 50%;
    height: 4px;
    border-radius: 0;
    margin-top: -3px;
    transition: all 500ms ease;
}

.tel-service-pagination-carousel .swiper-service-paginations .swiper-pagination-bullet-active {
    background-color: var(--theme-color);
}

@media screen and (max-width: 1500px) {
    .tx-header.header_style_four .tel-header-content {
        padding-right: 15px;
    }

    .tel-main-slider-text {
        padding-left: 40px;
    }

    .tel-main-slider-item .tel-main-slider-img {
        right: -60px;
    }

    .tel-about-section {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1400px) {
    .tel-main-slider-text {
        padding-left: 120px;
    }

    .tel-main-slider-item .tel-main-slider-img {
        right: -130px;
    }

    .tel-about-img-area {
        max-width: 730px;
    }

    .tel-about-img1 .tel-about-imgtext {
        bottom: 60px;
    }

    .tel-about-img1:before {
        bottom: 40px;
    }

    .tel-service-slide-item {
        margin: 0 auto;
    }

    .tel-cta-section .tel-cta-img {
        left: 0;
    }
}

@media screen and (max-width: 1300px) {
    .tel-slider-side {
        width: 60px;
    }

    .tel-main-slider-text {
        padding-left: 95px;
    }

    .tel-about-img-area {
        max-width: 625px;
    }

    .tel-about-img1 .tel-about-imgtext {
        bottom: 150px;
    }

    .tel_price_img-area .price-img2 {
        display: none;
    }
}

@media screen and (max-width: 1250px) {
    .tel-slider-side {
        display: none !important;
    }

    .tel-service-item-2:before, .tel-service-item-2:after {
        transform: inherit;
    }

    .tx-header.header_style_four .tel-header-content {
        margin-left: 0;
        padding-left: 15px;
    }

    .tel-main-slider-text {
        padding-left: 0;
    }

    .tel-counter-item .counter-text h3 {
        font-size: 35px;
    }

    .tel-counter-item .counter-icon {
        height: 50px;
        width: 50px;
    }

    .tel-about-content {
        flex-wrap: wrap;
    }

    .tel-about-img-area {
        width: 100%;
        max-width: 100%;
        margin-bottom: 40px;
        justify-content: center;
    }

    .tel-about-img1 .tel-about-imgtext {
        bottom: 60px;
    }

    .tel-about-img1:before {
        bottom: 0;
    }

    .tel-about-text-area {
        margin-left: 0;
        margin: 0 auto;
    }

    .tel-team-slider-area {
        margin-right: -330px;
    }
}

@media screen and (max-width: 1150px) {
    .tel-main-slider-item .tel-main-slider-img {
        display: none;
    }

    .tel-main-slider-item .slider-side-img1,
    .tel-main-slider-item .slider-side-img2 {
        display: none;
    }

    .tel-main-slider-text {
        text-align: center;
    }

    .tel-main-slider-item .tel-main-slider-text .tel-slider-video-area {
        justify-content: center;
    }

    .tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area {
        justify-content: center;
    }

    .tel-service-slider-area .tel-service-slider,
    .tel-team-slider {
        margin: 0;
    }

    .tel-team-content {
        flex-wrap: wrap;
    }

    .tel-team-text-area {
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .tel-team-slider-area {
        margin-right: 0;
        padding-left: 0;
        max-width: 100%;
        display: block !important;
    }

    .tel-promotion-video-item .promo-indicator {
        display: none;
    }

    .tel-promo-arrow {
        top: 50%;
        transform: translateY(-50%);
    }

    .tel-promo-arrow.promo-button-prev {
        left: 15px;
    }

    .tel-promo-arrow.promo-button-next {
        right: 15px;
    }

    .tel-testimonial-section .tel_line_shape2,
    .tel-promotion-video-section .tel_line_shape {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .tx-main-menu ul li:not(:last-child) {
        margin-right: 20px;
    }

    .tx-searchCartLang-wrapper {
        gap: 15px;
    }

    .tel-main-slider-item .tel-main-slider-text-img {
        padding: 200px 0px 150px;
    }

    .tel-service-section .tel_line_shape,
    .tel-service-section .tel_line_shape2,
    .tel-service-section .tel_line_shape3 {
        display: none;
    }

    .tel-service-top-content .tel-service-top-text-btn {
        max-width: 400px;
    }

    .tel-footer-widget .address-widget .address-mail {
        font-size: 20px;
    }

    .tel-cta-section .tel-cta-img {
        left: -30%;
    }

    .tel-footer-widget .menu-widget {
        padding-left: 20px;
    }
}

@media screen and (max-width: 991px) {
    .tx-header.header_style_four .tel-header-content {
        padding: 25px 15px;
    }

    .mobile_menu_button {
        display: block;
    }

    .tel_price_img-area {
        margin: 0 auto;
        max-width: 650px;
        margin-bottom: 50px;
    }

    .tel_price_item-list {
        margin: 0 auto;
        max-width: 400px;
    }

    .tel-testimonial-item .testimonial-text p {
        font-size: 26px;
    }

    .tel-faq-img-area {
        margin: 0 auto;
        max-width: 600px;
        margin-bottom: 40px;
    }

    .tel-contact-img-area {
        margin: 0 auto;
        max-width: 500px;
    }

    .tel-contact-text-area {
        margin: 0 auto;
        padding-left: 0;
        max-width: 550px;
    }

    .tel-footer-widget .menu-widget {
        padding-left: 0;
    }

    .tel-footer-widget {
        margin-bottom: 20px;
    }

    .tel-service-top-content {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 800px) {
    .tel-service-top-content .tel-service-top-text-btn {
        justify-content: start !important;
    }

    .tel-portfolio-content .grid-size-50,
    .tel-portfolio-content .grid-size-25 {
        width: 100%;
    }

    .tel-blog-top-content {
        flex-wrap: wrap;
    }

    .tel-section-title h2 {
        padding-bottom: 15px;
    }

    .tel-main-slider-area .swiper-pagination {
        width: 100%;
        position: static;
        text-align: center;
        padding-bottom: 50px;
        transform: translateY(0);
    }

    .tel-main-slider-area .swiper-pagination .swiper-pagination-bullet {
        margin: 0px 8px;
        display: inline-block;
    }

    .tel-main-slider-area .swiper-pagination .swiper-pagination-bullet:before {
        display: none;
    }

    .tel-main-slider-item .tel-main-slider-text-img {
        padding: 180px 0px 80px;
    }
}

@media screen and (max-width: 680px) {
    .tel-main-slider-item .tel-main-slider-text h1 {
        font-size: 50px;
    }

    .tel-main-slider-item .tel-main-slider-text .tel-slider-video-area h2 {
        font-size: 50px;
    }

    .tel-slide-video-btn {
        width: 200px;
    }

    .tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing h3 {
        font-size: 30px;
    }

    .tel-section-title h2 {
        font-size: 40px;
    }

    .tel-service-content {
        padding-top: 20px;
    }

    .tel-testimonial-item {
        flex-wrap: wrap;
    }

    .tel-testimonial-item .testimonial-img-area {
        margin-bottom: 30px;
    }

    .tel-testimonial-item .testimonial-img-area:before {
        display: none;
    }

    .tel-testimonial-carousel {
        margin-top: 20px;
        justify-content: start !important;
    }

    .tel-contact-section {
        margin: 0;
    }

    .tel-contact-content {
        padding: 40px 20px;
    }

    .tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area {
        flex-wrap: wrap;
    }

    .tel-main-slider-item .tel-main-slider-text .slider-pricing-btn-area .slider-pricing {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    .tel-main-slider-item .tel-main-slider-text h1 {
        font-size: 38px;
        padding-bottom: 20px;
    }

    .tel-main-slider-item .tel-main-slider-text .tel-slider-video-area h2 {
        font-size: 40px;
    }

    .tel-counter-item .counter-text h3 {
        font-size: 30px;
    }

    .tel-service-section {
        padding: 100px 0px 60px;
    }

    .tel-section-title h2 {
        font-size: 35px;
    }

    .tel-about-img-area {
        flex-wrap: wrap;
    }

    .tel-about-img1 {
        margin-bottom: 30px;
    }

    .tel-about-featured-area {
        border: none;
        flex-wrap: wrap;
    }

    .tel-about-feature-video-list {
        padding-left: 0;
    }

    .tel-about-cta-btn .tel-about-cta {
        margin-top: 20px;
    }

    .tel-about-section {
        padding: 80px 15px;
    }

    .tel-service-section-2,
    .tel-price-section,
    .tel-team-section,
    .tel-cta-section,
    .tel-promotion-video-section,
    .tel-faq-section {
        padding: 80px 0px;
    }

    .tel-cta-text .tel-section-title h2 {
        font-size: 36px;
    }

    .tel-testimonial-section {
        padding-bottom: 60px;
    }

    .tel-faq-img-area .faq-img1 {
        display: none;
    }

    .tel-contact-section {
        padding: 80px 0px;
    }
}

.tel-testimonial-section-4 .tel-testimonial-side-img {
    left: 0;
    top: -80px;
}

.tel-testimonial-top-content-4 {
    margin-left: 400px;
    margin-top: -100px;
}

.tel-testimonial-top-content-4 .tel-section-title-2 {
    max-width: 460px;
}

.tel-testimonial-top-content-4 .tel-section-title-2 h3 span {
    color: #fff;
}

.tel-testimonial-slider-area-4 {
    margin: 0 auto;
    overflow: hidden;
    padding-top: 55px;
    max-width: 1920px;
}

.tel-testimonial-item-4 {
    padding: 50px;
    background: #FFF;
    border-radius: 10px;
    border: 1px solid rgba(2, 6, 38, 0.1);
}

.tel-testimonial-item-4 .testimonial-author .author-img {
    width: 90px;
    height: 90px;
    overflow: hidden;
    margin-right: 25px;
    border-radius: 100%;
}

.tel-testimonial-item-4 .testimonial-author .author-text h3 {
    color: #ff0000;
    font-size: 22px;
    font-weight: 600;
}

.tel-testimonial-item-4 .testimonial-author .author-text span {
    font-size: 14px;
}

.tel-testimonial-item-4 .testimonial-text {
    color: #ff0000;
    font-size: 22px;
    margin-top: 40px;
    line-height: 42px;
}

.tel-testimonial-slider-4 {
    margin: 0 -330px 0 0;
    max-width: 1920px;
}

.tel-testi-paginations {
    margin-top: 60px;
}

.tel-testi-paginations .swiper-pagination-bullet {
    width: 20px;
    opacity: 1;
    height: 20px;
    position: relative;
    border-radius: 100%;
    background-color: #efcdd0;
    margin: 0px 14px;
}

.tel-testi-paginations .swiper-pagination-bullet:before {
    top: -8px;
    left: -9px;
    width: 37px;
    content: "";
    height: 37px;
    position: absolute;
    transform: scale(0);
    transform: scale(0);
    border-radius: 100%;
    transition: all 500ms ease;
    transition: all 500ms ease;
    border: 2px solid var(--theme-color);
}

.tel-testi-paginations .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--base-gradient-4);
}

.tel-testi-paginations .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    transform: scale(1);
    transform: scale(1);
}

.tel-sponsor-cta-section {
    z-index: 1;
    overflow: hidden;
    padding-bottom: 128px;
}

.tel-cta-text {
    max-width: 640px;
}

.tel-cta-text .tel-section-title {
    margin-bottom: 30px;
}

.tel-cta-text .tel-section-title h2 {
    font-size: 54px;
}

.tel-cta-text .tel-about-cta span {
    color: rgba(255, 255, 255, 0.8);
}

.tel-cta-text .tel-about-cta .cta-icon {
    background-color: var(--theme-color);
}

.tel-cta-text .tel-about-cta .cta-icon i {
    color: #fff;
}

.tel-sponsor-cta-section:before {
    left: 0;
    width: 60%;
    content: "";
    z-index: -1;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center center;
}

.tel-sponsor-cta-content {
    width: 54%;
}

.tel-sponsor-cta-content .tel-main-slider-sponsor-area {
    width: 100%;
    margin-left: 0;
    padding: 47px 50px;
    background: var(--base-gradient-4);
}

.tel-sponsor-cta-content .tel-cta-content {
    padding-top: 95px;
}

.tel-sponsor-cta-content .tel-section-title-2 h3 {
    color: #fff;
}

.tel-sponsor-cta-content .tel-section-title-2 p {
    color: #fff;
}

.tel-sponsor-cta-content .tel-cta-pricing-area {
    margin-top: 30px;
    backdrop-filter: 0;
    backdrop-filter: 0;
    background-color: transparent;
    border: 1px dashed rgba(255, 255, 255, 0.7);
}

.tel-sponsor-cta-content .tel-btn-2 {
    margin-right: 40px;
}

.tel-sponsor-video-play {
    width: 46%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.tel-sponsor-video-play:after {
    left: 114px;
    width: 143px;
    content: "";
    height: 143px;
    bottom: -143px;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.tel-sponsor-video-play .play-icon {
    left: 0;
    top: 50%;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    transform: translateY(-50%);
}

.tel-sponsor-video-play .play-icon a {
    width: 175px;
    height: 175px;
    font-size: 30px;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #fff;
    border: 23px solid #ebc8bf;
}

/* BLOG PAGE CSS START */
.tx-blog-box {
    background: var(--white);
    transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.tx-blog-box__tx-title a {
    font-size: 26px;
    font-weight: 500;
    color: var(--heading-color);
}

.tx-blog-box__meta li {
    padding: 0px !important;
    position: relative;
    transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.tx-blog-box__meta li:not(:last-child) {
    margin-right: 30px;
}

.tx-blog-box__meta li:not(:last-child)::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    width: 1px;
    height: 24px;
    left: auto;
    top: 50%;
    right: -15px;
    background: var(--black);
    opacity: 0.1;
    transform: translateY(-50%);
}

.tx-blog-box__meta li a {
    font-size: 14px;
    color: var(--heading-color);
}

.tx-blog-box__meta li i {
    color: var(--theme-color);
    margin-right: 5px;
}

.tx-blog-box__meta li:hover a {
    color: var(--theme-color);
}

.tx-blog-box__tx-excerpt p {
    font-size: 17px;
    line-height: 1.7;
}

.tx-blog-box__tx-excerpt blockquote {
    margin-bottom: 0px;
}

.tx-blog-box__tx-excerpt blockquote p {
    margin-bottom: 0px !important;
    font-size: 20px;
    color: var(--heading-color);
    line-height: 1.8;
}

.tx-blog-box__tx-excerpt blockquote cite {
    color: var(--theme-color);
    font-size: 17px;
    margin-top: 20px;
}

.tx-blog-box:hover .tx-thumb-zoom img {
    transform: scale(1.1);
}

.tx-blog-box:hover .tx-thumb-zoom .owl-item img {
    transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tx-blog-box:hover .tx-border-effect a {
    background-size: 100% 2px;
    color: var(--theme-color);
}

.postbox__audio iframe {
    width: 100%;
    min-height: 300px;
}

.format-quote .tx-blog-box__tx-content-wrapper {
    background: var(--theme-light-color-3);
}

blockquote i {
    font-size: 40px;
    color: var(--theme-color);
    margin-right: 8px;
}

.format-gallery .tx-thumb img {
    width: 100%;
}

.format-gallery .swiper-container {
    border-radius: 25px;
}

.format-gallery .tx-slideNav div {
    width: 50px;
    height: 50px;
    color: var(--theme-color);
    background: var(--white);
    left: 50px;
    font-size: 15px;
}

.format-gallery .tx-slideNav div.swiper-button-next {
    right: 50px;
    left: auto;
}

.format-gallery .tx-slideNav div:hover {
    background: var(--heading-color);
}

/* BLOG PAGE CSS END */
/* BLOG DETAILS PAGE CSS START */
.tx-detailsWrapper p {
    line-height: 1.8;
}

.tx-detailsWrapper p:not(:last-child) {
    margin-bottom: 25px;
}

.tx-tagSocial-wrapper {
    clear: both;
}

.tx-tagSocial-wrapper .tx-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.tx-tagSocial-wrapper .tx-title {
    font-size: 20px;
    color: var(--heading-color);
    font-weight: 600;
    margin-right: 10px;
}

.txWrapper blockquote {
    background: var(--theme-light-color-3) !important;
    border-radius: 20px;
    border: none !important;
    box-shadow: none !important;
}

.txWrapper blockquote p {
    font-size: 20px;
    color: var(--heading-color);
}

.txWrapper blockquote cite {
    color: var(--theme-color);
    font-size: 17px;
    margin-top: 5px;
}

.txWrapper blockquote cite::before {
    display: none;
}

/* BLOG DETAILS PAGE CSS END */
/* SHOP PAGE CSS START */
.tx-shopOrder-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(2, 6, 38, 0.15);
    border-radius: 10px;
    padding: 8px;
    padding-left: 20px;
}

.tx-shopOrder-wrapper p {
    font-size: 15px;
    color: var(--heading-color);
}

.tx-rightWrapper {
    gap: 5px;
}

.tx-sortingTabWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.tx-sortingTabWrapper a {
    border: 1px solid rgba(2, 6, 38, 0.15);
    border-radius: 10px;
    min-height: 54px;
    min-width: 54px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--pera-color);
    font-size: 24px;
}

.tx-sortingTabWrapper a:hover, .tx-sortingTabWrapper a.active {
    background: var(--theme-color);
    color: var(--white);
    border-color: var(--theme-color);
}

.tx-sortingWrapper .nice-select {
    border: 1px solid rgba(2, 6, 38, 0.15);
    border-radius: 10px;
    height: 54px;
    min-height: 54px;
    line-height: 54px;
    padding-left: 15px;
    padding-right: 45px;
    min-width: 190px;
}

.tx-sortingWrapper .nice-select .current {
    line-height: 100%;
    font-size: 14px;
}

.tx-sortingWrapper .nice-select::after {
    right: 15px;
    border-bottom: 1.5px solid var(--heading-color);
    border-right: 1.5px solid var(--heading-color);
    height: 8px;
    width: 8px;
}

.tx-sortingWrapper .nice-select .list li {
    font-size: 12px;
    font-weight: 400;
}

/* SHOP PAGE CSS END */
/* SHOP DETAILS PAGE CSS START */
.tx-productDetailsWrapper .tx-product-title {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 15px;
}

.tx-productDetailsWrapper .price {
    font-weight: 500;
    font-size: 22px;
    color: var(--theme-color);
}

.tx-productDetailsWrapper .price span {
    color: var(--theme-color);
}

.tx-productDetailsWrapper .price del {
    color: var(--theme-color);
    opacity: 1;
}

.tx-productDetailsWrapper .price del .amount {
    text-decoration: line-through;
}

.tx-productDetailsWrapper .tx-button {
    padding: 10px 30px;
    min-height: 50px;
}

.tx-productDetailsWrapper .tx-button i {
    margin-right: 5px;
}

.tx-productDetailsWrapper tr {
    margin-top: 15px;
    display: block;
}

.tx-productDetailsWrapper .variations_form {
    padding-top: 15px;
}

.tx-productDetailsWrapper .variations_form label {
    margin-right: 15px;
    transform: translateY(6px);
    min-width: 50px;
    font-weight: 500 !important;
}

.tx-productDetailsWrapper .variations_form tr {
    vertical-align: middle;
}

.tx-productDetailsWrapper .variations_form .tx-quantity-wrapper {
    margin-top: 0px;
}

.tx-productDetailsWrapper .variations_form table {
    margin-bottom: 0px !important;
}

.tx-productDetailsWrapper .variations_form .woocommerce-variation-price {
    margin-bottom: 25px;
}

.tx-productDetailsWrapper .grouped_form tr {
    margin-top: 0px;
}

.tx-productDetailsWrapper .grouped_form tr td {
    padding-bottom: 0.5em;
    border: 0;
    position: relative;
    vertical-align: middle !important;
}

.tx-productDetailsWrapper .nice-select {
    height: 50px;
    line-height: 50px;
    min-height: 50px;
    padding-right: 45px;
    padding-left: 15px;
}

.tx-productDetailsWrapper .nice-select::after {
    border-width: 2px;
    border-color: var(--heading-color);
    width: 7px;
    height: 7px;
    right: 15px;
}

.tx-productDetailsWrapper .woo-variation-product-gallery {
    max-width: 100% !important;
}

.tx-productDetailsWrapper .woo-variation-gallery-thumbnail-slider {
    display: flex !important;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    border-radius: 10px !important;
    transform: translate(-20px, 0px);
}

.tx-productDetailsWrapper .woo-variation-gallery-thumbnail-slider div {
    border-radius: 10px !important;
    opacity: 1 !important;
}

.tx-productDetailsWrapper .woo-variation-gallery-thumbnail-slider .wvg-gallery-thumbnail-image {
    width: 72px !important;
    border: 1px solid rgba(2, 6, 38, 0.1);
    border-radius: 20px;
}

.tx-productDetailsWrapper .woo-variation-gallery-thumbnail-slider .wvg-gallery-thumbnail-image img {
    object-fit: contain;
    border-radius: 10px !important;
}

.tx-productDetailsWrapper .woo-variation-gallery-thumbnail-slider .wvg-gallery-thumbnail-image.current-thumbnail {
    border-color: var(--theme-color);
}

.tx-productDetailsWrapper .wvg-single-gallery-image-container {
    background: var(--theme-light-color-3);
    border-radius: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 555px;
}

.tx-productDetailsWrapper .wvg-single-gallery-image-container img {
    object-fit: contain !important;
    width: auto;
}

.tx-ratingStars {
    gap: 5px;
}

.tx-ratingStars i {
    color: var(--theme-yellow);
    font-size: 20px;
}

.tx-ratingWrapper {
    gap: 10px;
}

.tx-ratingWrapper .tx-ratingText {
    font-size: 17px;
}

.tx-quantity-wrapper {
    margin-top: 25px;
}

.tx-quantity-wrapper form {
    margin-bottom: 0px;
}

.tx-quantity-wrapper .tx-product-quantity {
    flex-wrap: wrap;
    margin-top: -15px;
}

.tx-quantity-wrapper .tx-quantity {
    margin-top: 15px;
}

.tx-quantity-wrapper .tx-button {
    margin-top: 15px;
}

.tx-input-plus-minus {
    margin-right: 20px;
    position: relative;
}

.tx-input-plus-minus input {
    padding: 10px 30px;
    border-radius: 0px;
    min-height: 50px;
    border: 1px solid rgba(2, 6, 38, 0.1);
    border-radius: 40px;
    color: var(--black);
    max-width: 100px;
}

.tx-input-plus-minus input::placeholder {
    color: var(--black);
}

.tx-qty-btn-wrapper {
    flex-direction: column;
    min-height: 20px;
    width: 10px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.tx-qty-btn-wrapper span {
    cursor: pointer;
    width: 10px;
    height: 10px;
    text-align: center;
    font-size: 10px;
    color: #4a4c51;
    display: block;
    transition: 0.2s linear;
}

.tx-qty-btn-wrapper span:hover {
    color: var(--theme-color);
}

.woocommerce-product-details__short-description {
    margin-top: 30px;
}

.woocommerce-product-details__short-description P {
    font-size: 17px;
    line-height: 1.8;
}

.product_meta {
    margin-top: 10px;
}

.product_meta a,
.product_meta span {
    text-transform: capitalize;
    font-weight: 400;
    color: var(--heading-color);
}

.product_meta>span {
    display: block;
    color: var(--pera-color);
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 8px;
}

.product_meta a:hover {
    color: var(--theme-color);
}

.tx-thumbWrapper .big-img {
    border-radius: 30px;
}

.tx-thumbWrapper .big-img img {
    border-radius: 30px;
}

.tx-productGalleryNav {
    gap: 15px;
}

.tx-productGalleryNav .nav-link {
    border: 1px solid rgba(2, 6, 38, 0.1);
    border-radius: 10px;
    max-width: 70px;
}

.tx-productGalleryNav .nav-link img {
    border-radius: 10px;
}

.tx-productGalleryNav .nav-link:hover, .tx-productGalleryNav .nav-link.active {
    border-color: var(--theme-color);
}

.tx-productTabNav {
    border-bottom: 1px solid rgba(2, 6, 38, 0.1);
    gap: 25px;
}

.tx-productTabNav .nav-link {
    font-weight: 500;
    font-size: 20px;
    color: var(--heading-color);
    position: relative;
    padding: 0px;
    padding-bottom: 20px;
}

.tx-productTabNav .nav-link::after {
    position: absolute;
    left: 0;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    top: auto;
    bottom: -1px;
    height: 2px;
    background: var(--theme-color);
    width: 0px;
    transition: 0.3s linear;
}

.tx-productTabNav .nav-link:hover, .tx-productTabNav .nav-link.active {
    color: var(--theme-color);
}

.tx-productTabNav .nav-link:hover::after, .tx-productTabNav .nav-link.active::after {
    background: var(--theme-color);
    width: 100%;
}

.tx-productReviewText h4 {
    font-size: 16px;
    color: var(--heading-color);
    text-transform: capitalize;
}

.tx-productReviewText h4 span {
    font-size: 12px;
    color: var(--heading-color);
}

.tx-productReviewText .tx-ratingStars {
    padding: 8px 0px;
    gap: 2px;
}

.tx-productReviewText .tx-ratingStars i {
    font-size: 14px;
}

.tx-review-form .comment-respond {
    padding: 40px !important;
    padding-top: 30px !important;
}

.tx-review-form textarea {
    max-height: 155px;
}

.woocommerce p.stars {
    line-height: 100%;
    margin-bottom: 0px !important;
    font-size: 20px;
    padding-left: 10px;
}

.woocommerce p.stars a::before {
    color: var(--theme-yellow);
}

.woocommerce p.stars:hover a {
    color: var(--theme-yellow);
}

.woocommerce p.stars:hover a::before {
    color: var(--theme-yellow);
}

.tx-productTabWrapper .hideOn-product-details {
    display: none;
}

/* SHOP DETAILS PAGE CSS END */
/* cart page css start */
.tx-tableHead {
    background: var(--heading-color);
    border-radius: 20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.tx-tableHead th {
    color: var(--white);
    font-size: 20px;
    font-weight: 600 !important;
    border: none !important;
    padding: 25px !important;
}

.tx-tableHead th:first-child {
    border-top-left-radius: 20px;
}

.tx-tableHead th:last-child {
    border-top-right-radius: 20px;
}

.tx-tableBody td {
    padding: 25px !important;
}

.tx-productName a {
    font-size: 17px;
    font-weight: 500;
}

.tx-productName a:hover {
    color: var(--theme-color);
}

.tx-productQuantity .tx-input-plus-minus {
    max-width: 100px;
}

.woocommerce .tx-productRemove a {
    width: 48px;
    height: 48px;
    background: var(--theme-light-color-3);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    margin: 0 0 0 auto !important;
}

.woocommerce .tx-productRemove a:hover {
    background: var(--theme-color);
    color: var(--white);
}

.woocommerce .tx-cartPage-section .button {
    min-height: 66px !important;
    padding: 10px 61px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.woocommerce .tx-cartPage-section .button:hover {
    color: var(--white) !important;
}

.woocommerce .tx-cartPage-section .cart_totals {
    max-width: 500px;
    width: 100%;
}

.tx-cartPage-section table {
    border: none !important;
}

.tx-cartPage-section table tbody {
    border: none;
}

.tx-cartPage-section table tr td {
    border: none;
}

.tx-cartPage-section .tx-productThumb {
    width: 80px !important;
    padding-right: 0px !important;
}

.tx-cartPage-section .tx-productThumb img {
    width: 110px !important;
    height: 105px !important;
    object-fit: cover;
    border-radius: 10px;
}

.tx-cartPage-section .tx-input-field {
    min-height: 66px !important;
    border: 1px solid var(--theme-color) !important;
    min-width: 210px;
    border-radius: 40px;
    color: var(--theme-color);
    padding: 0px 45px !important;
    font-size: 14px;
    font-weight: 600;
    margin: 0px !important;
}

.tx-cartPage-section .tx-input-field::placeholder {
    color: var(--theme-color);
}

.tx-cartPage-section .coupon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

.tx-cartPage-section .actions {
    padding: 0px !important;
    padding-top: 30px !important;
}

.tx-cartPage-section .tx-productPrice {
    font-size: 17px;
    font-weight: 400;
    color: var(--heading-color);
}

.tx-cartPage-section .tx-productPrice span {
    color: var(--heading-color);
}

.tx-coupoonWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tx-coupoonWrapper .coupon {
    width: 70%;
}

.tx-cartPage-cartTotal h2 {
    font-size: 26px;
    font-weight: 700;
    color: var(--heading-color);
}

.tx-cartPage-cartTotal .shop_table {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    border-bottom: 1px solid #e0dedc !important;
    border-radius: 0px !important;
}

.tx-cartPage-cartTotal .shop_table th {
    text-align: left !important;
    border-bottom: 0px !important;
}

.tx-cartPage-cartTotal .shop_table td,
.tx-cartPage-cartTotal .shop_table th {
    font-size: 17px;
    padding: 18px 0px !important;
    padding-left: 0px !important;
    color: var(--pera-color);
    font-weight: 400 !important;
    border-color: #e0dedc !important;
}

.tx-cartPage-cartTotal .shop_table td {
    text-align: right !important;
}

.tx-cartPage-cartTotal .shop_table td span {
    color: var(--heading-color);
}

.tx-cartPage-cartTotal .order-total td,
.tx-cartPage-cartTotal .order-total th {
    font-weight: 500 !important;
    color: var(--heading-color);
}

.tx-cartPage-cartTotal .order-total span {
    color: var(--heading-color);
}

.tx-cartPage-cartTotal .cart_totals {
    border-radius: 20px;
    background: var(--theme-light-color-3);
    padding: 40px;
    padding-top: 30px;
}

.tx-cartPage-cartTotal .wc-proceed-to-checkout {
    padding: 0px !important;
}

.tx-cartPage-cartTotal .tx-button {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 auto;
    padding: 10px 65px !important;
    display: flex !important;
    margin-bottom: 0px !important;
    min-height: 66px !important;
}

/* cart page css end */
/* checkout page css start */
.tx-checkoutPage-section .form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 10px !important;
}

.tx-checkoutPage-section .form-row.place-order {
    margin-bottom: 0px !important;
}

.tx-checkoutPage-section .form-row-first {
    padding-right: 10px !important;
}

@media (max-width: 767px) {
    .tx-checkoutPage-section .form-row-first {
        padding-right: 0px !important;
    }
}

.tx-checkoutPage-section .form-row-last {
    padding-left: 10px !important;
}

@media (max-width: 767px) {
    .tx-checkoutPage-section .form-row-last {
        padding-right: 0px !important;
    }
}

.tx-checkoutPage-section .form-row-first,
.tx-checkoutPage-section .form-row-last {
    width: 50% !important;
}

@media (max-width: 767px) {

    .tx-checkoutPage-section .form-row-first,
    .tx-checkoutPage-section .form-row-last {
        width: 100% !important;
    }
}

.tx-checkoutPage-section .tx-input-field input,
.tx-checkoutPage-section .tx-input-field textarea {
    border: 1px solid rgba(2, 6, 38, 0.1);
    padding: 16px 25px;
    min-height: 60px;
    border-radius: 40px;
    background: transparent;
}

.tx-checkoutPage-section .tx-input-field input::placeholder,
.tx-checkoutPage-section .tx-input-field textarea::placeholder {
    color: var(--pera-color);
}

.tx-checkoutPage-section .tx-input-field input:focus,
.tx-checkoutPage-section .tx-input-field textarea:focus {
    border-color: var(--theme-color);
}

.tx-checkoutPage-section .tx-input-field textarea {
    padding-top: 25px;
}

.tx-checkoutPage-section .tx-input-field .nice-select {
    display: none;
}

.tx-checkoutPage-section .tx-input-field select {
    display: block !important;
}

.tx-checkoutPage-section .tx-input-field label {
    font-size: 16px;
    color: var(--heading-color);
    margin-bottom: 5px;
}

.tx-checkoutPage-section .woocommerce-billing-fields span {
    width: 100% !important;
    display: block;
    border-radius: 40px;
}

.tx-checkoutPage-section .woocommerce-billing-fields label span {
    display: inline-block;
    width: auto !important;
}

.tx-checkoutPage-section h3 {
    font-size: 34px !important;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    color: var(--heading-color);
}

.tx-checkoutPage-section .woocommerce-additional-fields .woocommerce-input-wrapper {
    width: 100%;
}

.tx-checkoutPage-section .woocommerce-additional-fields .woocommerce-input-wrapper textarea {
    min-height: 120px;
}

.tx-checkoutPage-section .woocommerce-additional-fields h3 {
    margin-top: 20px;
}

.tx-checkoutPage-section span.select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--black);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
}

span.select2-selection__arrow {
    display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 25px;
    background: #fff url(../img/icons/icon-select-dark.png) calc(100% - 25px) 28px no-repeat;
    background-size: 8px 7px;
    border-bottom: 1px solid rgba(2, 6, 38, 0.1);
    color: var(--pera-color);
    font-size: 14px;
    border-radius: 40px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 1px solid rgba(2, 6, 38, 0.1);
    border-radius: 0;
    height: 60px;
    color: var(--pera-color);
    border-radius: 40px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(2, 6, 38, 0.1);
    border-radius: 40px;
    padding: 10px 15px;
}

.select2-dropdown {
    border-radius: 0px;
    border-color: rgba(2, 6, 38, 0.1);
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--heading-color);
    color: var(--white);
}

.select2-dropdown .select2-results ul li {
    margin: 0;
    height: auto;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    line-height: 1.5em;
    border-radius: 40px;
}

.select2-container--open .select2-dropdown--below {
    padding: 10px;
    border-radius: 40px;
    background: var(--theme-light-color-3);
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--theme-color);
    color: var(--white);
}

.woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0px;
}

.woocommerce-checkout #payment ul.wc_payment_methods {
    border: none;
    padding: 0px;
}

.woocommerce-checkout #payment ul.wc_payment_methods li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--black);
}

.woocommerce-checkout #payment .place-order {
    padding: 0px !important;
    margin-bottom: 0px;
}

.illa-order-details-wrapper {
    padding-right: 20px;
}

.illa-order-review-wrapper {
    padding-left: 20px;
}

.woocommerce-form-login {
    border: 1px solid rgba(2, 6, 38, 0.1) !important;
    padding: 30px !important;
    border-radius: 0px !important;
    max-width: 600px;
    margin: 0 auto !important;
    margin-bottom: 30px !important;
}

.woocommerce-form-login p:first-child {
    margin-bottom: 15px;
    font-size: 14px;
    text-align: center;
}

.woocommerce-form-login p.form-row {
    width: 66% !important;
}

@media (max-width: 767px) {
    .woocommerce-form-login p.form-row {
        width: 100% !important;
        margin-bottom: 15px;
    }
}

.woocommerce-form-login p.form-row-last {
    width: 33% !important;
}

@media (max-width: 767px) {
    .woocommerce-form-login p.form-row-last {
        float: none;
        margin: 0 auto;
        width: auto !important;
    }
}

.woocommerce-form-login input {
    width: 100%;
    border: 1px solid #efefef;
    padding: 16px 30px;
    color: #999;
}

.woocommerce-form-login input:focus {
    border-color: rgba(2, 6, 38, 0.1);
}

.woocommerce-form-login button.illa-woo-btn {
    background: transparent !important;
    border: 1px solid rgba(2, 6, 38, 0.1) !important;
    color: var(--pera-color) !important;
    padding: 18px 25px !important;
    padding-bottom: 16px !important;
}

.woocommerce-form-login button.illa-woo-btn:hover {
    background: var(--theme-color) !important;
    color: var(--white) !important;
}

.woocommerce .track_order,
.woocommerce form.checkout_coupon {
    border: 1px solid rgba(2, 6, 38, 0.1) !important;
    border-radius: 0px !important;
    max-width: 600px;
    padding: 30px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.woocommerce .track_order p:first-child,
.woocommerce form.checkout_coupon p:first-child {
    margin-bottom: 15px;
    font-size: 14px;
    text-align: center;
}

.woocommerce .track_order p.form-row,
.woocommerce form.checkout_coupon p.form-row {
    width: 66% !important;
}

@media (max-width: 767px) {

    .woocommerce .track_order p.form-row,
    .woocommerce form.checkout_coupon p.form-row {
        width: 100% !important;
        margin-bottom: 15px;
    }
}

.woocommerce .track_order p.form-row-last,
.woocommerce form.checkout_coupon p.form-row-last {
    width: 33% !important;
}

@media (max-width: 767px) {

    .woocommerce .track_order p.form-row-last,
    .woocommerce form.checkout_coupon p.form-row-last {
        float: none;
        margin: 0 auto;
        width: auto !important;
    }
}

.woocommerce .track_order input,
.woocommerce form.checkout_coupon input {
    width: 100%;
    border: 1px solid #efefef;
    padding: 16px 30px;
    color: #999;
    border-radius: 40px;
}

.woocommerce .track_order input:focus,
.woocommerce form.checkout_coupon input:focus {
    border-color: rgba(2, 6, 38, 0.1);
}

.woocommerce .track_order button.illa-woo-btn,
.woocommerce form.checkout_coupon button.illa-woo-btn {
    background: transparent !important;
    border: 1px solid rgba(2, 6, 38, 0.1) !important;
    color: var(--pera-color) !important;
    padding: 18px 25px !important;
    padding-bottom: 16px !important;
}

.woocommerce .track_order button.illa-woo-btn:hover,
.woocommerce form.checkout_coupon button.illa-woo-btn:hover {
    background: var(--heading-color) !important;
    border-color: rgba(2, 6, 38, 0.1) !important;
    color: var(--white) !important;
}

.woocommerce .track_order p:first-child,
.woocommerce-form-login p:first-child {
    text-align: left;
}

.woocommerce .track_order p.form-row,
.woocommerce-form-login p.form-row {
    width: 100% !important;
}

.woocommerce .track_order p.form-row-last,
.woocommerce-form-login p.form-row-last {
    width: 100% !important;
}

.woocommerce .track_order p.lost_password,
.woocommerce-form-login p.lost_password {
    color: var(--black);
    float: right;
    margin-top: -40px;
    font-size: 14px;
    font-weight: 700;
}

.woocommerce .track_order button.illa-woo-btn,
.woocommerce-form-login button.illa-woo-btn {
    margin-right: 0px;
    padding: 15px 25px !important;
}

.create-account,
.woocommerce-form-login__rememberme {
    margin-top: 20px;
    width: 100%;
    margin-bottom: 10px;
}

.create-account span,
.woocommerce-form-login__rememberme span {
    display: inline-block;
    color: var(--black);
}

.create-account input,
.woocommerce-form-login__rememberme input {
    margin-right: 5px;
    border-radius: 0px;
    width: auto;
}

.woocommerce .track_order {
    margin-bottom: 0px;
}

.woocommerce .track_order button {
    margin-top: 10px;
}

.woocommerce .tx-orderReview-wrapper {
    border-radius: 20px;
    background: var(--theme-light-color-3);
    padding: 40px;
    padding-top: 20px;
}

.woocommerce .tx-orderReview-wrapper table {
    border: none !important;
}

.woocommerce .tx-orderReview-wrapper table tbody {
    border: none;
}

.woocommerce .tx-orderReview-wrapper .shop_table {
    margin-bottom: 20px !important;
}

.woocommerce .tx-orderReview-wrapper .shop_table tfoot td,
.woocommerce .tx-orderReview-wrapper .shop_table tfoot th,
.woocommerce .tx-orderReview-wrapper .shop_table thead td,
.woocommerce .tx-orderReview-wrapper .shop_table thead th {
    font-size: 17px;
    font-weight: 500 !important;
    color: var(--heading-color);
    text-transform: uppercase;
}

.woocommerce .tx-orderReview-wrapper .shop_table td,
.woocommerce .tx-orderReview-wrapper .shop_table th {
    padding: 18px 0px !important;
    padding-left: 0px !important;
    color: var(--pera-color);
    font-weight: 400 !important;
    border-color: #e0dedc !important;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.woocommerce .tx-orderReview-wrapper .shop_table td {
    text-align: right !important;
}

.woocommerce .tx-orderReview-wrapper .shop_table .cart_item td {
    font-size: 15px;
    color: var(--pera-color);
}

.woocommerce .tx-orderReview-wrapper .shop_table .cart_item td strong {
    font-weight: 400;
    color: var(--pera-color);
}

.woocommerce .tx-orderReview-wrapper .shop_table .order-total th,
.woocommerce .tx-orderReview-wrapper .shop_table .order-total td,
.woocommerce .tx-orderReview-wrapper .shop_table .cart-subtotal th,
.woocommerce .tx-orderReview-wrapper .shop_table .cart-subtotal td {
    font-size: 15px !important;
}

.woocommerce .tx-orderReview-wrapper .shop_table .product-name {
    text-align: left !important;
}

.woocommerce .tx-orderReview-wrapper .shop_table .product-total {
    text-align: right !important;
}

.woocommerce .tx-orderReview-wrapper .shop_table tfoot th {
    text-align: left !important;
    border-top: 0px;
}

.woocommerce .tx-orderReview-wrapper .order-total td,
.woocommerce .tx-orderReview-wrapper .order-total th {
    font-weight: 500 !important;
    color: var(--heading-color);
}

.woocommerce .tx-orderReview-wrapper .order-total span {
    color: var(--heading-color);
}

.woocommerce .tx-orderReview-wrapper .woocommerce-info {
    background: var(--white) !important;
    color: var(--heading-color) !important;
    font-size: 13px;
}

.woocommerce .tx-orderReview-wrapper .woocommerce-privacy-policy-text {
    font-size: 12px;
}

.woocommerce .tx-orderReview-wrapper .woocommerce-privacy-policy-text a {
    color: var(--heading-color);
    font-weight: 500;
    line-height: 1.8;
}

.woocommerce .tx-orderReview-wrapper .button {
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 auto !important;
    padding: 10px 65px !important;
    margin-bottom: 0px !important;
    min-height: 66px !important;
    background: var(--theme-color) !important;
    color: var(--white) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 30px !important;
}

.woocommerce .tx-orderReview-wrapper .button:hover {
    background: var(--heading-color) !important;
}

.woocommerce .checkout_coupon button {
    min-height: 54px;
}

.woocommerce-checkout-payment .input-radio {
    width: auto;
    height: auto;
    min-height: auto !important;
    float: left;
    transform: translate(0px, 10px);
}

.woocommerce-checkout-payment li {
    border-color: #e0dedc !important;
}

.woocommerce-checkout-payment li p {
    font-size: 12px;
    line-height: 1.7;
}

.woocommerce-checkout-payment .payment_box {
    background-color: var(--white) !important;
    border-radius: 10px;
}

.woocommerce-checkout-payment .payment_box::before {
    border-color: var(--white) !important;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-radius: 5px;
}

/* checkout page css end */
/* ERROR PAGE CSS START */
.codecraftedcreations-error-page .tx-title {
    font-size: 60px;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .codecraftedcreations-error-page .tx-title {
        font-size: 36px;
    }
}

@media (max-width: 475px) {
    .codecraftedcreations-error-page .tx-title {
        font-size: 28px;
    }
}

/* ERROR PAGE CSS END */
/* FOOTER CSS START */
.tx-footer__styleDefault p {
    color: var(--white);
    font-size: 14px;
}

.tx-footer__styleDefault .tx-inline-btn {
    color: var(--theme-color);
}

.tx-footer .tx-social-links a {
    background: var(--white);
    color: var(--heading-color);
    font-size: 12px;
    width: 45px;
    height: 45px;
}

.tx-footer .tx-social-links a:hover {
    background: var(--theme-color);
    color: var(--white);
}

.tx-footer .tx-aboutInfo-widget p {
    font-size: 16px;
    color: var(--pera-color-3);
    line-height: 2;
}

.tx-footer .tx-contactInfo-widget p {
    font-size: 14px;
    color: var(--pera-color-3);
}

/* FOOTER CSS END */
.tx-copyright {
    padding: 35px 0px;
}

.tx-copyright__styleDefault p {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
}

.tx-copyright__styleDefault p a {
    color: var(--theme-color);
}

@media screen and (max-width: 1800px) {
    .tel-main-slider-item-2 .tel-main-slider-shape1 {
        right: -4%;
    }

    .tel-team-area-2 {
        width: 1050px;
        margin-right: -265px;
    }
}

@media screen and (max-width: 1700px) {
    .tel-main-slider-item-2 .tel-main-slider-shape1 {
        right: -7%;
    }
}

@media screen and (max-width: 1600px) {
    .tel-feature-section-2 .tel-feature-img-2 {
        right: -210px;
    }
}

@media screen and (max-width: 1500px) {
    .tel-main-slider-item-2 .tel-main-slider-shape1 {
        right: -15%;
    }

    .tel-main-arrow-next-prev {
        top: auto;
        bottom: 0;
        left: 50px;
        display: box;
        display: -ms-flexbox;
        display: flex;
        writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
    }

    .tel-main-arrow-next-prev .tel-slider-arrow {
        display: none !important;
    }

    .tel-main-arrow-next-prev .tel-slider-arrow:before {
        display: none;
    }

    .tel-main-arrow-next-prev .swiper-main-paginations-2 .swiper-pagination-bullet {
        width: 18px;
        height: 18px;
        margin: 0px 5px;
    }

    .tel-main-slider-item-2 .slider-btn-price .slider-btn {
        margin-right: 20px;
    }

    .tel-team-section-2:before {
        width: 100%;
    }

    .tel-feature-section-2 .tel-feature-img-2 {
        right: -20%;
    }

    .tel-video-play-content {
        padding-bottom: 165px;
    }
}

@media screen and (max-width: 1450px) {
    .tel-main-slider-item-2 .tel-main-slider-shape1 {
        right: -25%;
    }

    .tel-main-slider-item-2 .tel-main-slider-shape2 {
        right: 5%;
    }

    .tel-feature-section-2 .tel-feature-img-2 {
        right: -30%;
    }
}

@media screen and (max-width: 1250px) {
    .tel-main-slider-item-2 .tel-main-slider-shape2 {
        display: none;
    }

    .tel-main-slider-item-2 .tel-main-slider-shape1 {
        display: none;
    }

    .tel-demo-2 .tx-header.header_style_four .tx-main-menu li a {
        color: #ff0000;
    }

    .tel-demo-2 .tx-searchCartLang-wrapper button {
        color: #ff0000;
    }

    .tel-demo-2 .tx-header.header_style_four.sticky-on .tx-main-menu li a {
        color: #fff;
    }

    .tel-demo-2 .tx-header.header_style_four.sticky-on .tx-searchCartLang-wrapper button {
        color: #fff;
    }

    .tel-service-item-2:before, .tel-service-item-2:after {
        display: none;
    }

    .tel-service-item-2 {
        width: 100%;
        height: 100%;
        padding: 30px 15px;
        border-radius: 10px;
        border: 2px solid var(--theme-color);
    }

    .tel-main-slider-item-2 .slider-text {
        max-width: 100%;
        text-align: center;
    }

    .tel-main-slider-item-2 .slider-btn-price {
        box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tel-main-arrow-next-prev {
        left: 0;
        right: 0;
    }

    .tel-service-section-3 .tel-service-bg {
        height: 280px;
    }

    .tel-about-feature-2 .tel-slide-video-btn {
        width: 245px;
    }

    .tel-price-item-2 .tel-price-icon-price .tel-price-icon li {
        font-size: 30px;
        margin-right: 20px;
    }

    .tel-price-item-2 .tel-price-icon-price .tel-plan-price h3 {
        font-size: 30px;
    }

    .tel-price-item-2 .tel-price-plan-name .plan-img {
        height: 100%;
        width: 100%;
    }

    .tel-section-title-2 h3 {
        font-size: 40px;
    }

    .tel-feature-section-2 .tel-feature-img-2 {
        right: -40%;
    }

    .tel-team-item-2.active {
        width: 420px;
    }

    .tel-team-item-2 .team-social {
        right: auto;
        left: 15px;
    }

    .tel-video-play-section-2 .tel-video-side-img2 {
        right: -25%;
    }

    .tel-video-play-section-2 .tel-video-side-img1 {
        left: -25%;
    }
}

@media screen and (max-width: 1100px) {
    .tel-about-feature-2 .tel-slide-video-btn {
        width: 200px;
    }

    .tel-about-feature-2 .tel-about-feature-list {
        margin-left: 10px;
    }

    .tel-about-text-2 .tel-about-cta-btn .tel-btn-2 {
        margin-right: 15px;
    }

    .tel-about-cta-btn .tel-about-cta .cta-icon {
        margin-right: 10px;
    }

    .tel-about-cta-btn .tel-about-cta .cta-text a {
        font-size: 16px;
    }

    .tel-price-item-2 .tel-price-icon-price .tel-plan-price h3 {
        font-size: 26px;
    }

    .tel-price-item-2 .tel-price-icon-price .tel-plan-price {
        margin-left: 15px;
    }

    .tel-price-item-2 .tel-price-icon-price .tel-price-icon li {
        font-size: 20px;
    }

    .tel-team-content-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-team-text-area-2 {
        width: 100%;
        padding-bottom: 50px;
    }

    .tel-feature-section-2 .tel-feature-img-2 {
        right: -50%;
    }
}

@media screen and (max-width: 1024px) {
    .tel-about-feature-2 .tel-about-feature-list li {
        font-size: 14px;
    }

    .tel-btn-2 a {
        padding: 16px 30px;
    }

    .tel-about-cta-btn .tel-about-cta .cta-icon {
        height: 50px;
        width: 50px;
    }

    .tel-price-item-2 .tel-price-icon-price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .tel-price-item-2 .tel-price-icon-price .tel-price-icon {
        margin-bottom: 20px;
    }

    .tel-feature-section-2 .tel-feature-img-2 {
        right: -65%;
    }

    .tel-testimonials-slider-wrapper-2 .tel-testi-floating-img2 {
        left: 0%;
    }

    .tel-testimonials-slider-wrapper-2 .tel-testi-floating-img4 {
        right: 0;
    }

    .tel-video-play-section-2 .tel-video-side-img1 {
        left: -45%;
    }

    .tel-video-play-section-2 .tel-video-side-img2 {
        right: -45%;
    }
}

@media screen and (max-width: 991px) {
    .tel-service-item-2 {
        height: auto;
        margin-bottom: 30px;
    }

    .tel-demo-2 .tx-header.header_style_four .mobile_menu_button {
        color: #ff0000;
    }

    .tel-demo-2 .tx-header.header_style_four.sticky-on .mobile_menu_button {
        color: #fff;
    }

    .tel-service-section-3 .tel-service-bg {
        display: none;
    }

    .tel-service-content .tel-bottom-text {
        margin-top: 20px;
    }

    .tel-about-img-area-2 {
        text-align: center;
        margin-bottom: 40px;
    }

    .tel-price-item-2 {
        margin: 0 auto;
        max-width: 360px;
        margin-bottom: 40px;
    }

    .tel-team-item-2 .team-hover-content .team-shape {
        display: none;
    }

    .tel-feature-section-2 .tel-feature-img-2 {
        position: static !important;
    }

    .tel-feature-section-2 {
        padding: 80px 0px;
    }
}

@media screen and (max-width: 800px) {
    .tel-video-play-section-2 .tel-video-side-img2 {
        right: -65%;
    }

    .tel-video-play-section-2 .tel-video-side-img1 {
        left: -65%;
    }
}

@media screen and (max-width: 680px) {
    .tel-main-slider-item-2 .slider-text .slider-title h1 {
        font-size: 50px;
    }

    .tel-main-slider-item-2 .slider-btn-price .slider-pricing h3 {
        font-size: 30px;
    }

    .tel-main-slider-item-2 .slider-btn-price .slider-pricing p {
        font-size: 14px;
    }

    .tel-main-slider-item-2 .tel-slider-video {
        display: none !important;
    }

    .tel-main-slider-item-2 {
        padding: 220px 0px 200px;
    }

    .tel-main-slider-item-2 .slider-text .slider-title {
        margin-bottom: 20px;
    }

    .tel-about-section-2 {
        padding: 80px 0px;
    }

    .tel-service-section-3 {
        padding-bottom: 0;
        padding-top: 80px;
    }

    .tel-service-content {
        padding-top: 40px;
    }

    .tel-about-text-2 {
        padding-left: 0;
    }

    .tel-team-area-2 {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-team-item-2 {
        width: 100%;
        margin: 0 auto;
        max-width: 420px;
        margin-bottom: 40px;
    }

    .tel-testimonials-slider-wrapper-2 .tel-testi-floating-img1,
    .tel-testimonials-slider-wrapper-2 .tel-testi-floating-img2,
    .tel-testimonials-slider-wrapper-2 .tel-testi-floating-img3,
    .tel-testimonials-slider-wrapper-2 .tel-testi-floating-img4 {
        display: none;
    }

    .tel-testimonial-item-2 .testimonial-text {
        font-size: 20px;
    }

    .tel-testimonial-section-2 {
        padding-top: 80px;
    }

    .tel-video-play-section-2 .tel-video-side-img1,
    .tel-video-play-section-2 .tel-video-side-img2 {
        display: none;
    }

    .tel-video-play-content {
        padding: 80px 0px;
    }

    .tel-main-slider-item-2 .slider-btn-price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 480px) {
    .tel-main-slider-item-2 {
        padding: 180px 0px 120px;
    }

    .tel-main-slider-item-2 .slider-btn-price .slider-pricing {
        margin-top: 15px;
    }

    .tel-section-title-2 h3 {
        font-size: 35px;
    }

    .tel-main-slider-item-2 .slider-text .slider-title h1 {
        font-size: 45px;
    }

    .tel-about-feature-2 .tel-slide-video-btn {
        width: 100%;
        margin-bottom: 30px;
    }

    .tel-about-feature-2 .tel-about-feature-list li {
        font-size: 18px;
    }

    .tel-features-item-2 {
        margin-bottom: 15px;
    }

    .tel-cta-pricing-area .cta-price {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 380px) {
    .tel-section-title-2 h3 {
        font-size: 30px;
    }

    .tel-main-slider-item-2 .slider-text .slider-title h1 {
        font-size: 35px;
    }
}

@media screen and (max-width: 1800px) {
    .tel-main-slider-counter {
        width: 48%;
    }

    .tel-main-slider-item-3 .slider_shape_3_1 {
        bottom: 35px;
    }

    .tel-why-choose-section-3 .tel-why-choose-side-img {
        right: -100px;
    }

    .tel-streaming-item {
        width: 100%;
        overflow: hidden;
        mask-image: none;
        mask-image: none;
        border-radius: 10px;
    }

    .tel-slider-counter-item .inner-text p {
        font-size: 14px;
    }

    .tel-main-slider-item-3 .slider_shape_3_3 {
        right: 70px;
    }

    .tel-main-slider-item-3 .slider_shape_3_2 {
        right: -50px;
    }
}

@media screen and (max-width: 1700px) {
    .tel-slider-section-3 {
        background-image: none !important;
        background-color: rgba(2, 6, 38, 0.93) !important;
    }

    .tel-slider-section-3:before {
        display: none;
    }

    .tel-slider-section-3:after {
        background-image: none;
        background-color: #ff0000 !important;
    }

    .tel-main-slider-counter {
        width: 52%;
    }

    .tel-main-slider-sponsor-counter {
        position: relative;
        padding: 40px 0px;
    }

    .tel-main-slider-sponsor-counter:before {
        top: 0;
        width: 52%;
        content: "";
        left: -100px;
        height: 100%;
        position: absolute;
        transform: skewX(30deg);
        transform: skewX(30deg);
        background: linear-gradient(45deg, #FFA200 0%, #E10419 100%);
    }

    .tel-why-choose-section-3 .tel-why-choose-side-img {
        right: -10%;
    }
}

@media screen and (max-width: 1600px) {
    .tel-main-slider-item-3 .slider_shape_3_1 {
        right: -35px;
    }

    .tel-main-slider-item-3 .slider_shape_3_2 {
        right: -80px;
    }

    .tel-main-slider-item-3 .slider_shape_3_3 {
        right: 30px;
    }

    .tel-about-section-3 {
        padding-left: 15px;
    }

    .tel-about-img-wrapper-3 .tel-about-img-3_2 {
        right: -170px;
    }

    .tel-about-exp-3 {
        right: -130px;
    }

    .tel-why-choose-section-3 .tel-why-choose-side-img {
        right: -15%;
    }
}

@media screen and (max-width: 1500px) {
    .tel-main-slider-item-3 .slider_shape_3_1 {
        right: -85px;
    }

    .tel-main-slider-item-3 .slider_shape_3_2 {
        right: -140px;
    }

    .tel-main-slider-item-3 .slider_shape_3_3 {
        right: -20px;
    }

    .swiper-main-paginations-3.swiper-pagination-bullets {
        left: 20px;
    }

    .tel-slider-counter-item .inner-icon {
        margin-right: 10px;
    }

    .tel-main-slider-sponsor-counter:before {
        width: 53%;
    }

    .tel-cta-section .tel-cta-img {
        left: 0;
    }

    .tel-why-choose-section-3 .tel-why-choose-side-img {
        right: -20%;
    }
}

@media screen and (max-width: 1400px) {
    .tel-main-slider-item-3 .slider_shape_3_1 {
        right: -130px;
    }

    .tel-main-slider-item-3 .slider_shape_3_2 {
        right: -185px;
    }

    .tel-main-slider-item-3 .slider_shape_3_3 {
        right: -80px;
    }

    .swiper-main-paginations-3 .swiper-pagination-bullet {
        width: 15px;
    }

    .tel-about-img-wrapper-3 {
        left: -8%;
    }

    .tel-why-choose-section-3 .tel-why-choose-side-img {
        right: -23%;
    }

    .tel-cta-section .tel-cta-img {
        left: -5%;
    }

    .tel-main-slider-sponsor-counter:before {
        width: 54%;
        transform: skew(0);
        transform: skew(0);
    }

    .swiper-main-paginations-3.swiper-pagination-bullets {
        display: box;
        display: -ms-flexbox;
        display: flex;
        position: static !important;
        margin-left: 15px;
        margin-bottom: 50px;
        transform: translateY(0);
        transform: translateY(0);
    }

    .swiper-main-paginations-3 .swiper-pagination-bullet {
        width: 30px;
        height: 10px;
        margin: 0px 8px !important;
        transform: skewX(10deg);
        transform: skewX(10deg);
    }

    .swiper-main-paginations-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: 10px;
        width: 45px;
    }

    .tel-main-slider-sponsor-area {
        width: 38%;
    }

    .tel-main-slider-counter {
        width: 55%;
    }

    .tel-main-slider-sponsor-counter {
        padding: 30px 0px;
    }

    .tel-main-slider-sponsor-counter:before {
        width: 50%;
    }

    .tel-main-slider-item-3 .slider_shape_3_1 {
        display: none;
    }

    .tel-main-slider-item-3 .slider_shape_3_2 {
        bottom: 0;
        right: -230px;
    }

    .tel-main-slider-item-3 .slider_shape_3_3 {
        bottom: 0;
        right: -135px;
    }

    .tel-main-slider-item-3 {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 1350px) {
    .tel-about-img-wrapper-3 {
        left: -12%;
    }

    .tel-why-choose-section-3 .tel-why-choose-side-img {
        display: none;
    }

    .tel-why-choose-content-3 {
        max-width: 100%;
    }

    .tel-cta-section .tel-cta-img {
        left: -10%;
    }

    .tel-pricing-item-3.active:before,
    .tel-pricing-item-3.active:after {
        display: none;
    }

    .tel-pricing-item-3.active {
        margin: 0 auto 30px;
    }
}

@media screen and (max-width: 1280px) {

    .tel-main-slider-item-3 .slider_shape_3_2,
    .tel-main-slider-item-3 .slider_shape_3_3 {
        display: none;
    }

    .tel-main-slider-item-3 .tel-main-slider-text-3 {
        margin: 0 auto;
        text-align: center;
    }

    .tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group {
        box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .swiper-main-paginations-3.swiper-pagination-bullets {
        box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tel-about-img-wrapper-3 {
        left: -15%;
    }
}

@media screen and (max-width: 1250px) {
    .tel-service-content-4 .tel-service-item-2.active:after {
        display: none;
    }

    .tel-service-content-4 .tel-service-item-2.active .service-text h3 {
        color: #ff0000;
    }

    .tel-service-content-4 .tel-service-item-2.active .service-text p {
        color: #686868;
    }

    .tel-service-content-4 .tel-service-item-2 {
        border: 2px solid var(--base-color-3);
    }

    .tel-about-img-wrapper-3 {
        left: 0;
        margin: 0 auto;
        max-width: 650px;
        margin-bottom: 40px;
        position: relative !important;
    }

    .tel-about-text-area-3 .tel-about-text-area {
        margin: 0 auto;
    }

    .tel-cta-section .tel-cta-img {
        left: -18%;
    }

    .tel-section-title-4 h2 {
        font-size: 45px;
    }

    .tel-testimonials-slider-3 .tel-carousel-next-prev-area {
        right: 0;
        left: auto;
        margin-top: 40px;
    }
}

@media screen and (max-width: 1150px) {
    .tel-slider-counter-item .inner-text p {
        font-size: 12px;
    }

    .tel-slider-counter-item .inner-text h3 span {
        font-size: 24px;
    }

    .tel-cta-section .tel-cta-img {
        left: -30%;
    }

    .tel-testimonials-slider-3 .tel-carousel-next-prev-area {
        position: static !important;
    }

    .tel-carousel-next-prev-area .carousel-next-prev {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .tel-testimonials-item-3 .testimonial-img {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1100px) {
    .tel-pricing-item-3 .tel-price-text {
        max-width: 370px;
        margin-right: 25px;
        border-right: none;
    }

    .tel-pricing-item-3 .tel-price-list ul:before {
        display: none;
    }

    .tel-section-title-4 h2 {
        font-size: 40px;
    }

    .tel-testimonials-item-3 .testimonial-text {
        max-width: 390px;
    }

    .tel-blog-item-3 .blog-author-more-btn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-blog-item-3 .blog-author-more-btn .blog-author {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .header_style_five .tx-header-cta {
        display: none !important;
    }

    .tel-main-slider-sponsor-counter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0px 20px;
    }

    .tel-main-slider-sponsor-area {
        width: 100%;
        margin-bottom: 30px;
    }

    .tel-main-slider-counter {
        width: 100%;
        padding: 0px 30px 50px;
    }

    .tel-main-slider-sponsor-counter:before {
        display: none;
    }

    .swiper-main-paginations-3.swiper-pagination-bullets {
        margin-bottom: 20px;
    }

    .tel-slider-counter-item {
        box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tel-about-img-wrapper-3 {
        max-width: 600px;
    }

    .tel-section-title-4 h2 {
        font-size: 35px;
    }

    .tel-demo-3 {
        font-size: 15px;
    }

    .tel-why-choose-feature-list-item .wc-feature-text {
        max-width: 370px;
    }

    .tel-blog-item-3 .blog-text h1 {
        font-size: 18px;
    }

    .tel-blog-item-3 .blog-text {
        padding: 20px 15px 15px;
    }
}

@media screen and (max-width: 991px) {
    .header_style_five .header-top-content-area {
        display: none;
    }

    .header_style_five .tel-header-content {
        padding: 15px 0px;
    }

    .tel-main-slider-item-3 {
        padding: 180px 0px 80px;
    }

    .tel-about-img-wrapper-3 .tel-about-img-3_2 {
        display: none;
    }

    .tel-about-exp-3 {
        right: 0;
    }

    .tel-pricing-item-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-pricing-item-3 .tel-price-text {
        margin-bottom: 40px;
    }

    .tel-cta-section .tel-cta-img {
        display: none;
    }

    .tel-cta-text {
        max-width: 100%;
    }

    .tel-cta-content-3 {
        box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .tel-testimonial-text-3 {
        margin-bottom: 40px;
    }

    .tel-why-choose-text-area-3,
    .tel-why-choose-feature-list-3 {
        margin: 0 auto;
        max-width: 600px;
        margin-bottom: 40px;
    }

    .tel-why-choose-feature-list-3 {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 767px) {
    .tel-slider-counter-item {
        margin-bottom: 30px;
        box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    .tel-streaming-slider {
        margin: 0;
    }
}

@media screen and (max-width: 680px) {
    .tel-main-slider-item-3 .tel-main-slider-text-3 h1 {
        font-size: 45px;
    }

    .tel-btn-3 a {
        padding: 12px 20px;
    }

    .tel-about-featured-area {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-about-featured-items {
        margin-bottom: 30px;
    }

    .tel-testimonials-item-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 480px) {
    .tel-main-slider-item-3 .tel-main-slider-text-3 h1 {
        font-size: 35px;
    }

    .tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group .tel-slider-video-btn {
        width: 100%;
        margin-top: 15px;
        text-align: center;
    }

    .tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group .tel-btn-3 {
        margin-right: 0;
    }

    .tel-main-slider-item-3 .tel-main-slider-text-3 .tel-slider-btn-group .tel-slider-video-btn a {
        box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tel-main-slider-item-3 .tel-main-slider-text-3 p {
        padding-bottom: 20px;
    }

    .tel-main-slider-item-3 .tel-main-slider-text-3 h1 {
        padding-bottom: 15px;
    }

    .tel-service-section-4 {
        padding: 70px 0px;
    }

    .tel-service-content-4 {
        padding-top: 40px;
    }

    .tel-section-title-4 h2 {
        font-size: 30px;
    }

    .tel-service-content-4 .tel-bottom-text {
        margin-top: 10px;
    }

    .tel-about-section-3,
    .tel-pricing-section-3,
    .tel-testimonial-section-3,
    .tel-why-choose-section-3,
    .tel-streaming-section,
    .tel-blog-section-3 {
        padding: 70px 0px;
    }

    .tel-pricing-item-3 .tel-price-list ul li {
        width: 100%;
    }

    .tel-pricing-item-3 .tel-price-text h2 {
        font-size: 40px;
    }

    .tel-pricing-item-3 .tel-price-text h2 sub {
        font-size: 20px;
    }

    .tel-streaming-top-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-streaming-top-content .tel-section-title-4 {
        width: 100%;
        max-width: 100%;
    }

    .tel-slider-counter-item .inner-text h3 span {
        font-size: 20px;
    }
}

@media screen and (max-width: 400px) {
    .tel-main-slider-item-3 .tel-main-slider-text-3 h1 {
        font-size: 30px;
    }

    .tel-section-title-4 h2 {
        font-size: 28px;
    }
}

/*# sourceMappingURL=codecraftedcreations-core.css.map */
@media screen and (max-width: 1800px) {
    .header_style_six .tel-header-content-area:before {
        width: 31%;
    }

    .tel-testimonial-top-content-4 {
        margin-left: 440px;
    }

    .tel-slider-item-4 .tel-slider-img-4 {
        right: 63px;
    }
}

@media screen and (max-width: 1700px) {
    .tel-slider-item-4 .tel-slider-img-4 {
        right: 15px;
    }

    .tel-sponsor-video-play:after {
        display: none;
    }

    .tel-testimonial-section-4 {
        overflow: hidden;
    }

    .tel-testimonial-top-content-4 {
        margin-top: 0;
    }

    .tel-testimonial-top-content-4 .tel-section-title-2 h3 span {
        color: #ff0000;
    }

    .tel-price-section-4 {
        padding-bottom: 100px;
    }

    .tel-testimonial-section-4 {
        padding-top: 120px;
    }

    .tel-testimonial-section-4 .tel-testimonial-side-img {
        top: -10px;
        left: -70px;
    }
}

@media screen and (max-width: 1600px) {
    .header_style_six .tel-header-content-area:before {
        width: 30%;
    }

    .tel-slider-item-4 .tel-slider-img-4 {
        right: 0;
        width: 640px;
        height: 640px;
        bottom: 160px;
    }
}

@media screen and (max-width: 1500px) {
    .header_style_six .tel-header-content-area:before {
        width: 28%;
    }

    .tel-slider-item-4 .tel-slider-img-4 {
        right: 0;
        width: 580px;
        height: 580px;
        bottom: 205px;
    }

    .tel-about-section-4 {
        padding-left: 15px;
    }

    .tel-about-section-4:before {
        left: 0;
    }

    .tel-about-content-4 .tel-about-text-2 {
        margin-left: 15px;
    }

    .tel-slider-laptop-bg {
        display: block;
    }

    .tel-slider-item-4 .tel-slider-img-4 {
        top: 55%;
        right: 15px;
        bottom: auto;
        transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 1450px) {
    .tel-slider-item-4 {
        padding: 300px 0px 160px;
    }

    .tel-about-section-4 {
        padding: 130px 0px 130px 15px;
    }

    .tel-about-img-feature-4 {
        width: 50%;
    }

    .tel-about-content-4 .tel-about-text-2 {
        width: 50%;
    }

    .tel-about-section-4:before {
        display: none;
    }

    .tel-about-feature-list-area-4 {
        margin-right: 15px;
    }

    .tel-counter-section-4:before {
        width: 87%;
    }

    .tel-about-feature-img-area-4:before {
        display: none;
    }

    .tel-about-feature-img-area-4 {
        width: 60%;
    }

    .tel-about-feature-list-4 {
        margin-bottom: 15px;
    }

    .tel-about-feature-list-4 .feature-text h3 {
        padding-bottom: 5px;
    }

    .tel-testimonial-section-4 .tel-testimonial-side-img {
        left: -225px;
    }

    .tel-blog-item-4.blog_type_two .blog-img {
        max-width: 190px;
    }

    .header_style_six .tel-header-content-area:before {
        width: 25%;
    }
}

@media screen and (max-width: 1250px) {
    .header_style_six .tx-header-cta {
        display: none !important;
    }

    .tel-slider-item-4 .tel-slider-img-4 {
        width: 500px;
        height: 500px;
    }

    .tel-counter-content-4 .tel-counter-video-play a {
        width: 280px;
        height: 280px;
    }

    .tel-counter-content-4 {
        padding: 55px 0px;
    }

    .tel-about-content-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tel-about-img-feature-4 {
        width: 100%;
        box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tel-about-content-4 .tel-about-text-2 {
        width: 100%;
    }

    .tel-about-feature-img-area-4 {
        width: auto;
    }

    .tel-why-choose-item-4 .why-choose-text h3 {
        font-size: 20px;
    }

    .tel-why-choose-item-4 .why-choose-text p {
        font-size: 14px;
    }

    .tel-price-item-4 .price-plan-icon {
        padding: 18px 20px 15px;
    }

    .tel-blog-item-4.blog_type_two .blog-text {
        max-width: 280px;
    }
}

@media screen and (max-width: 1150px) {
    .header_style_six .tel-header-content-area:before {
        width: 30%;
    }

    .tel-slider-item-4 .tel-slider-text-4 h1 {
        font-size: 60px;
    }

    .tel-slider-item-4 .tel-slider-text-4 {
        max-width: 560px;
    }

    .tel-counter-section-4 .tel-counter-content-item-4 {
        max-width: 780px;
    }

    .tel-counter-item-4 .counter-text p {
        font-size: 14px;
    }

    .tel-price-item-4 .price-plan-icon {
        padding: 15px;
    }

    .tel-price-item-4 .price-plan-icon li {
        font-size: 20px;
    }

    .tel-price-item-4 {
        padding: 0px 15px 20px;
    }

    .tel-testimonial-section-4 .tel-testimonial-side-img {
        display: none;
    }

    .tel-testimonial-top-content-4 {
        margin-left: 0;
    }

    .tel-testimonial-top-content-4 .tel-section-title-2 {
        max-width: 500px;
    }

    .tel-blog-item-4 .blog-text h1 {
        font-size: 20px;
    }

    .tel-blog-item-4 .blog-text .blog-meta a {
        margin-right: 15px;
    }

    .tel-blog-item-4 .blog-text p {
        font-size: 14px;
    }

    .tel-blog-item-4 {
        padding: 30px 15px;
    }

    .tel-blog-item-4.blog_type_two .blog-text {
        max-width: 240px;
    }
}

@media screen and (max-width: 1024px) {
    .tel-slider-item-4 .tel-slider-img-4 {
        display: none;
    }

    .tel-slider-item-4 .tel-slider-text-4 {
        margin: 0 auto;
        max-width: 100%;
        text-align: center;
    }

    .tel-slider-item-4 .tel-slider-text-4 .slider-btn-price {
        box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .tel-counter-content-4 .tel-counter-video-play a {
        width: 200px;
        height: 200px;
    }

    .tel-counter-content-4 .tel-counter-video-play {
        top: 50%;
        transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .tel-team-item-4 .team-text h3 {
        font-size: 18px;
    }

    .tel-blog-item-4.blog_type_two .blog-text {
        max-width: 180px;
    }

    .tel-blog-item-4 .blog-text .blog-meta a {
        margin-right: 10px;
    }

    .tel-blog-item-4.blog_type_two .blog-img {
        margin-right: 15px;
    }

    .tel-blog-item-4.blog_type_two {
        padding: 20px 15px;
    }

    .tel-counter-section-4:before {
        width: 100%;
    }

    .tel-counter-item-4 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .header-top-content-area {
        padding: 5px 0px;
    }

    .header_style_six .tel-header-content-area {
        padding: 15px 0px;
    }

    .tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .tel-btn-2 {
        margin-right: 20px;
    }

    .tel-why-choose-item-4 {
        margin: 0 auto;
        max-width: 400px;
        margin-bottom: 30px;
    }

    .why-choose-img-4 {
        text-align: center;
        margin-bottom: 30px;
    }

    .tel-price-item-4 {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .tel-price-text-content-4 {
        margin: 0 auto;
        max-width: 600px;
        margin-bottom: 40px;
    }

    .tel-blog-item-4 {
        margin: 0 auto;
        max-width: 660px;
        margin-bottom: 30px;
    }

    .tel-blog-item-4.blog_type_two .blog-text {
        max-width: 345px;
    }

    .tel-blog-item-4.blog_type_two .blog-img {
        max-width: 203px;
    }

    .header_style_six .tel-header-content-area:before {
        width: 40%;
    }

    .tel-sponsor-cta-content {
        width: 100%;
        margin-bottom: 40px;
    }

    .tel-sponsor-video-play {
        width: 100%;
        height: 320px;
    }

    .tel-sponsor-cta-section:before {
        width: 100%;
    }

    .tel-testimonial-slider-4 {
        margin: 0;
        padding: 0px 15px;
    }

    .tel-blog-item-4 .blog-img {
        margin-top: 40px;
        text-align: center;
    }

    .tel-blog-item-4.blog_type_two .blog-img {
        margin-top: 0;
    }

    .tel-sponsor-cta-video-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 680px) {
    .header_style_six .tel-header-content-area:before {
        left: 0;
        width: 50%;
        transform: skew(0);
        transform: skew(0);
    }

    .tel-slider-item-4 {
        padding: 230px 0px 160px;
    }

    .header_style_six .header-top-content-area {
        display: none;
    }

    .tel-about-img-feature-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-about-feature-list-area-4 {
        display: box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .tel-about-feature-list-area-4 .tel-about-feature-list-4 {
        width: 50%;
        margin-bottom: 30px;
    }

    .tel-about-feature-img-area-4 {
        padding-left: 0;
    }

    .tel-counter-item-4 {
        text-align: center;
    }

    .tel-counter-item-4 .counter-icon {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .tel-counter-content-4 .tel-counter-video-play {
        position: static;
        transform: translateY(0);
        transform: translateY(0);
        margin-bottom: 40px;
    }

    .tel-counter-content-4 .tel-counter-video-play a {
        margin: 0 auto;
    }

    .tel-blog-item-4.blog_type_two .blog-img {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .tel-testimonial-top-content-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-testimonial-top-content-4 .tel-section-title-2 {
        margin-bottom: 15px;
    }

    .tel-blog-item-4.blog_type_two .blog-text {
        max-width: 100%;
    }
}

@media(max-width: 575px) {
    .header_style_six.sticky-on .tx-header-cta {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .tel-slider-item-4 .tel-slider-text-4 h1 {
        font-size: 45px;
        line-height: 1.2;
    }

    .tel-slider-item-4 .tel-slider-text-4 .slider-btn-price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .tel-btn-2 {
        margin-right: 0;
    }

    .tel-slider-item-4 .tel-slider-text-4 .slider-btn-price .slider-pricing {
        margin-right: 0;
    }

    .tel-slider-item-4 {
        padding: 180px 0px 150px;
    }

    .tel-about-feature-list-area-4 .tel-about-feature-list-4 {
        width: 100%;
    }

    .tel-about-content-4 .tel-about-text-2 {
        margin-left: 0;
    }

    .tel-about-section-4 {
        padding: 70px 15px;
    }

    .tel-team-section-4,
    .tel-why-choose-section-4,
    .tel-price-section-4 {
        padding: 70px 0px;
    }

    .tel-team-content-4 {
        padding-top: 30px;
    }

    .tel-sponsor-cta-video-content {
        padding: 0px 15px;
    }

    .tel-sponsor-cta-content .tel-cta-content {
        padding-top: 50px;
    }

    .tel-testimonial-section-4 {
        padding: 70px 0px;
    }

    .tel-testimonial-item-4 .testimonial-text {
        font-size: 18px;
        line-height: 1.6;
    }

    .tel-testimonial-item-4 {
        padding: 30px 15px;
    }

    .tel-testimonial-item-4 .testimonial-quote {
        display: none;
    }

    .tel-blog-section-4 {
        padding-bottom: 40px;
    }

    .tel-service-slide-item .service-hover-item .service-hvr-text p {
        padding-bottom: 20px;
    }

    .tel-about-feature-2 .tel-about-feature-list li {
        font-size: 15px;
    }
}

@media screen and (max-width: 400px) {
    .tel-slider-item-4 .tel-slider-text-4 h1 {
        font-size: 40px;
    }

    .tel-slider-item-4 {
        padding: 160px 0px 130px;
    }
}

/* Home 8 css start */
.grey-body {
    position: relative;
    background-color: #010317;
}

i {
    font-style: normal;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

/* header css start */
.main-header {
    position: relative;
    z-index: 10;
    width: 100%;
}

/***
====================================================================
	Section Title Five
====================================================================
***/
.sec-title-five {
    position: relative;
    margin-bottom: var(--margin-bottom-40);
}

.sec-title-five_title {
    position: relative;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 50px;
    display: inline-block;
    text-transform: uppercase;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    font-family: 'Poppins', sans-serif;
}

.sec-title-five_title::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.20;
    border-radius: 50px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.sec-title-five_heading {
    color: #ffffff;
    font-size: 60px;
    line-height: 70px;
    font-weight: 800;
    margin-top: var(--margin-top-25);
    font-family: 'Catamaran', sans-serif;
}

.sec-title-five_heading span {
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    font-family: 'Catamaran', sans-serif;
}

.sec-title-five_text {
    position: relative;
    color: #ffffff;
    font-size: 20px;
    opacity: 0.80;
    line-height: 30px;
    margin-top: var(--margin-top-25);
    font-family: 'Catamaran', sans-serif;
}

.sec-title-five.light .sec-title-five_title,
.sec-title-five.light .sec-title-five_text,
.sec-title-five.light .sec-title-five_heading {
    color: var(--white-color);
}

.sec-title-five.centered {
    text-align: center !important;
}

/* Btn Style Eighteen */
.btn-style-eighteen {
    position: relative;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    display: inline-grid;
    padding: 17px 45px 17px 30px;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;

    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.btn-style-eighteen:before {
    position: absolute;
    content: '';
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 50px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #010317;
}

.btn-style-eighteen:hover::before {
    opacity: 0;
    transform: scale(1, 0.2);
}

.btn-style-eighteen:hover .txt {
    color: #ffffff;
    -color: inherit;
}

.btn-style-eighteen .txt {
    position: relative;
    z-index: 1;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    font-family: 'Catamaran', sans-serif;
}

.btn-style-eighteen i {
    position: absolute;
    right: -34px;
    top: 11px;
    z-index: 1;
    width: 68px;
    height: 40px;
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
    line-height: 38px;
    border-radius: 50px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.btn-style-eighteen:hover {
    color: var(--white-color);
}

/* Btn Style Eighteen */
.btn-style-nineteen {
    position: relative;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    border-radius: 50px;
    display: inline-grid;
    padding: 15px 45px 15px;
    font-size: var(--font-16);
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;

    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.btn-style-nineteen:before {
    position: absolute;
    content: '';
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 50px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-color: #1A1C2E;
}

.btn-style-nineteen:hover::before {
    opacity: 0;
    transform: scale(1, 0);
    transform: scale(1, 0);
}

.btn-style-nineteen .txt {
    position: relative;
    z-index: 1;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    font-family: 'Catamaran', sans-serif;
}

.btn-style-nineteen:hover .txt {
    color: #ffffff;
    -color: inherit;
}

.btn-style-nineteen:hover {
    color: var(--white-color);
}

/* Header Style Eight */
.header-style-eight {
    position: absolute;
    top: 15px;
    left: 0px;
    right: 0px;
}

.header-style-eight .header-lower .inner-container {
    padding: 0px 50px;
    border-radius: 150px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.main-header.header-style-eight .logo-box {
    padding: 18px 0px;
}

.main-header.header-style-eight .main-menu .navigation>li>a {
    color: #ffffff;
    font-size: 18px;
    padding: 28px 0px;
    font-family: 'Catamaran', sans-serif;
}

.main-header.header-style-eight .main-menu .navigation>li>a::before {
    position: absolute;
    content: '';
    left: 0px;
    opacity: 0;
    bottom: 18px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    border-radius: 50px;
    background-color: #ffffff;
    transform: scale(0.2, 1);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.main-header.header-style-eight .main-menu .navigation>li:hover>a::before,
.main-header.header-style-eight .main-menu .navigation>li.current>a::before {
    opacity: 1;
    transform: scale(1, 1);
}

.main-header.header-style-eight .search-box-outer {
    padding: 0px;
    border: none;
    margin-right: 30px;
    padding-top: 2px;
}

.main-header.header-style-eight .search-box-btn {
    color: #ffffff;
}

.main-header.header-style-eight .cart-box .cart-box-btn {
    color: #ffffff;
}

.main-header.header-style-eight .cart-box .cart-box-btn .total-cart {
    right: -10px;
    top: -15px;
    color: #E410F2;
    background-color: #ffffff;
}

.main-header.header-style-eight .outer-box {
    padding: 29px 0px;
    margin-left: 0px;
}

.main-header.header-style-eight .mobile-nav-toggler {
    color: #ffffff;
    font-size: 20px;
    display: none;
}

.main-header.header-style-eight .sticky-header {
    background-color: #050c29;
}

/* Language Dropdown */

.language-dropdown {
    position: relative;
    line-height: 1em;
    margin-left: 25px;
}

.language-dropdown button {
    position: relative;
    background: none;
    font-weight: 400;
    color: #ffffff;
    font-size: 11px;
    z-index: 1;
    cursor: pointer;
    text-transform: capitalize;
    font-family: 'poppins', sans-serif;
}

.tna-header-2 .language-dropdown button {
    color: #000;
}

.language-dropdown button .flag {
    position: relative;
    margin-right: var(--margin-right-10);
}

.language-dropdown button:after {
    display: none;
}

.language-dropdown button .fa {
    font-size: var(--font-14);
}

.language-dropdown button .flag-icon {
    position: relative;
    margin-right: var(--margin-right-10);
}

.language-dropdown .dropdown-menu {
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    margin-top: 16px !important;
}

.language-dropdown .dropdown-menu .dropdown-item {
    font-weight: 400;
    padding: 13px 15px;
    color: #000000;
    text-transform: uppercase;
    font-size: var(--font-12);
    background-color: var(--color-two);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.language-dropdown .dropdown-menu li:last-child a {
    border: none;
}

.language-dropdown .dropdown-menu .dropdown-item:hover {
    color: #ffffff;
    background-color: var(--main-color);
}

/***

====================================================================
	Banner One
====================================================================

***/

.banner-one {
    position: relative;
    padding-top: 100px;
    overflow: hidden;
    background-size: cover;
}

.banner-one .auto-container {
    position: relative;
    max-width: 1320px;
}

.banner-one_pattern {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 338px;
    background-repeat: repeat-x;
}

.banner-one_title-column {
    position: relative;
}

.banner-one_title-outer {
    position: relative;
    padding-top: 135px;
}

.banner-one_cloud-icon {
    position: absolute;
    left: -120px;
    top: 45px;
}

.banner-one_title {
    position: relative;
    font-size: 80px;
    line-height: 90px;
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
}

.banner-one_title strong {
    position: relative;
    font-weight: 800;

    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    background-clip: text;
    -color: transparent;

}

.banner-one_title i {
    position: relative;
    font-weight: 800;
    opacity: 0.80;
    color: #ffffff;
}

.banner-one_title span {
    position: relative;
    font-weight: 800;
    color: #ffffff;
}

/* Play Box */

.banner-one_play {
    position: relative;
    margin-top: 90px;
}

.banner-one_play-box {
    position: relative;
}

.banner-one_play-box .fa {
    position: relative;
    width: 60px;
    height: 60px;
    max-width: 60px;
    line-height: 60px;
    padding-left: 5px;
    border-radius: 50px;
    display: inline-block;
    font-size: var(--font-20);
    text-align: center !important;
    background-color: #010317;
}

.banner-one_play-box .fa:after {
    position: absolute;
    content: '';
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 150px;
    border: 10px solid rgba(255, 255, 255, 0.10);
}

.banner-one_play-box .fa::before {
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    -color: transparent;
}

.banner-one_play-box i {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    display: inline-block;
    padding-top: var(--padding-top-20);
    margin-left: var(--margin-left-25);
    font-family: 'Kanit', sans-serif;

    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    color: transparent;
}

/* Image Column */

.banner-one_image-column {
    position: relative;
}

.banner-one_image-outer {
    position: relative;
}

.banner-one_image {
    position: relative;
    z-index: 1;
}

.banner-one_image img {
    position: relative;
    max-width: inherit;
}

.banner-one_color-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 536px;
    height: 940px;
    background-position: center top;
    background-repeat: no-repeat;
}

/* Image Column */

.banner-one_content-column {
    position: relative;
}

.banner-one_content-outer {
    position: relative;
    padding-top: 270px;
    margin-left: -45px;
}

.banner-one_text {
    position: relative;
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Catamaran', sans-serif;
}

.banner-one_content-button {
    position: relative;
    text-align: right;
    margin-top: 45px;
    margin-right: 40px;
}

.banner-two_socials {
    position: absolute;
    right: 70px;
    top: 490px;
    width: 52px;
    z-index: 1;
}

.banner-two_socials span {
    position: absolute;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    width: 140px;
    top: -45px;
    display: inline-block;
    transform: rotate(-90deg);
    transform-origin: -7% -100%;
    text-transform: uppercase;
    font-family: 'poppins', sans-serif;
}

.banner-two_socials span::before {
    position: absolute;
    content: '';
    bottom: 11px;
    left: -65px;
    width: 45px;
    height: 1px;
    background-color: #ffffff;
}

.banner-two_socials a {
    position: relative;
    width: 48px;
    height: 40px;
    z-index: 1;
    color: #010317;
    line-height: 42px;
    text-align: center;
    display: block;
    margin: 10px 0px;
}

.banner-two_socials a::after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    background: url(../img/icons/banner-two_social-bg.png) no-repeat;
}

.banner-one_wifi {
    position: absolute;
    left: -25px;
    top: 205px;
    z-index: 1;
}

/***

====================================================================
	Marque One
====================================================================

***/

.marque-one {
    position: relative;
    overflow: hidden;
}

.marque-one .marque {
    flex: none;
    display: flex;
}

.marque-one .marque:first-child {
    margin-left: -250px;
}

.marque-one .marque:last-child {
    margin-left: -250px;
}

.marque-one strong {
    position: relative;
    color: #ffffff;
    font-weight: 800;
    font-size: 65px;
    flex: none;
    line-height: 75px;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
}

.marque-one span {
    position: relative;
    font-weight: 800;
    font-size: 65px;
    flex: none;
    line-height: 75px;
    text-transform: uppercase;
    color: transparent;
    stroke: 1px #ffffff;
    font-family: 'Catamaran', sans-serif;
}

.marque-one i {
    position: relative;
    width: 44px;
    flex: none;
    height: 44px;
    margin: 15px 20px;
    font-family: 'Catamaran', sans-serif;
}

/***
====================================================================
	Service One
====================================================================
***/
.service-one {
    position: relative;
    overflow: hidden;
}

.service-one .auto-container {
    position: relative;

}

/* Title Column */
.service-one_title-column {
    position: relative;
    z-index: 12;
    margin-bottom: 30px;
}

.service-one_title-outer {
    position: relative;
    margin-left: -60px;
}

.service-one_title-outer::before {
    position: absolute;
    content: '';
    right: 100%;
    top: 0px;
    bottom: 0px;
    width: 500%;
    z-index: 10;
    background-color: #010317;
}

/* Carousel Column */

.service-one_carousel-column {
    position: relative;
    margin-bottom: 30px;
}

.service-one_carousel-outer {
    position: relative;
}

.service-one_carousel-column .owl-dots,
.service-one_carousel-column .owl-nav {
    display: none;
}

.service-one_carousel-column .owl-carousel .owl-stage-outer {
    margin-right: -360px;
}

.service-one_carousel-column .owl-carousel .owl-item.active::first-child .service-block_one-content {
    opacity: 0;
}

.service-one_carousel-column .owl-carousel .owl-item.active::first-child .service-block_one-overlay {
    opacity: 1;
}

/* .service-one_carousel-column .owl-carousel .owl-item{
	width: 318px !important;
}

.service-one_carousel-column .owl-carousel .owl-item.active .service-block_one-content{
	opacity: 0;
}

.service-one_carousel-column .owl-carousel .owl-item.active .service-block_one-overlay{
	opacity: 1;
	transform: scale(1,1);
}*/

.service-block_one {
    position: relative;
    margin-bottom: 30px;
}

.service-block_one-inner {
    position: relative;
    padding-top: 120px;
    max-width: 318px;
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-block_one-inner:hover .service-block_one-content {
    opacity: 0;
}

.service-block_one-inner:hover .service-block_one-overlay {
    opacity: 1;
    transform: scale(1, 1);
}

.service-block_one-content {
    position: relative;
    text-align: center;
    border-radius: 500px;
    padding: 70px 40px 80px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.10);

    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-block_one-icon {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 40px;
    line-height: 80px;
    border-radius: 100px;
}

.service-block_one-icon::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.20;
    border-radius: 50px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.service-block_one-icon i {
    position: relative;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.service-block_one-heading {
    position: relative;
    color: #ffffff;
    font-weight: 800;
    margin-top: var(--margin-top-35);
    font-family: 'Catamaran', sans-serif;
}

.service-block_one-text {
    position: relative;
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    opacity: 0.80;
    line-height: 26px;
    margin-top: 25px;
    font-family: 'Catamaran', sans-serif;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service-block_one-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    overflow: hidden;
    text-align: center;
    border-radius: 500px;
    padding: 60px 25px 60px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transform: scale(0.2, 1);
}

.service-block_one-overlay::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.service-block_one-image-layer {
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    border-radius: 500px;
    background-color: #010317;
}

.service-block_one-overlay .service-block_one-icon i {
    color: #ffffff;
    -color: inherit;
}

.service-block_one-overlay .service-block_one-icon::before {
    opacity: 1;
}

/* .service-block_one-overlay .service-block_one-heading{
	font-size: 30px;
}

.service-block_one-overlay .service-block_one-text{
	margin-top: 20px;
	font-size: 20px;
	line-height: 30px;
} */

.service-block_one-more {
    position: relative;
    font-size: 16px;
    z-index: 1;
    font-weight: 600;
    margin-top: 55px;
    padding: 12px 27px 11px;
    background: #F98208;
    display: inline-block;
    text-transform: uppercase;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    font-family: 'Catamaran', sans-serif;
    -color: transparent;
}

.service-block_one-more::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    z-index: -1;
    right: 0px;
    bottom: 0px;
    opacity: 0.20;
    border-radius: 50px;
    background: #F98208;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.service-block_one-more:hover {
    color: #ffffff;
    -color: inherit;
}

.service-block_one-more:hover::before {
    opacity: 1;
}

.service-block_one-overlay .service-block_one-icon {
    width: 100px;
    height: 100px;
    font-size: 50px;
    line-height: 100px;
}

/***

====================================================================
	About One
====================================================================

***/

.about-one {
    position: relative;
    overflow: hidden;
}

.about-one .auto-container {
    position: relative;
    max-width: 1274px;
}

.about-one_image-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 894px;
    background-size: cover;
}

.about-one_image-layer::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.88;
    background-color: #010317;
}

.about-one .sec-title-five_text {
    max-width: 495px;
    margin-top: 70px;
}

.about-one_button {
    position: relative;
    margin-top: 30px;
}

.about-one_content-column {
    position: relative;
    margin-bottom: 30px;
}

.about-one_content-outer {
    position: relative;
    padding-right: 10px;
}

.about-one_content-arrow {
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 70px;
}

.about-one_list {
    position: relative;
}

.about-one_list li {
    position: relative;
    font-size: 20px;
    display: flex;
    gap: 12px;
    margin-bottom: 22px;
    color: var(--white-color);
    font-family: 'Catamaran', sans-serif;
}

.about-one_list li:last-child {
    margin-bottom: 0px;
}

.about-one_list li i {
    position: relative;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50px;
    text-align: center;
    font-size: 10px;
    display: inline-block;
    color: var(--white-color);
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

/* Progress */

.about-one_progress {
    position: relative;
}

.about-one_progress::before {
    position: absolute;
    content: '';
    left: 0px;
    right: 0px;
    bottom: -5px;
    height: 10px;
    border-radius: 50px;
    background-color: #202233;
}

.about-one_progress-title {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
}

.about-one .bar {
    position: relative;
    height: 14px;
    width: 0px;
    z-index: 1;
    border-radius: 50px;
    transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    transition: all 2000ms ease;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.about-one .count-box {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 18px;
    font-weight: 700;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
    font-family: 'Livvic', sans-serif;
}

.about-one_image-column {
    position: relative;
    margin-bottom: 30px;
}

.about-one_image-outer {
    position: relative;
    padding-left: 10px;
}

.about-one_image {
    position: relative;
    z-index: 1;
    opacity: 0;
    clip-path: polygon(45% 0, 50% 0, 50% 100%, 45% 100%);
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
}

.about-one_image.now-in-view {
    opacity: 1;
    transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.about-one_image-two {
    position: absolute;
    right: -175px;
    bottom: -5px;
    z-index: 1;
}

/* About One Counter */

.about-one_counter {
    position: relative;
}

.about-one_counter-inner {
    position: relative;
}

.about-one_counter-number span {
    font-family: 'Catamaran', sans-serif;
}

.about-one_counter-number {
    position: relative;
    font-weight: 800;
    font-size: 78px;
    font-family: 'Livvic', sans-serif;
    color: transparent;
    stroke: 1px #ffffff;
    line-height: 1.3em;
}

.about-one_counter-number .odometer {
    position: relative;
    letter-spacing: 1px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.about-one_counter-text {
    position: relative;
    color: #ffffff;
    font-weight: 500;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
}

/***

====================================================================
	Price One
====================================================================

***/

.price-one {
    position: relative;
    overflow: hidden;
    padding: 130px 0px 125px;
}

.price-one .sec-title-five {
    margin-bottom: 55px;
}

.price-one .auto-container {
    position: relative;
    max-width: 1320px;
}

.price-one_pattern-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-position: left top;
    background-repeat: no-repeat;
}

.price-block_one {
    position: relative;
    margin-bottom: 30px;
}

.price-block_one-inner {
    position: relative;
    padding: 28px 50px;
    background: #F98208;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.price-block_one.active .price-block_one-inner {
    transform: translateX(-20px);
}

.price-block_one-inner::before {
    position: absolute;
    content: '';
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #1A1C2E;
}

.price-block_one-image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    transform: scale(1, 0.2);
    background-size: cover;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.price-block_one-image::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.90;
    background-color: #ff0000;
}

.price-block_one.active .price-block_one-image {
    opacity: 1;
    transform: scale(1, 1);
}

.price-block_one-title {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    z-index: 1;
    margin-top: 15px;
    font-weight: 400;
    padding: 7px 30px;
    letter-spacing: 2px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
}

.price-block_one-title::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    border-radius: 50px;
    background: #F98208;
    font-family: 'Catamaran', sans-serif;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.price-block_one-price {
    position: relative;
    color: #ffffff;
    font-weight: 700;
    font-size: 54px;
    line-height: 1em;
    margin-top: 25px;
    font-family: 'Livvic', sans-serif;
}

.price-block_one-price sub {
    position: relative;
    font-weight: 500;
    font-size: 14px;
    opacity: 0.70;
    top: -3px;
    margin-left: 5px;
}

.price-block_one-price sup {
    position: relative;
    font-weight: 600;
    font-size: 26px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.price-block_one-text {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    max-width: 400px;
    margin-top: 20px;
    font-family: 'Catamaran', sans-serif;
}

.price-block_one-button {
    position: relative;
    margin-top: 30px;
    margin-bottom: 15px;
}

.left-list-box {
    position: relative;
    padding-left: 52px;
    padding-bottom: 20px;
    padding-top: 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.price-block_one-icons {
    position: relative;
    display: flex;
    gap: 10px;
}

.price-block_one-icons .icon {
    position: relative;
    width: 80px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.price-block_one-icons .icon::before {
    position: absolute;
    content: '';
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 50px;
    background-color: #252738;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.price-block_one-icons .icon i {
    position: relative;
    font-size: 34px;
    font-weight: 500;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.price-block_one-list {
    position: relative;
    margin-top: 30px;
}

.price-block_one-list li {
    position: relative;
    display: flex;
    gap: 12px;
    font-weight: 500;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-left: 5px;
    font-family: 'Catamaran', sans-serif;
}

.price-block_one-list li i {
    position: relative;
    z-index: 1;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.price-block_one.active .left-list-box,
.price-block_one.active .right-list-box {
    border-color: rgba(249, 130, 8, 0.15);
}

.price-block_one.active .price-block_one-icons .icon i {
    color: #ffffff;
    -color: inherit;
}

.price-block_one.active .price-block_one-icons .icon::before {
    opacity: 0;
    transform: scale(1, 0);
}

.price-block_one-list li i:after {
    position: absolute;
    content: '';
    left: -5px;
    top: 2px;
    width: 20px;
    height: 20px;
    opacity: 0.15;
    border-radius: 50px;
    border: 2px solid #F98208;
}

.price-block_one-list li:last-child {
    margin-bottom: 0px;
}

.right-list-box {
    position: relative;
    padding-left: 40px;
    margin-top: 90px;
    padding-bottom: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.price-block_one-hover {
    position: absolute;
    left: 0px;
    right: -1px;
    bottom: -46px;
    height: 46px;
    opacity: 0;
    background: #F98208;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    clip-path: polygon(100% 0, 100% 0%, 100% 100%, 5% 100%, 0 0%, 0 0);
}

.price-block_one-hover_two {
    position: absolute;
    right: -46px;
    top: 0px;
    bottom: -46px;
    width: 46px;
    opacity: 0;
    background: #F98208;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: linear-gradient(to bottom, #F98208 0%, #E410F2 100%);
    clip-path: polygon(0% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
}

.price-block_one.active .price-block_one-inner .price-block_one-hover {
    opacity: 1;
}

.price-block_one.active .price-block_one-inner .price-block_one-hover_two {
    opacity: 1;
}

.price-block_one.active {
    margin-bottom: 75px;
}

.price-block_one-lower {
    position: relative;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.70);
    font-family: 'Catamaran', sans-serif;
}

.price-block_one-lower a {
    position: relative;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    font-family: 'Catamaran', sans-serif;
    -color: transparent;
}

/***

====================================================================
	Movie One
====================================================================

***/

.movie-one {
    position: relative;
    padding-top: 90px;
    overflow: hidden;
    padding-bottom: 600px;
}

.movie-one_button,
.movie-one .sec-title-five {
    z-index: 2;
}

.movie-one_button {
    margin-bottom: 150px;
}

.movie-one_image {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-size: cover;
}

.movie-one_image::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.80;
    background-color: #010317;
}

.moview-one_gallery {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    left: 0px !important;

    display: grid;
    grid-template-columns: repeat(50, 2%);
    grid-template-rows: repeat(50, 2%);
    /* transform: translateY(-650px); */
}

.movie__item-img,
.movie__item-img img {
    position: relative;
    display: block;
    border-radius: 8px;
    overflow: hidden;
}

.movie__item-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
    background-size: cover;
}

.post-1 {
    grid-area: 6 / 1 / 19 / 12;
}

.post-2 {
    grid-area: 22 / 17 / 21 / 33;
}

.post-3 {
    grid-area: 3 / 90 / 25 / 42;
}

.post-4 {
    grid-area: 23 / 2 / 22 / 14;
}

.post-5 {
    grid-area: 15 / 31 / 37 / 41;
}

.post-6 {
    grid-area: 35 / 39 / 30 / 51;
}

.post-7 {
    grid-area: 43 / 1 / 51 / 10;
}

.post-8 {
    grid-area: 31 / 29 / 24 / 180;
}

.post-9 {
    grid-area: 40 / 26 / 51 / 32;
}

.post-10 {
    grid-area: 37 / 39 / 48 / 47;
}

/***
====================================================================
	Speed One
====================================================================
***/
.speed-one {
    position: relative;
    padding: 120px 0px 90px;
    background-position: right center;
    background-repeat: no-repeat;
}

.speed-one .sec-title-five {
    margin-bottom: 30px;
}

.speed-one_hand {
    position: absolute;
    left: 10%;
    top: 17%;
}

.speed-one_rocket {
    position: absolute;
    right: 8%;
    bottom: 30%;
}

/***
====================================================================
	Speed Tabs Style
====================================================================
***/

.speed-tabs {
    position: relative;
}

.speed-tabs .tab-btns {
    position: relative;
    z-index: 1;
    gap: 20px;
    margin-bottom: 60px;
}

.speed-tabs .tab-btns .tab-btn {
    position: relative;
    cursor: pointer;
    display: flex;
    gap: 8px;
    line-height: 1em;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    align-items: center;
    border-radius: 50px;
    align-items: center;
    padding: 10px 19px 8px;
    transition: all 500ms ease;
    text-transform: uppercase;
    background-color: #1A1C2E;
    font-family: 'Catamaran', sans-serif;
}

.speed-tabs .tab-btns .tab-btn::before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -8px;
    opacity: 0;
    margin-left: -5px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #ef4781;
}

.speed-tabs .tab-btns .tab-btn i {
    position: relative;
    font-weight: normal;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.speed-tabs .tab-btns .tab-btn:hover,
.speed-tabs .tab-btns .tab-btn.active-btn {
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.speed-tabs .tab-btns .tab-btn:hover::before,
.speed-tabs .tab-btns .tab-btn.active-btn::before {
    opacity: 1;
}

.speed-tabs .tab-btns .tab-btn:hover i,
.speed-tabs .tab-btns .tab-btn.active-btn i {
    background: none;
    color: #ffffff;
    background-image: none;
    -color: inherit
}

.speed-tabs .tabs-content {
    position: relative;
}

.speed-tabs .tabs-content .tab {
    position: relative;
    display: none;
    opacity: 0;
    text-align: center;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transform: scale(0.3, 1);
}

.speed-tabs .tabs-content .tab .image {
    position: relative;
    margin-bottom: 50px;
}

.speed-tabs .tabs-content .tab.active-tab {
    opacity: 1;
    display: block;
    transform: scale(1, 1);
    transition-delay: 30ms;
    -moz-transition-delay: 30ms;
    -ms-transition-delay: 30ms;
    -o-transition-delay: 30ms;
    transition-delay: 30ms;
}

.speed-info_box {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
}

.speed-info {
    position: relative;
    width: 330px;
    height: 125px;
    padding: 20px 20px;
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #1A1C2E;
}

.speed-info .speed {
    position: relative;
    font-size: 18px;
    display: flex;
    gap: 10px;
    color: rgba(255, 255, 255, 0.70);
    font-family: 'Catamaran', sans-serif;
}

.speed-info .speed i {
    position: relative;
    font-weight: 600;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.speed-info:nth-child(2) .speed i {
    background: #283ad2;
    background: linear-gradient(to right, #283ad2 0%, #e006ed 100%);
    background-clip: text;
    -color: transparent;
}

.speed-info:nth-child(2) .speed-mb span {
    background: #283ad2;
    background: linear-gradient(to right, #283ad2 0%, #e006ed 100%);
    background-clip: text;
    -color: transparent;
}

.speed-info .speed-mb {
    position: relative;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.70);
    font-family: 'Catamaran', sans-serif;
}

.speed-info .speed-mb span {
    position: relative;
    font-weight: 600;
    font-size: 24px;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    background-clip: text;
    font-family: 'Catamaran', sans-serif;
    -color: transparent;
}

.speed-info .graph-image {
    position: relative;
    margin-top: 10px;
}

.speed-info:nth-child(3) .speed i {
    background: #f8850c;
    background: linear-gradient(to right, #f8850c 0%, #db1818 100%);
    background-clip: text;
    -color: transparent;
}

.speed-info:nth-child(3) .speed-mb span {
    background: #f8850c;
    background: linear-gradient(to right, #f8850c 0%, #db1818 100%);
    background-clip: text;
    -color: transparent;
}

/***

====================================================================
	About Two
====================================================================

***/

.about-two {
    position: relative;
    overflow: hidden;
    background-color: #040829;
}

.about-two .auto-container {
    max-width: 1320px;
}

.about-two_content-column {
    position: relative;
    margin-bottom: 30px;
}

.about-two_content-outer {
    position: relative;
    padding-top: 115px;
}

.about-two_info {
    position: relative;
    padding: 19px 15px;
    border-radius: 10px;
    margin-bottom: 50px;
    border: 1px dashed #e105ed;
}

.about-two .sec-title-five {
    margin-bottom: 35px;
}

/* About Two Block */

.about-two_block {
    position: relative;
}

.about-two_block-inner {
    position: relative;
    min-height: 84px;
    padding-left: 100px;
}

.about-two_block-icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 84px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-two_block-icon::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.10;
    border-radius: 10px;
    background: #f8850c;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.about-two_block-icon i {
    position: relative;
    font-size: 54px;
    background: #f8850c;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.about-two_block-heading {
    position: relative;
    color: #ffffff;
    font-family: 'Catamaran', sans-serif;
}

.about-two_block-inner p {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    opacity: 0.80;
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 0px;
    font-family: 'Catamaran', sans-serif;
}

/* About Two Options */

.about-two_options {
    position: relative;
}

.about-two_button {
    position: relative;
}

.about-two_price {
    position: relative;
    margin-left: 70px;
    color: #f8850c;
    font-size: 44px;
    font-weight: 700;
    font-family: 'Livvic', sans-serif;
}

.about-two_price sup {
    position: relative;
    font-size: 22px;
    background: #f8850c;
    margin-right: 2px;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.about-two_price sub {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    background: #f8850c;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
}

.about-two_price span {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    background: inherit;
    margin-top: 20px;
    font-family: 'Catamaran', sans-serif;
}

.about-two_image-column {
    position: relative;
}

.about-two_image-outer {
    position: relative;
}

.about-two_image {
    position: relative;
    margin-left: 80px;
}

.about-two_image img {
    position: relative;
    max-width: inherit !important;
}

.about-two_image-two {
    position: absolute;
    left: 85px;
    bottom: 0px;
}

/***

====================================================================
	Testimonial One
====================================================================

***/

.testimonial-one {
    position: relative;
    overflow: hidden;
    padding: 110px 0px 110px;
}

.testimonial-one .auto-container {
    position: relative;
    max-width: 1800px;
}

.testimonial-one .inner-container {
    position: relative;
    height: 708px;
    background-position: center top;
}

.testimonial-one .testimonial-author_image {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.testimonial-one .testimonial-author_image:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -19px;
    margin-left: -8px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #ee497d;
}

.testimonial-one .testimonial-author_image::before {
    position: absolute;
    content: '';
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
    border-radius: 50%;
    background: #f8850c;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

.testimonial-author-box_content {
    position: absolute;
    left: -36px;
    top: -260px;
    width: 430px;
    opacity: 0;
    z-index: 10;
    visibility: hidden;
    padding: 30px 30px;
    border-radius: 10px;
    background-color: #ffffff;
    transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.testimonial-author-box_content::before {
    position: absolute;
    content: '';
    left: 50px;
    bottom: -24px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #ffffff;
}

.testimonial-author-box_text {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #010317;
    margin-bottom: 25px;
    font-family: 'Catamaran', sans-serif;
}

.testimonial-author-box_text span:first-child {
    color: #fcb46b;
}

.testimonial-author-box_text span:last-child {
    color: #f16b9c;
}

.testimonial-author-box_info {
    position: relative;
}

.testimonial-author_info {
    position: relative;
    font-size: 16px;
    color: rgba(1, 3, 23, 0.70);
    font-family: 'Catamaran', sans-serif;
}

.testimonial-author_info span {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block;
    background: #283ad2;
    background: linear-gradient(to right, #283ad2 0%, #e006ed 100%);
    background-clip: text;
    -color: transparent;
}

.testimonial-author-box_rating {
    position: relative;
    color: #ffc107;
    font-size: 16px;
}

.testimonial-author-box:hover .testimonial-author-box_content {
    opacity: 1;
    visibility: visible;
}

.testimonial-one .testimonial-author-box {
    position: absolute;
    left: -1%;
    bottom: 38%;
}

.testimonial-author-box.two {
    left: 8%;
    bottom: 59%;
}

.testimonial-author-box.three {
    left: 21%;
    top: 16%;
    bottom: auto;
}

.testimonial-author-box.four {
    left: 30%;
    top: 2%;
    bottom: auto;
}

.testimonial-author-box.five {
    left: 16.5%;
    top: 44%;
    bottom: auto;
}

.testimonial-author-box.six {
    left: 19.5%;
    bottom: 18%;
}

.testimonial-author-box.seven {
    left: 37%;
    bottom: 61%;
}

.testimonial-author-box.eight {
    left: 51%;
    bottom: 44%;
}

.testimonial-author-box.nine {
    left: 56%;
    bottom: 65%;
}

.testimonial-author-box.ten {
    left: 62%;
    top: 0%;
    bottom: auto;
}

.testimonial-author-box.eleven {
    left: 75%;
    top: 10%;
    bottom: auto;
}

.testimonial-author-box.twelve {
    left: 78%;
    top: 36%;
    bottom: auto;
}

.testimonial-author-box.thirteen {
    left: auto;
    right: 8%;
    top: 18%;
    bottom: auto;
}

.testimonial-author-box.thirteen .testimonial-author-box_content {
    left: auto;
    right: -40px;
}

.testimonial-author-box.thirteen .testimonial-author-box_content::before {
    left: auto;
    right: 50px;
}



.testimonial-author-box.fourteen {
    left: auto;
    right: 8%;
    top: auto;
    bottom: 30%;
}

.testimonial-author-box.fourteen .testimonial-author-box_content {
    left: auto;
    right: -40px;
}

.testimonial-author-box.fourteen .testimonial-author-box_content::before {
    left: auto;
    right: 50px;
}



.testimonial-author-box.fifteen {
    left: auto;
    right: 1%;
    top: auto;
    bottom: 30%;
}

.testimonial-author-box.fifteen .testimonial-author-box_content {
    left: auto;
    right: -40px;
}

.testimonial-author-box.fifteen .testimonial-author-box_content::before {
    left: auto;
    right: 50px;
}



.testimonial-author-box.sixteen {
    left: auto;
    right: 0%;
    top: auto;
    bottom: 10%;
}

.testimonial-author-box.sixteen .testimonial-author-box_content {
    left: auto;
    right: -40px;
}

.testimonial-author-box.sixteen .testimonial-author-box_content::before {
    left: auto;
    right: 50px;
}

.wdt-hotspot-soft-beat {
    animation: wdt-soft-beat .7s infinite alternate;
    animation: wdt-soft-beat .7s infinite alternate;
    animation-timing-function: ease;
    animation-timing-function: ease;
}




/* Animations */

@keyframes wdt-soft-beat {
    from {
        transform: scale(1);
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes wdt-soft-beat {
    from {
        transform: scale(1);
        transform: scale(1);
    }

    to {
        transform: scale(1.1);
        transform: scale(1.1);
    }
}




@keyframes wdt-expand {
    0% {
        transform: scale(.5);
        transform: scale(.5);

        opacity: 1;
    }

    to {
        transform: scale(1.5);
        transform: scale(1.5);

        opacity: 0;
    }
}

@keyframes wdt-expand {
    0% {
        transform: scale(.5);
        transform: scale(.5);

        opacity: 1;
    }

    to {
        transform: scale(1.5);
        transform: scale(1.5);

        opacity: 0;
    }
}

/***

====================================================================
	App One
====================================================================

***/

.app-one {
    position: relative;
    overflow: hidden;
}

.app-one .auto-container {
    position: relative;
    max-width: 1320px;
}

.app-one .inner-container {
    position: relative;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 70px;
    background-size: cover;
    border-radius: 10px;
    padding-right: 110px;
}

.app-one_content {
    position: relative;
    max-width: 530px;
}

.app-one_title {
    position: relative;
    font-size: 16px;
    color: #B92B03;
    font-weight: 600;
    border-radius: 50px;
    display: inline-block;
    padding: 12px 23px 10px;
    text-transform: uppercase;
    background-color: #ffffff;
    font-family: 'Catamaran', sans-serif;
}

.app-one_heading {
    position: relative;
    color: #ffffff;
    font-weight: 800;
    font-size: 52px;
    line-height: 60px;
    margin-top: 25px;
    font-family: 'Catamaran', sans-serif;
}

.app-one_text {
    position: relative;
    color: #ffffff;
    font-size: 20px;
    opacity: 0.80;
    line-height: 30px;
    margin-top: 25px;
    font-family: 'Catamaran', sans-serif;
}

.app-one_buttons {
    position: relative;
    margin-top: 35px;
}

.app-one_buttons {
    position: relative;
}

.app-one_buttons a {
    position: relative;
    margin-right: 15px;
    display: inline-block;
}

/***

====================================================================
	News One
====================================================================

***/

.news-one {
    position: relative;
}

.news-one .auto-container {
    max-width: 1320px;
}

.news-one .lower-text {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    margin-top: 50px;
    text-align: center;
    color: rgba(255, 255, 255, 0.70);
    font-family: 'Catamaran', sans-serif;
}

.news-one .lower-text a {
    position: relative;
    background: #F98208;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    background-clip: text;
    -color: transparent;
    text-decoration: underline;
    font-family: 'Catamaran', sans-serif;
}

.news-block_one {
    position: relative;
}

.news-block_one-inner {
    position: relative;
    padding: 35px 0px 20px 0px;
}

.news-block_one:nth-child(2) .news-block_one-inner {
    border-top: 2px solid rgba(255, 255, 255, 0.25);
}

.news-block_one-inner::before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 2px;
    opacity: 0.25;
    background-color: #ffffff;
}

.news-block_one-image {
    position: absolute;
    left: 0px;
    top: 35px;
    z-index: 1;
    overflow: hidden;
    width: 394px;
    border-radius: 10px;
    display: inline-block;
}

.news-block_one-image img {
    position: relative;
    width: 100%;
    display: block;
    filter: grayscale(100%);
    transition: all 3000ms ease;
    -moz-transition: all 3000ms ease;
    -ms-transition: all 3000ms ease;
    -o-transition: all 3000ms ease;
    transition: all 3000ms ease;
}

.news-block_one-inner:hover .news-block_one-image img {
    filter: grayscale(0%);
    transform: scale(1.15, 1.15);
}

.news-block_one-content {
    position: relative;
    min-height: 250px;
    padding-left: 425px;
}

.news-block_one-heading {
    position: relative;
    max-width: 550px;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    font-family: 'Catamaran', sans-serif;
}

.news-block_one-heading a {
    position: relative;
    color: rgba(255, 255, 255, 0.80);
    font-family: 'Catamaran', sans-serif;
}

.news-block_one-heading a:hover {
    color: rgba(255, 255, 255, 1);
}

.news-block_one-date {
    position: absolute;
    right: 0px;
    top: 10px;
    font-weight: 500;
    font-size: 22px;
    color: #F98208;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
}

.news-block_one-text {
    position: relative;
    color: #ffffff;
    font-size: 20px;
    opacity: 0.80;
    line-height: 30px;
    max-width: 530px;
    margin-top: 45px;
    margin-left: 270px;
    font-family: 'Catamaran', sans-serif;
}

.news-block_one-button {
    position: relative;
    margin-top: -25px;
}

.news-block_one-inner:hover .theme-btn {
    padding-left: 30px;
}

.news-block_one-button .theme-btn {
    padding-left: 0px;
}

.news-block_one-button .theme-btn::before {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 0px;
}

/***

====================================================================
	CTA One
====================================================================

***/

.cta-one {
    position: relative;
    z-index: 1;
}

.cta-one .auto-container {
    position: relative;
    max-width: 1320px;
}

.cta-one .inner-container {
    position: relative;
    padding-right: 50px;
    padding-left: 40px;
}

.cta-one_pattern {
    position: absolute;
    left: 0px;
    top: 60px;
    right: 0px;
    bottom: 0px;
    border-radius: 10px;
    background-size: cover;
}

.cta-one_title {
    position: relative;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    gap: 15px;
    align-items: center;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
}

.cta-one_title .map {
    position: relative;
    width: 42px;
    height: 42px;
    color: #f15478;
    line-height: 42px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-family: 'FontAwesome';
    background-color: #ffffff;
}

.cta-one_image-column {
    position: relative;
}

.cta-one_image {
    position: relative;
}

.cta-one_content-column {
    position: relative;
}

.cta-one_content {
    position: relative;
    padding-top: 145px;
    padding-left: 40px;
}

.cta-one_heading {
    position: relative;
    color: #ffffff;
    font-size: 48px;
    line-height: 56px;
    margin-top: 20px;
    font-weight: 800;
    font-family: 'Catamaran', sans-serif;
}

/* Services Form */

.services-form {
    position: relative;
    margin-top: 55px;
}

.services-form .form-group {
    position: relative;
    display: block;
    margin-bottom: var(--margin-zero);
}

.services-form .form-group input[type="text"],
.services-form .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    height: 72px;
    font-size: 20px;
    line-height: 26px;
    color: #686868;
    padding: 10px 170px 10px 25px;
    border-radius: 5px;
    background: #ffffff;
    transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Catamaran', sans-serif;
}

.services-form .form-group button {
    position: absolute;
    right: 7px;
    top: 7px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 5px;
    padding: 17px 35px;
    background: #F98208;
    font-family: 'Catamaran', sans-serif;
    background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
}

@media only screen and (max-width: 1660px) {

    .about-one_counter-number {
        font-size: 56px;
    }

    .about-one_counter-outer {
        margin-left: -120px;
    }

}

@media only screen and (max-width: 1600px) {

    .about-one_counter-outer {
        margin-left: 0px;
    }

    .about-one_counter-number {
        font-size: 50px;
    }

    .about-one_counter-text {
        font-size: 14px;
    }

    .testimonial-author-box.one {
        left: 2%;
    }

    .testimonial-author-box.one .testimonial-author-box_content {
        left: 15px;
    }

}

@media only screen and (max-width: 1450px) {

    .banner-two_socials {
        display: none;
    }

}

@media only screen and (max-width: 1500px) {

    .banner-two_socials {
        right: 20px;
    }

    .about-one_image-two {
        right: -100px;
    }

}

@media only screen and (max-width: 1400px) {}

@media only screen and (max-width: 1340px) {

    .banner-two_socials {
        display: none;
    }

    .service-one_title-outer {
        margin-left: 0px;
    }

    .about-one_image-two {
        right: 0px;
    }

    .price-block_one.active .price-block_one-inner {
        transform: translateX(0px);
    }

    .price-block_one-hover,
    .price-block_one-hover_two {
        display: none;
    }

    .price-block_one.active {
        margin-bottom: 30px;
    }

    .price-block_one-image {
        left: 1px;
        top: 2px;
        right: 1px;
        bottom: 1px;
    }

    .post-1,
    .post-3 {
        display: none !important;
    }

}

@media only screen and (max-width: 1240px) {

    .banner-one_color-layer {
        display: none;
    }

    .banner-one_content-outer {
        z-index: 1;
        margin-left: 0px;
        padding-top: 150px;
    }

    .banner-one_title {
        font-size: 64px;
        line-height: 74px;
    }

    .about-one_counter-outer {
        margin-top: 100px;
    }

    .about-one_counter-number {
        font-size: 36px;
    }

    .speed-one_hand {
        left: 3%;
    }

    .speed-one_rocket {
        right: 2%;
    }

    .news-block_one-text {
        margin-left: 200px;
    }

    .cta-one_content {
        padding-top: 120px;
    }

    .banner-one_play {
        margin-top: 30px;
    }

    .news-block_one-text {
        max-width: 100%;
        margin-left: 0px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .news-block_one-text br {
        display: none;
    }

    .news-block_one-button {
        margin-top: 0px;
    }

    .news-block_one-date {
        position: relative;
        top: 0px;
        margin-bottom: 10px;
    }

    .cta-one_heading {
        font-size: 40px;
        line-height: 50px;
    }

}

@media only screen and (max-width: 1140px) {

    .service-one {
        padding-top: 80px;
    }

    .about-one_image-outer {
        padding-left: 0px;
    }

    .about-one_content-outer {
        padding-right: 0px;
    }

    .price-one {
        padding-top: 80px;
    }

    .left-list-box {
        padding-left: 30px;
    }

    .price-block_one-inner {
        padding: 28px 30px;
    }

    .about-two_image {
        margin-left: 0px;
    }

    .sec-title-five_heading {
        font-size: 50px;
        line-height: 60px;
    }

    .app-one .inner-container {
        padding-right: 25px;
        background-position: right center;
    }

    .app-one_content {
        max-width: 500px;
    }

    .services-form {
        margin-top: 30px;
    }

    .about-one_counter-outer {
        margin-top: 40px;
    }

    .news-block_one-heading {
        font-size: 30px;
        line-height: 40px;
    }

    .app-one .inner-container {
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        background-position: right top;
        background-image: inherit !important;
        background-color: #b92b03;
    }

    .app-one_content {
        max-width: 100%;
        width: 100%;
    }

}

@media only screen and (max-width: 1023px) {

    .header-style-eight {
        top: 0px;
        background: #F98208;
        background: linear-gradient(to right, #F98208 0%, #E410F2 100%);
    }

    .header-style-eight .header-lower .inner-container {
        padding: 0px 0px;
        border-radius: 0px;
    }

    .main-header.header-style-eight .nav-outer {
        width: auto;
    }

    .banner-one_cloud-icon,
    .main-header.header-style-eight .language-dropdown {
        display: none;
    }

    .banner-one_content-column {
        order: 2;
    }

    .banner-one_image-column {
        order: 3;
    }

    .banner-one_image-outer {
        text-align: center;
    }

    .banner-one_wifi {
        left: 25px;
    }

    .banner-one_content-outer,
    .banner-one_title-outer {
        padding-top: 0px;
    }

    .service-one_carousel-column .owl-carousel .owl-stage-outer {
        margin-right: 0px;
    }

    .price-block_one-text {
        max-width: 100%;
    }

    .left-list-box {
        border: none;
        padding-left: 0px;
    }

    .cta-one_image {
        display: none;
    }

    .cta-one_pattern {
        top: 0px;
    }

    .cta-one_content {
        padding: 0px;
    }

    .cta-one .inner-container {
        padding: 60px 35px;
    }

    .about-one .sec-title-five .left-box {
        padding-right: 10px;
    }

    .about-one .sec-title-five_text {
        margin-top: 30px;
        max-width: 100%;
    }

    .about-one .sec-title-five_text br {
        display: none;
    }

    .about-one_list li {
        font-size: 16px;
    }

}

@media only screen and (max-width: 991px) {

    .service-block_one-content {
        border-radius: 0px;
    }

    .service-block_one-inner {
        max-width: 100%;
    }

    .service-one {
        padding-bottom: 50px;
    }

    .sec-title-five_heading br {
        display: none;
    }

    .about-one .sec-title-five_text {
        margin-top: 20px;
        max-width: 100%;
    }

    .moview-one_gallery {
        display: none !important;
    }

    .movie-one {
        padding: 90px 0px 90px;
    }

    .movie-one_button {
        margin-bottom: 0px;
    }

    .testimonial-author-box.nine,
    .testimonial-author-box.eleven {
        display: none !important;
    }

    .testimonial-author-box.ten .testimonial-author-box_content {
        left: auto;
        right: -40px;
    }

    .testimonial-author-box.twelve .testimonial-author-box_content {
        left: auto;
        right: -40px;
    }

    .testimonial-author-box.ten .testimonial-author-box_content::before,
    .testimonial-author-box.twelve .testimonial-author-box_content::before {
        display: none;
    }

}

@media only screen and (max-width: 767px) {

    .banner-one_title {
        font-size: 44px;
        line-height: 54px;
    }

    .testimonial-author-box.eight,
    .banner-one_image-outer {
        display: none;
    }

    .banner-one_content-button {
        text-align: left;
        margin-top: 30px;
    }

    .banner-one_content-outer {
        margin-top: 40px;
    }

    .banner-one {
        padding-bottom: 100px;
    }

    .main-header.header-style-eight .outer-box {
        left: auto;
        right: 15px;
    }

    .main-header.header-style-eight .search-box-outer {
        margin-right: 25px;
    }

    .main-header.header-style-eight .sticky-header .logo {
        padding: 30px 0px;
    }

    .service-block_one-overlay,
    .service-block_one-image-layer {
        border-radius: 0px;
    }

    .about-one_content-outer .column:first-child .about-one_list {
        margin-bottom: 25px;
    }

    .app-one_content {
        max-width: 100%;
    }

    .app-one .inner-container {
        padding-left: 25px;
    }

    .news-block_one-content {
        padding-left: 0px;
        min-height: auto;
    }

    .news-block_one-image {
        position: relative;
        top: 0px;
        margin-bottom: 30px;
    }

    .service-block_one-inner {
        padding-top: 0px;
    }

}

@media only screen and (max-width: 599px) {

    .sec-title-five_heading {
        font-size: 40px;
        line-height: 50px;
    }

    .speed-info {
        width: 100%;
    }

    .marque-one strong,
    .marque-one span {
        font-size: 40px;
        line-height: 50px;
    }

    .marque-one i {
        margin: 4px 12px;
    }

    .service-block_one-more {
        margin-top: 20px;
    }

    .service-block_one-overlay {
        padding: 30px 20px 30px;
    }

    .right-list-box {
        border: none;
        margin-top: 0px;
        padding-left: 0px;
    }

    .price-block_one-list {
        margin-top: 0px;
    }

    .price-block_one-icons {
        margin-bottom: 25px;
    }

    .about-two_image-two,
    .speed-one_rocket,
    .speed-one_hand {
        display: none;
    }

    .about-two_image img {
        max-width: 100% !important;
        margin-right: -15px;
    }

    .app-one_heading {
        font-size: 40px;
        line-height: 50px;
    }

    .news-block_one-image {
        width: 100%;
    }

    .cta-one_heading {
        font-size: 30px;
        line-height: 40px;
    }

    .services-form .form-group button {
        position: relative;
        right: 0px;
        top: 0px;
        margin-top: 15px;
    }

    .testimonial-author-box.seven,
    .testimonial-author-box.ten {
        display: none;
    }

    .testimonial-author-box.four {
        left: 10%;
        top: 6%;
        bottom: auto;
    }

}

@media only screen and (max-width: 420px) {

    .banner-one_title {
        font-size: 30px;
        line-height: 40px;
    }

    .sec-title-five_heading {
        font-size: 34px;
        line-height: 44px;
    }

    .price-block_one-inner {
        padding: 20px 20px;
    }

    .about-two_info .column:first-child .about-two_block {
        margin-bottom: 20px;
    }

    .about-two_price {
        margin-top: 35px;
        margin-left: 0px;
    }

    .app-one_heading {
        font-size: 30px;
        line-height: 40px;
    }

    .app-one_buttons a {
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .cta-one .inner-container {
        padding: 30px 15px;
    }

    .cta-one_heading {
        font-size: 26px;
        line-height: 36px;
    }

    .news-block_one-heading {
        font-size: 26px;
        line-height: 36px;
    }

    .testimonial-author-box.fifteen {
        display: none;
    }

    .testimonial-author-box_content {
        width: 300px;
        padding: 20px 20px;
    }

    .testimonial-author-box.sixteen .testimonial-author-box_content {
        right: 0px;
    }

    .testimonial-author-box.twelve .testimonial-author-box_content {
        right: 0px;
    }

    .testimonial-author-box.three .testimonial-author-box_content {
        left: -65px;
    }

    .testimonial-author-box_content {
        left: -40px;
    }
}

/* home 8 css */

/*
    tna-all veriable-end
*/
/*
	tna-commmon-css-start
*/
.container {
    padding-right: inherit;
    padding-left: inherit;
    text-align: center;
}

.codecount-section{
    text-align: center;
    display: flex;
    flex-direction: row;
    padding: 20px;
    flex-wrap: wrap;
    margin: 135px auto;
    max-width: 1400px;
    width: auto;
    align-content: center;
    justify-content: center;
    align-items: center;

}

.container-text {
    padding-right: 15px;
    padding-left: 15px;
}

.tx-sliderContent .position-relative .tx-z1 {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: -200px;

}

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

.row.g-0 {
    --bs-gutter-x: 0;
}

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

.tna-img-cover img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.tna-fix {
    overflow: hidden;
}

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

.z-index-3 {
    position: relative;
    z-index: 3;
}

.reveal-type {
    text-transform: lowercase !important;
    letter-spacing: -0.5px;
}

.reveal-type-2 {
    text-transform: lowercase !important;
    letter-spacing: -0.7px;
}

.txa-split-in-right {
    text-transform: unset !important;
    letter-spacing: -0.5px;
}

.txa-split-in-right .split-line div div:nth-child(1) {
    text-transform: capitalize;
}

.txa-split-text {
    overflow: hidden !important;
}

.txa-split-in-up {
    text-transform: unset !important;
    letter-spacing: -0.5px;
}

.txa-split-in-up .split-line div div:nth-child(1) {
    text-transform: capitalize;
}

.xs-sidebar-group.active .xs-sidebar-widget:nth-child(2) {
    right: 0px;
}

.xs-sidebar-group.active .xs-overlay {
    opacity: 0.5;
    visibility: visible;
    transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    left: 0;
}

.txa-split-in-right-black {
    text-transform: unset !important;
    letter-spacing: -0.5px;
}

.txa-split-in-right-black .split-line div div:nth-child(1) {
    text-transform: capitalize;
}

.split-in-right-hero {
    text-transform: unset !important;
    letter-spacing: -0.5px;
}

.split-in-left {
    text-transform: unset !important;
    letter-spacing: -0.5px;
}

.split-in-down {
    text-transform: unset !important;
    letter-spacing: -0.5px;
}

.split-in-down .split-line {
    overflow: hidden;
}

.split-in-scale {
    text-transform: unset !important;
    letter-spacing: -0.5px;
}

.split-in-scale .split-line {
    overflow: hidden;
}

.split-in-rotate {
    text-transform: unset !important;
    letter-spacing: -0.5px;
}

.split-in-rotate .split-line {
    overflow: hidden;
}

/*
	tna-all-common-css-end
*/
/*
   tna-home-1-all-title-paragraph-start
*/
.tna-heading-1 {
    font-family: var(--poppins);
    color: var(--tna-heading-1);
    text-transform: capitalize;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0px;
}

.pera-color {
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    font-family: var(--poppins);
    color: var(--pera-color);
    margin-bottom: 0;
}

.tna-subtitle-1 {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    color: var(--theme-color);
    font-family: var(--poppins);
    letter-spacing: 0.28px;
    padding: 5px 20px;
    border-radius: 42px;
    display: inline-block;
    background: rgba(225, 4, 25, 0.1);
    backdrop-filter: blur(10.5px);
    margin-bottom: 15px;
}

.tna-title-1 {
    font-family: var(--poppins);
    color: var(--tna-heading-1);
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
    font-size: 50px;
    margin-bottom: 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-title-1 {
        font-size: 45px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-title-1 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-title-1 {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .tna-title-1 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-title-1 {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .tna-title-1:is(.tna-br-hide) br {
        display: none;
    }
}

/*
    home-1-end
*/
/*
    home-2-start
*/
.txa-heading-2 {
    font-family: var(--txa-heading-2-font);
    color: var(--txa-heading-2);
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0px;
}

.txa-subtitle-3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--txa-pr-2);
    font-family: var(--txa-heading-2-font);
    margin-bottom: 15;
}

.txa-subtitle-3 i {
    font-size: 24px;
    display: inline-block;
    margin-right: 6px;
    line-height: 1;
    transform: translateY(7px);
}

.txa-para-2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: var(--txa-body-1-font);
    color: var(--txa-para-1);
    letter-spacing: 0.18px;
    margin-bottom: 0;
}

/*
    tna-all-title-and-paragraph-end
*/

/*
    tna-home-2-all-title-and-paragraph-start
*/
.tna-heading-2 {
    font-family: var(--catamaran);
    color: var(--tna-heading-1);
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.13;
    margin-bottom: 0px;
}

.tna-heading-2 a {
    font-family: var(--catamaran);
}

.tna-para-2 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    font-family: var(--catamaran);
    color: var(--tna-para-1);
    margin-bottom: 0;
}

.tna-subtitle-2 {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 32px;
    text-transform: uppercase;
    font-family: var(--catamaran);
    letter-spacing: 2.4px;
    padding-left: 65px;
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    margin-bottom: 15px;
}

.tna-subtitle-2::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 52px;
    height: 2px;
    background: var(--tna-gd-2);
}

.tna-subtitle-2:is(.has-center) {
    padding-right: 65px;
}

.tna-subtitle-2:is(.has-center)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 52px;
    height: 2px;
    background: var(--tna-gd-2);
}

.tna-subtitle-2:is(.has-4) {
    background: var(--tna-gd-1);
    background-clip: text;
    background-clip: text;
    letter-spacing: 0px;
}

.tna-subtitle-2:is(.has-4)::after {
    background: var(--tna-gd-1);
}

.tna-subtitle-2:is(.has-4):is(.has-center)::before {
    background: var(--tna-gd-1);
}

.tna-subtitle-3 {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 800;
    line-height: 32px;
    text-transform: uppercase;
    font-family: var(--catamaran);
    letter-spacing: 2.4px;
    color: var(--tna-pr-2);
    padding-left: 65px;
    margin-bottom: 15px;
}

.tna-subtitle-3::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 52px;
    height: 2px;
    background: var(--tna-pr-2);
}

.tna-title-2 {
    font-family: var(--catamaran);
    color: var(--tna-heading-1);
    font-weight: 800;
    line-height: 1.13;
    text-transform: capitalize;
    font-size: 58px;
    margin-bottom: 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-title-2 {
        font-size: 55px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-title-2 {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-title-2 {
        font-size: 45px;
    }
}

@media (max-width: 767px) {
    .tna-title-2 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-title-2 {
        font-size: 40px;
    }
}

.tna-title-2:is(.font-56) {
    font-size: 56px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-title-2:is(.font-56) {
        font-size: 55px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-title-2:is(.font-56) {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-title-2:is(.font-56) {
        font-size: 45px;
    }
}

@media (max-width: 767px) {
    .tna-title-2:is(.font-56) {
        font-size: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-title-2:is(.font-56) {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .tna-title-2:is(.tna-br-hide) br {
        display: none;
    }
}

.title-gd-color {
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    color: var(--tna-pr-2);
}

.title-gd-color div {
    background: inherit;
    background-clip: inherit;
    background-clip: inherit;
    -color: inherit;
}

/*
    tna-all-btn-start
*/
.tna-search-btn-1 {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    transition: 400ms ease;
}

.tna-search-btn-1:hover {
    color: var(--theme-color);
}

.tna-cart-btn-1 {
    font-size: 18px;
    color: #fff;
    position: relative;
    transition: 400ms ease;
    cursor: pointer;
}

.tna-cart-btn-1 span {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    background-color: var(--theme-color);
    font-weight: 600;
    position: absolute;
    top: -10px;
    right: -10px;
}

.tna-cart-btn-1:hover {
    color: var(--theme-color);
}

.tna-cart-btn-1:hover span {
    color: #fff;
}

.tna-call-btn-1 {
    display: flex;
    align-items: center;
    gap: 15px;
}

.tna-call-btn-1 .icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: var(--theme-color);
    text-align: center;
    line-height: 61px;
    font-size: 20px;
    color: #fff;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tna-call-btn-1 .text {
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    line-height: 1;
    margin-bottom: 5px;
    font-family: var(--poppins);
}

.tna-call-btn-1 .number {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-family: var(--poppins);
}

.tna-call-btn-1 .number:hover {
    color: var(--theme-color);
}

.tna-call-btn-1:is(.has-2) {
    display: flex;
    align-items: center;
    gap: 15px;
    transition: 400ms ease;
}

.tna-call-btn-1:is(.has-2) .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    line-height: 1;
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    border: 2px solid var(--tna-pr-2);
    transition: 400ms ease;
}

.tna-call-btn-1:is(.has-2) .text {
    display: block;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--tna-para-1);
    line-height: 1;
    margin-bottom: 5px;
    font-family: var(--catamaran);
}

.tna-call-btn-1:is(.has-2) .number {
    font-size: 24px;
    font-weight: 700;
    font-family: var(--catamaran);
    color: var(--tna-heading-1);
}

.tna-call-btn-1:is(.has-2) .number:hover {
    color: var(--tna-pr-2);
}

.tna-call-btn-1:is(.has-2):hover .icon {
    background: var(--tna-pr-2);
    background-clip: unset;
    background-clip: unset;
    -color: #fff;
    transition: 400ms ease;
}

.tna-pr-btn-1 {
    display: inline-block;
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #fff;
    color: var(--theme-color);
    padding: 20px 30px;
    line-height: 1;
    border-radius: 5px;
    padding-top: 16px;
}

.tna-pr-btn-1 i {
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    transform: translateY(5px);
    font-size: 18px;
}

.tna-pr-btn-1::after {
    position: absolute;
    content: "";
    width: 90%;
    height: 145%;
    border-radius: 5px;
    border: 1px solid #fff;
    left: 35px;
    top: -12px;
    z-index: -2;
    transition: 400ms ease;
}

.tna-pr-btn-1:hover {
    color: var(--theme-color);
}

.tna-pr-btn-1:hover::after {
    left: -12px;
    width: 112%;
}

.tna-pr-btn-1:hover::before {
    right: auto;
    left: 0;
    width: 100%;
}

.tna-pr-btn-2 {
    display: inline-block;
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: var(--theme-color);
    color: #fff;
    padding: 20px 30px;
    line-height: 1;
    border-radius: 5px;
    padding-top: 16px;
}

.tna-pr-btn-2 i {
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    transform: translateY(3px);
    font-size: 18px;
}

.tna-pr-btn-2::after {
    position: absolute;
    content: "";
    width: 90%;
    height: 145%;
    border-radius: 5px;
    border: 1px solid var(--theme-color);
    left: 35px;
    top: -12px;
    z-index: -2;
    transition: 400ms ease;
}

.tna-pr-btn-2:hover {
    color: #fff;
}

.tna-pr-btn-2:hover::after {
    left: -12px;
    width: 112%;
}

.tna-pr-btn-3 {
    display: inline-block;
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    font-family: var(--catamaran);
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    padding: 13px 30px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25) !important;
}

.tna-pr-btn-3 .text {
    display: inline-block;
    font-size: 16px;
    font-family: var(--catamaran);
    font-weight: 700;
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-pr-btn-3 i {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    stroke: 1px #fff;
    stroke: 0.3px #fff;
    font-size: 24px;
    display: inline-block;
    position: relative;
    transform: translateY(6px);
    margin-left: 10px;
}

.tna-pr-btn-3 i::after {
    content: "";
    position: absolute;
    top: 0;
    left: -7px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--tna-gd-2);
    z-index: -1;
}

.tna-pr-btn-3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: -7px;
    top: -7px;
    z-index: -2;
    background: var(--tna-gd-2);
    transition: 400ms ease;
}

.tna-pr-btn-3::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    background: #fff;
    transition: 400ms ease;
}

.tna-pr-btn-3:hover {
    background: transparent;
}

.tna-pr-btn-3:hover i {
    -color: #fff;
    stroke: 1px #fff;
    stroke: 0.3px #fff;
}

.tna-pr-btn-3:hover i::after {
    content: "";
    position: absolute;
    top: 0;
    left: -7px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--tna-gd-2);
    z-index: -1;
}

.tna-pr-btn-3:hover .text {
    -color: #fff;
}

.tna-pr-btn-3:hover::before {
    opacity: 0;
}

.tna-pr-btn-3:hover::after {
    left: 0px;
    top: 0px;
}

.tna-pr-btn-4 {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    flex: 0 0 auto;
    font-family: var(--catamaran);
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    padding: 6px 30px;
    border-radius: 50px;
    overflow: hidden;
    padding-right: 6px;
    transition: 600ms ease-in-out;
    width: max-content;
}

.tna-pr-btn-4 span {
    font-family: inherit;
    font-size: inherit;
    position: relative;
    color: inherit;
    z-index: 1;
    transform: translateY(-3px);
}

.tna-pr-btn-4 i {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--tna-pr-1);
    text-align: center;
    line-height: 48px;
    color: #fff;
    position: relative;
    z-index: 1;
    font-size: 20px;
    margin-left: 25px;
}

.tna-pr-btn-4 {
    display: flex;
    align-items: center;
}

.tna-pr-btn-4 span {
    display: flex;
    align-items: center;
    transform: translate(0px, 0px);
}

.tna-pr-btn-4 i {
    display: grid;
    align-items: center;
}

.tna-pr-btn-4::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: var(--tna-gd-1);
    transition: 600ms ease-in-out;
}

.tna-pr-btn-4:hover {
    background: #fff;
    color: var(--tna-pr-1);
}

.tna-pr-btn-4:hover::after {
    opacity: 0;
}

.tna-pr-btn-4:is(.has-white) {
    transition: 400ms ease;
}

.tna-pr-btn-4:is(.has-white):hover {
    background: var(--tna-heading-1);
}

.btn-wrapper.mx-auto {
    justify-content: center;
    display: flex;
    align-items: center;
}

/*
    tna-all-btn-end
*/
/*
  tna-header-1-start____old-header-customaztion
*/
.tna-tranfer-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.tna-header-1-area:is(.main-header) .header-lower .auto-container {
    max-width: 1320px;
    width: 100%;
    padding: 0px 15px;
}

.tna-header-1-area:is(.main-header) .header-lower .inner-container {
    position: unset;
    padding: unset;
    border-radius: unset;
    background: transparent;
}

.tna-header-1-action-link {
    gap: 25px;
}

@media (max-width: 767px) {
    .tna-header-1-action-link .language-dropdown {
        display: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-header-1-action-link .language-dropdown {
        display: block;
    }
}

.tna-header-1-action-link .language-dropdown .dropdown-toggle {
    color: #fff;
}

.tna-header-1-action-link .mobile-nav-toggler {
    float: unset;
    display: block;
    font-size: 30px;
    color: #fff;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li:not(:last-child) {
    margin-right: 40px;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>a::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: 10px;
    left: 20px;
    background-color: var(--theme-color);
    opacity: 0;
    transition: 400ms ease;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li:hover>a {
    color: var(--theme-color);
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li:hover>a::after {
    left: 0;
    opacity: 1;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>ul {
    background-color: #fff;
    border-top: 2px solid var(--theme-color);
    padding: 0;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>ul li {
    margin-bottom: 0;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>ul li>a {
    font-size: 14;
    padding: 18px 18px;
    line-height: 1;
    font-weight: 400;
    color: #000;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>ul li>a::before {
    top: 21px;
    color: #fff;
    left: 10px;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>ul li>a::after {
    color: #fff;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>ul li:hover>a {
    background-color: var(--theme-color);
    color: #fff;
    padding-left: 25px;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>ul li:is(.dropdown) a::after {
    color: #000;
    top: 17px;
}

.tna-header-1-area:is(.main-header) .main-menu .navigation>li>ul li:is(.dropdown) ul {
    background-color: #fff;
    padding: 0;
}

/*
  tna-header-1-end____old header customazation
*/

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container {
    max-width: 1520px;
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container {
    position: unset;
    padding: 0 100px;
    border-radius: 0 0 100px 100px;
    background: linear-gradient(90deg, rgba(23, 63, 207, 0.05) 0%, rgba(229, 4, 238, 0.05) 100%);
    border-left: 1px solid #EB50ED;
    border-right: 1px solid #EB50ED;
    border-bottom: 1px solid #EB50ED;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container {
        padding: 0 50px;
    }
}

@media (max-width: 767px) {
    .main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container {
        padding: 0 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container {
        padding: 0 50px;
    }
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .logo-box {
    padding: 0;
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li:not(:last-child) {
    margin-right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li:not(:last-child) {
        margin-right: 20px;
    }
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li>a {
    color: var(--tna-heading-1);
    font-size: 18px;
    font-weight: 700;
    font-family: var(--catamaran);
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li>a::after {
    background: var(--tna-gd-2);
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li:hover>a {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li ul {
    top: 107%;
    border-top: 2px solid var(--tna-pr-2);
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li ul li a {
    color: var(--tna-heading-1);
    font-size: 18px;
    font-weight: 700;
    font-family: var(--catamaran);
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li ul li a::before {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.main-header:is(.tna-header-1-area):is(.tna-header-2) .header-lower .auto-container .inner-container .main-menu .navigation>li ul li:hover>a {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-header-2-action-link {
    gap: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-header-2-action-link .language-dropdown {
        display: none;
    }
}

.tna-header-2-action-link .language-dropdown .dropdown-toggle {
    font-family: var(--catamaran);
    font-weight: 700;
}

.tna-header-2-action-link .language-dropdown .dropdown-toggle:hover {
    color: var(--tna-pr-2);
}

.tna-header-2-action-link .language-dropdown .dropdown-menu li a {
    font-family: var(--catamaran);
    font-weight: 700;
}

.tna-header-2-action-link .tna-cart-btn-1 {
    color: var(--tna-heading-1);
}

.tna-header-2-action-link .tna-cart-btn-1 span {
    background: var(--tna-gd-2);
    color: #fff;
}

.tna-header-2-action-link .tna-cart-btn-1:hover {
    color: var(--tna-pr-2);
}

.tna-header-2-action-link .tna-search-btn-1 {
    color: var(--tna-heading-1);
}

.tna-header-2-action-link .tna-search-btn-1:hover {
    color: var(--tna-pr-2);
}

.tna-header-2-action-link .mobile-nav-toggler {
    font-size: 30px;
}

.tna-header-2-action-link .mobile-nav-toggler:hover {
    color: var(--tna-pr-2);
}


.tna-header-3:is(.main-header) .header-top {
    background-color: transparent;
}

.tna-header-3:is(.main-header) .header-top .auto-container {
    max-width: 1320px;
}

.tna-header-3:is(.main-header) .header-top .auto-container .inner-container {
    padding: 15px 20px;
    border-radius: 30px 30px 0 0;
    background: var(--tna-gd-1);
}

@media (max-width: 767px) {
    .tna-header-3:is(.main-header) .header-top .auto-container .inner-container {
        margin: 0px 40px;
    }
}

@media (max-width: 767px) {
    .tna-header-3:is(.main-header) .header-top .auto-container .inner-container .tna-top-header-3 {
        justify-content: center !important;
        gap: 10px;
    }
}

.tna-header-3:is(.main-header) .header-top .header-list li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--catamaran);
    color: var(--white);
}

.tna-header-3:is(.main-header) .header-top .header-list li i {
    margin-right: 10px;
    line-height: 1;
    display: inline-block;
    transform: translateY(1px);
}

.tna-header-3:is(.main-header) .header-top .header-social_box .tna-heading-2 {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: var(--white);
}

.tna-header-3:is(.main-header) .header-top .header-social_box a {
    margin-left: 10px;
    width: 30px;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #fff;
    color: var(--white);
}

.tna-header-3:is(.main-header) .header-top .header-social_box a:hover {
    background-color: #fff;
    color: var(--tna-pr-1);
}

.tna-header-3:is(.main-header) .header-lower .logo-box {
    padding: 0;
}

.tna-header-3:is(.main-header) .header-lower .auto-container {
    max-width: 1400px;
}

.tna-header-3:is(.main-header) .header-lower .auto-container .inner-container {
    padding: 0px 40px;
    border-radius: 80px;
    background-color: #ff0000;
    border: 0.1px solid var(--tna-pr-1);
}

@media (max-width: 767px) {
    .tna-header-3:is(.main-header) .header-lower .auto-container .inner-container {
        padding: 0px 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-header-3:is(.main-header) .header-lower .auto-container .inner-container {
        padding: 0px 40px;
    }
}

.tna-header-3:is(.main-header) .header-lower .auto-container .inner-container::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
    border-radius: 90px 0 0 90px;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li:not(:last-child) {
    margin-right: 43px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-header-3:is(.main-header) .main-menu .navigation>li:not(:last-child) {
        margin-right: 20px;
    }
}

.tna-header-3:is(.main-header) .main-menu .navigation>li>a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--catamaran);
}

.tna-header-3:is(.main-header) .main-menu .navigation>li>a::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    bottom: 25px;
    left: 20px;
    background: var(--tna-gd-1);
    opacity: 0;
    transition: 400ms ease;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li:hover>a {
    background: var(--tna-gd-1);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li:hover>a::after {
    left: 0;
    opacity: 1;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul {
    top: 98%;
    border-top: 2px solid var(--tna-pr-1);
    background: #fff;
    padding: 15px 0;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul li {
    margin: 0;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul li:is(.dropdown) {
    position: relative;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul li:is(.dropdown)::after {
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    font-weight: 500;
    font-size: 20px;
    color: var(--tna-pr-1);
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul li a {
    color: var(--tna-heading-1);
    font-size: 18px;
    font-weight: 700;
    font-family: var(--catamaran);
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul li a::before {
    content: "\f192";
    font-family: "Font Awesome 6 Pro";
    font-size: 10px;
    color: var(--tna-pr-1);
    top: 15px;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul li:hover>a {
    background: var(--tna-gd-1);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul li:hover>a::before {
    opacity: 1 !important;
}

.tna-header-3:is(.main-header) .main-menu .navigation>li ul li ul {
    top: 0%;
}

.tna-header-3-action {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 25px;
}

.tna-header-3-action .language-dropdown button {
    color: #fff;
}

.tna-header-3-action .mobile-nav-toggler {
    font-size: 30px;
    color: #fff;
}

.tna-header-3-action .mobile-nav-toggler:hover {
    color: var(--tna-pr-1);
}

/*
    hero-1-start
*/
.tna-hero-1-area {
    position: relative;
}

.tna-hero-1-area::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.01) 100%);
}

.tna-hero-1-area::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: var(--theme-color);
    opacity: 0;
}

.tna-hero-1-area .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tna-hero-1-area .bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.tna-hero-1-content {
    text-align: center;
    border-radius: 30px;
    background: transparent;
    box-shadow: 0px 10px 100px 5px #000;
    position: relative;
    z-index: 1;
    padding-top: 150px;
    padding-bottom: 150px;
}

@media (max-width: 767px) {
    .tna-hero-1-content {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

.tna-hero-1-content .title {
    font-size: 65px;
    line-height: 1.15;
    color: #fff;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    margin-bottom: 30px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-hero-1-content .title {
        font-size: 55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-hero-1-content .title {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .tna-hero-1-content .title {
        font-size: 34px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-hero-1-content .title {
        font-size: 36px;
    }
}

.tna-hero-1-content .hero-para {
    color: #fff;
    font-weight: 400;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.67);
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.tna-hero-1-content .tna-subtitle-1 {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.368627451);
}

/*
    hero-1-end
*/
/*
    hero-2-start
*/
.tna-hero-2-area {
    position: relative;
}

.tna-hero-2-area .bg-shape-1 {
    content: "";
    width: 62%;
    height: 450px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--Linear, linear-gradient(90deg, #173FCF 0%, #E504EE 100%));
    border-radius: 277px 0 0 277px;
    opacity: 0.07;
    z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-2-content {
        margin-bottom: 50px;
    }
}

.tna-hero-2-content .hero-2-title {
    font-size: 82px;
    font-weight: 800;
    margin-bottom: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-hero-2-content .hero-2-title {
        font-size: 70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-hero-2-content .hero-2-title {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .tna-hero-2-content .hero-2-title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-hero-2-content .hero-2-title {
        font-size: 50px;
    }
}

.tna-hero-2-content .hero-2-disc {
    margin-bottom: 55px;
    width: 100%;
    max-width: 510px;
}

.tna-hero-2-content .btn-wrap {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}

.tna-hero-2-wrap {
    position: relative;
    padding-bottom: 260px;
    padding-top: 195px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-2-wrap {
        padding-bottom: 0;
    }
}

.tna-hero-2-wrap .bg-il-1 {
    position: absolute;
    left: -17vw;
    bottom: 80px;
    opacity: 7%;
}

.tna-hero-2-wrap .bg-il-2 {
    position: absolute;
    bottom: -30px;
    left: 130px;
    z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-2-wrap .bg-il-2 {
        display: none;
    }
}

.tna-hero-2-img {
    position: absolute;
    right: -310px;
    bottom: -100px;
    z-index: 4;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-hero-2-img {
        right: -220px;
        width: 80%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-hero-2-img {
        position: absolute;
        right: -120px;
        bottom: 240px;
        width: 60%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-2-img {
        position: unset;
    }
}

.tna-services-1-price:is(.hero-2) .price {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-services-1-price:is(.hero-2) .price .month {
    color: var(--tna-para-1);
    background: unset;
    background-clip: unset;
    background-clip: unset;
    -color: var(--tna-para-1);
    font-weight: 400;
}

.tna-services-1-price:is(.hero-2) .para {
    font-weight: 400;
}

/*
    hero-2-end
*/

/*
    hero-3-start
*/
.tna-hero-3-wrap {
    padding-top: 250px;
    padding-bottom: 250px;
    position: relative;
}

@media (max-width: 767px) {
    .tna-hero-3-wrap {
        padding-top: 320px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-hero-3-wrap {
        padding-top: 250px;
    }
}

.tna-hero-3-wrap .tna_hero_3_next, .tna-hero-3-wrap .tna_hero_3_prev {
    position: relative;
    width: 78px;
    height: 78px;
    background: #0F132B;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.4);
    font-size: 20px;
    transition: 400ms ease;
}

.tna-hero-3-wrap .tna_hero_3_next:hover, .tna-hero-3-wrap .tna_hero_3_prev:hover {
    border-color: var(--tna-pr-1);
    color: var(--tna-pr-1);
}

.tna-hero-3-wrap .tna_hero_3_next::after, .tna-hero-3-wrap .tna_hero_3_prev::after {
    content: "";
    position: absolute;
    left: 35px;
    top: 110px;
    width: 2px;
    height: 345px;
    background: linear-gradient(1deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.tna-hero-3-wrap .tna_hero_3_next::before, .tna-hero-3-wrap .tna_hero_3_prev::before {
    content: "";
    position: absolute;
    left: 35px;
    bottom: 110px;
    width: 2px;
    height: 345px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
}

.tna-hero-3-wrap .tna_hero_3_next {
    border-color: var(--tna-pr-1);
    color: var(--tna-pr-1);
}

.tna-hero-3-wrap .tna_hero_3_next-position {
    position: absolute;
    left: 92vw;
    top: 47%;
    transform: translateY(-50%);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-3-wrap .tna_hero_3_next-position {
        display: none;
    }
}

.tna-hero-3-wrap .tna_hero_3_prev-position {
    position: absolute;
    right: 92vw;
    top: 47%;
    transform: translateY(-50%);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-3-wrap .tna_hero_3_prev-position {
        display: none;
    }
}

.tna-hero-3-item {
    position: relative;
}

.tna-hero-3-item .title, .tna-hero-3-item .title-2 {
    font-size: 150px;
    line-height: 1;
    color: #fff;
    margin-bottom: 7px;
    font-weight: 800;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-hero-3-item .title, .tna-hero-3-item .title-2 {
        font-size: 130px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-hero-3-item .title, .tna-hero-3-item .title-2 {
        font-size: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-hero-3-item .title, .tna-hero-3-item .title-2 {
        font-size: 80px;
    }
}

@media (max-width: 767px) {
    .tna-hero-3-item .title, .tna-hero-3-item .title-2 {
        font-size: 60px;
    }
}

.tna-hero-3-item .title {
    transform: translateX(-120px);
    opacity: 0;
    transition: 1s ease;
    transition-delay: 0.3s;
}

.tna-hero-3-item .title-2 {
    position: absolute;
    right: 0;
    bottom: -20px;
    margin-bottom: 0;
    transform: translateX(120px);
    opacity: 0;
    transition: 1s ease;
    transition-delay: 0.3s;
    z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-3-item .title-2 {
        position: relative;
        margin-bottom: 30px;
        margin-top: -20px;
    }
}

.tna-hero-3-item>.disc {
    color: #fff;
    width: 100%;
    max-width: 450px;
    margin-bottom: 50px;
    transform: translateX(-100px);
    opacity: 0;
    transition: 1s ease;
    transition-delay: 0.6s;
    position: relative;
    z-index: 1;
}

.tna-hero-3-item .tna-services-1-price .para {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.tna-hero-3-item .il-raoter {
    position: absolute;
    right: 200px;
    top: -40px;
    z-index: 1;
    opacity: 0;
    transition: 1s ease;
    transition-delay: 1s;
}

@media (max-width: 767px) {
    .tna-hero-3-item .il-raoter {
        display: none;
    }
}

.tna-hero-3-item .tna-services-1-price {
    position: relative;
    z-index: 1;
    transform: translateX(-50px);
    opacity: 0;
    transition: 1s ease;
    transition-delay: 1.2s;
}

.tna-hero-3-img-position {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    height: 100%;
    width: 812px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-hero-3-img-position {
        position: absolute;
        left: unset;
        right: 0;
        top: 0;
        transform: unset;
        height: 100%;
        width: 50%;
    }
}

.tna-hero-3-img {
    position: relative;
    display: inline-block;
    height: 100%;
}

@media (max-width: 767px) {
    .tna-hero-3-img {
        display: none;
    }
}

.tna-hero-3-img img {
    height: 100%;
}

.tna-hero-3-img .main-img {
    transform: translateY(100%);
    opacity: 0;
    transition: 1s ease;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-3-img .main-img {
        width: 100%;
        object-fit: cover;
    }
}

.tna-hero-3-img .li-shape-1 {
    position: absolute;
    z-index: -1;
    right: 0;
}

.ultra-fast-wrap {
    position: relative;
    transform: translateX(-100px);
    opacity: 0;
    transition: 1s ease;
    transition-delay: 0.9s;
    position: relative;
    z-index: 1;
}

.ultra-fast-wrap .il-shape {
    position: absolute;
    left: 290px;
    top: -120px;
    animation: ultra-shape-1 3s infinite ease-in-out;
}

@media (max-width: 767px) {
    .ultra-fast-wrap .il-shape {
        display: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .ultra-fast-wrap .il-shape {
        display: block;
    }
}

@keyframes ultra-shape-1 {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(30deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.ultra-fast {
    background: linear-gradient(28deg, #FFA201 0%, #E30E17 100%);
    display: inline-block;
    text-align: center;
    padding: 40px 19px;
    clip-path: polygon(50% 0%, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
    margin-left: 190px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .ultra-fast {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .ultra-fast {
        margin-left: 190px;
    }
}

.ultra-fast .tna-para-2 {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.ultra-fast .tna-heading-2 {
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    margin-top: -2px;
}

.tna-hero-3-counter-wrap {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 50px;
    background: linear-gradient(90deg, rgba(225, 4, 25, 0) 0%, rgba(143, 8, 21, 0.168627451) 100%);
    padding-right: 40px;
    position: absolute;
    right: -20px;
    top: 0;
    transform: translateX(50px);
    opacity: 0;
    transition: 1s ease;
    transition-delay: 0.6s;
    z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-hero-3-counter-wrap {
        position: unset;
        flex-direction: row;
        margin-top: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-hero-3-counter-wrap {
        position: unset;
        flex-direction: row;
        margin-top: 50px;
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .tna-hero-3-counter-wrap {
        position: unset;
        flex-direction: row;
        margin-top: 50px;
        gap: 25px;
        flex-wrap: wrap;
    }
}

.tna-hero-3-counter-item {
    text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-3-counter-item {
        text-align: left;
    }
}

.tna-hero-3-counter-item .number {
    font-size: 70px;
    font-family: var(--stix);
    stroke: 2px var(--tna-pr-1);
    color: transparent;
    line-height: 1;
    transition: 400ms;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-hero-3-counter-item .number {
        font-size: 45px;
    }
}

@media (max-width: 767px) {
    .tna-hero-3-counter-item .number {
        font-size: 35px;
    }
}

.tna-hero-3-counter-item .disc {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-hero-3-counter-item .disc {
        font-size: 18px;
    }
}

.tna-hero-3-counter-item:hover .number {
    color: var(--tna-pr-1);
}

.tna-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-hero-3-img .main-img {
    transform: translateY(0%);
    opacity: 1;
}

.tna-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-hero-3-item .title {
    transform: translateX(0px);
    opacity: 1;
}

.tna-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-hero-3-item .title-2 {
    transform: translateX(0px);
    opacity: 1;
}

.tna-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-hero-3-item>.disc {
    transform: translateX(0px);
    opacity: 1;
}

.tna-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .ultra-fast-wrap {
    transform: translateX(0px);
    opacity: 1;
}

.tna-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-hero-3-item .tna-services-1-price {
    transform: translateX(0px);
    opacity: 1;
}

.tna-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-hero-3-counter-wrap {
    transform: translateX(0px);
    opacity: 1;
}

.tna-hero-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-hero-3-item .il-raoter {
    opacity: 1;
}

/*
    hero-3-end
*/
/*
    partner-1-start
*/
.tna-partner-1-area {
    padding-top: 42px;
    padding-bottom: 42px;
    background: #FDF0F1;
}

.tna-partner-1-wrap {
    display: flex;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-partner-1-wrap {
        flex-wrap: wrap;
    }
}

.tna-partner-1-wrap .title {
    font-size: 28px;
    line-height: 1.42;
    font-weight: 700;
    color: var(--theme-color);
    flex: 0 0 auto;
    letter-spacing: 0.56px;
    padding-left: 50px;
}

@media (max-width: 767px) {
    .tna-partner-1-wrap .title {
        font-size: 20px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-partner-1-wrap .title {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-partner-1-wrap .title svg {
        width: 130px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-partner-1-wrap .title svg {
        width: 130px;
    }
}

@media (max-width: 767px) {
    .tna-partner-1-wrap .title svg {
        display: none;
    }
}

.tna-partner-1-logo {
    display: flex;
    gap: 80px;
    align-items: center;
    animation: tnap1 15s infinite linear;
}

.tna-partner-1-logo-wrap {
    overflow: hidden;
}

.tna-partner-1-logo img {
    flex: 0 0 auto;
}

@keyframes tnap1 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/*
    partner-1-end
*/
/*
    partner-2-start
*/
.tna-partner-2-area {
    background: var(--tna-gd-2);
}

.tna-partner-2-area .tna-partner-1-logo {
    animation: tnap2 25s infinite linear;
    justify-content: flex-end;
}

.tna-partner-2-area .tna-partner-1-logo img {
    transition: 400ms ease;
}

.tna-partner-2-area .tna-partner-1-logo img:hover {
    filter: invert(1);
}

@keyframes tnap2 {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(100%);
    }
}

/*
    partner-2-end
*/

/*
    partner-3-start
*/
.tna-partner-3-area {
    background: var(--tna-gd-1);
}

/*
    partner-3-end
*/

/*
    marquee-text-1-start
*/
.tna-marquee-text-1-item {
    display: flex;
    gap: 10px;
    animation: tnap1 25s infinite linear;
}

.tna-marquee-text-1-item .tna-heading-2 {
    font-size: 120px;
    flex: 0 0 auto;
    line-height: 1;
    font-weight: 800;
    transition: 400ms ease;
}

.tna-marquee-text-1-item .tna-heading-2 span {
    font-family: inherit;
    transition: 400ms ease;
}

.tna-marquee-text-1-item .tna-heading-2 .style-1 {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    transition: 400ms ease;
}

.tna-marquee-text-1-item .tna-heading-2 .style-2 {
    color: rgba(3, 6, 23, 0.1);
    transition: 400ms ease;
}

.tna-marquee-text-1-item .tna-heading-2 .style-2:hover {
    color: var(--tna-sd-1);
}

.tna-marquee-text-1-item .tna-heading-2 .style-3 {
    stroke: 1px var(--tna-pr-2);
    color: transparent;
    transition: 400ms ease;
}

.tna-marquee-text-1-item .tna-heading-2 .style-3:hover {
    color: var(--tna-pr-2);
}

/*
    marquee-text-1-end
*/
.tna-marquee-2-wrap {
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-marquee-2-wrap {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.tna-marquee-2-content-1-bg {
    background: var(--tna-gd-1);
    rotate: 1deg;
    width: 100%;
    padding: 32px 0;
    animation: marquee-zindex-2 25s linear infinite;
}

.tna-marquee-2-content-1-item {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    transition: 400ms ease;
    animation: marquee-animation-2 25s linear infinite;
}

.tna-marquee-2-content-1-item .text {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 34px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0;
    color: #fff;
}

.tna-marquee-2-content-1-item .text .icon {
    margin-right: 5px;
    margin-top: -15px;
}

.tna-marquee-2-content-2-bg {
    background-color: #fff;
    padding: 28px 0;
    rotate: -1deg;
    margin-top: -92px;
    overflow: hidden;
}

.tna-marquee-2-content-2-item {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    animation: marquee-right-animation-2 25s linear infinite;
}

.tna-marquee-2-content-2-item .text {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 34px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 0;
    background: var(--tna-gd-1);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-marquee-2-content-2-item .text .icon {
    margin-right: 5px;
    margin-top: -15px;
}

@keyframes marquee-animation {
    0% {
        translateX: 0;
    }

    100% {
        translateX: -100%;
    }
}

@keyframes marquee-animation {
    0% {
        translate: 0;
    }

    100% {
        translate: -100%;
    }
}

@keyframes marquee-animation-2 {
    0% {
        transform: translateX(100%);
    }

    50% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee-animation-2 {
    0% {
        transform: translateX(100%);
    }

    50% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes marquee-right-animation-2 {
    0% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes marquee-right-animation-2 {
    0% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes marquee-zindex-2 {
    0% {
        position: relative;
    }

    50% {
        position: relative;
    }

    100% {
        position: relative;
        z-index: 1;
    }
}

@keyframes marquee-zindex-2 {
    0% {
        position: relative;
    }

    50% {
        position: relative;
    }

    100% {
        position: relative;
        z-index: 1;
    }
}

/*
    services-1-start
*/
.tna-services-1-wrap {
    display: flex;
    gap: 90px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding-right: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-services-1-wrap {
        gap: 50px;
        flex-wrap: wrap;
        padding-left: 15px;
    }
}

.tna-services-1-content {
    padding-top: 105px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-services-1-content {
        padding-top: 0px;
    }
}

.tna-services-1-content .content-wrap {
    display: flex;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
}

.tna-services-1-content .tna-section-title .pera-color {
    width: 100%;
    max-width: 715px;
}

.tna-services-1-img {
    flex: 0 0 auto;
    width: 100%;
    max-width: 42%;
    height: 850px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-services-1-img {
        max-width: 100%;
        height: 100%;
    }
}

.tna-services-1-img img {
    object-position: right;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-services-1-img img {
        object-fit: unset;
        height: unset;
        width: unset;
    }
}

.tna-services-1-price .price {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    color: var(--theme-color);
}

.tna-services-1-price .price .dollar-sing {
    font-size: 20px;
}

.tna-services-1-price .price .month {
    font-size: 20px;
    color: var(--pera-color);
}

.tna-services-1-price .para {
    font-size: 17px;
    line-height: 35px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--tna-heading-1);
}

.tna-services-1-card-wrap {
    display: flex;
    gap: 30px;
    padding-left: 30vw;
    margin-top: -360px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-services-1-card-wrap {
        margin-top: -296px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-services-1-card-wrap {
        margin-top: -280px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-services-1-card-wrap {
        margin-top: 55px;
    }
}

.tna-services-1-card {
    flex: 0 0 auto;
    position: relative;
    width: 400px;
    border-radius: 10px;
    background-color: #FAF3F3;
    text-align: center;
    padding: 60px 30px;
    overflow: hidden;
}

.tna-services-1-card::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0%;
    background-color: var(--theme-color);
    left: 0;
    bottom: 0;
    opacity: 0.7;
    transition: 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tna-services-1-card .bg-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    transition: 400ms;
    transition-delay: 0s;
}

.tna-services-1-card .bg-img {
    position: absolute;
    top: -60%;
    left: 0;
    z-index: 1;
    height: 59%;
    transition: 400ms;
    transition-delay: 0s;
}

.tna-services-1-card .bg-img img {
    height: 100%;
}

.tna-services-1-card .icon {
    width: 143px;
    height: 143px;
    background: rgba(225, 4, 25, 0.1);
    position: relative;
    font-size: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    rotate: 45deg;
    color: var(--theme-color);
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 54px;
    z-index: 1;
    transition: 400ms;
    transition-delay: 0s;
}

.tna-services-1-card .icon i {
    rotate: -45deg;
}

.tna-services-1-card .title {
    font-size: 26px;
    line-height: 1.34;
    margin-bottom: 15px;
    transition: 400ms;
    transition-delay: 0.4s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-services-1-card .title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-services-1-card .title {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .tna-services-1-card .title {
        font-size: 18px;
    }
}

.tna-services-1-card .disc {
    font-size: 16px;
    line-height: 26px;
    transition: 400ms;
    transition-delay: 0.4s;
}

.tna-services-1-card .hover-content {
    position: absolute;
    bottom: -50%;
    left: 0;
    z-index: 1;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    transition: 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.2s;
}

.tna-services-1-card .hover-content .title {
    margin-bottom: 30px;
    color: #fff;
}

.tna-services-1-card:hover .bg-img {
    top: 0;
}

.tna-services-1-card:hover .bg-shape-1 {
    opacity: 1;
    transition: 400ms;
    transition-delay: 0.4s;
}

.tna-services-1-card:hover .title {
    opacity: 0;
    transition: 400ms;
    transition-delay: 0s;
}

.tna-services-1-card:hover .disc {
    opacity: 0;
    transition: 400ms;
    transition-delay: 0s;
}

.tna-services-1-card:hover::after {
    height: 100%;
}

.tna-services-1-card:hover .icon {
    background: rgb(225, 4, 25);
    transform: translate(30%, 25%);
    border: 3px solid #fff;
    color: #fff;
}

.tna-services-1-card:hover .hover-content {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}

.tna-services-1-card:hover .hover-content .title {
    opacity: 1;
}

/*
    services-1-end
*/
/*
    services-2-start
*/
.tna-services-2-area {
    position: relative;
}

.tna-services-2-img {
    flex: 0 0 auto;
    position: absolute;
    max-width: 650px;
    height: 780px;
    top: -180px;
    right: 65vw;
    z-index: 1;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-services-2-img {
        max-width: 410px !important;
        height: unset;
        top: 10px;
        right: 70vw;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-services-2-img {
        max-width: 300px !important;
        height: unset;
        top: 20px;
        right: 73vw;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-services-2-img {
        max-width: 240px !important;
        height: unset;
        top: 50px;
        right: 75vw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-services-2-img {
        display: none;
    }
}

.tna-services-2-wrap {
    padding-top: 175px;
    padding-bottom: 90px;
}

.tna-services-2-wrap .races {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-left: 41vw;
    position: relative;
    z-index: 34;
}

.tna-services-1-item {
    z-index: 1;
    width: 470px;
    position: relative;
    flex: 0 0 auto;
    border-radius: 50px 10px 10px 10px;
    background: #282E48;
    display: inline-block;
    padding: 45px 35px;
    padding-top: 60px;
}

.tna-services-1-item::after {
    content: "";
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: var(--tna-gd-2);
    border-radius: 50px 10px 10px 10px;
    z-index: -1;
    transition: 400ms ease-in-out;
    opacity: 0;
}

.tna-services-1-item .bg-il-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: 400ms ease;
}

.tna-services-1-item .icon-position {
    position: absolute;
    top: 0;
    left: 0;
}

.tna-services-1-item .icon {
    position: relative;
    width: 130px;
    height: 130px;
    background: #3D425A;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 70px;
    color: var(--tna-pr-2);
    border-radius: 50px 0px 50px 50px;
    border-right: 2px solid var(--tna-pr-2);
    border-bottom: 2px solid var(--tna-pr-2);
    overflow: hidden;
    z-index: 1;
    transition: 400ms ease-in-out;
}

.tna-services-1-item .icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--tna-gd-2);
    left: -100%;
    top: -100%;
    z-index: -1;
    border-radius: 50px 0px 50px 50px;
    transition: 400ms ease-in-out;
    transition-delay: 0.3s;
}

.tna-services-1-item .title {
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 55px;
    padding-left: 125px;
}

.tna-services-1-item .disc {
    color: #fff;
    opacity: 0.8;
}

.tna-services-1-item .s2-btn {
    width: 70px;
    height: 70px;
    font-size: 22px;
    line-height: 1;
    display: flex;
    justify-content: center;
    color: #fff;
    align-items: center;
    background: var(--tna-gd-2);
    border-radius: 50%;
    border: 4px solid #020D2D;
    position: absolute;
    right: 0;
    bottom: -35px;
    transform: scale(0);
    transition: 400ms ease;
}

.tna-services-1-item:hover .s2-btn {
    transform: scale(1);
}

.tna-services-1-item:hover::after {
    opacity: 1;
}

.tna-services-1-item:hover .icon {
    border-color: #ff0000;
    color: #fff;
}

.tna-services-1-item:hover .icon::after {
    left: 0;
    top: 0;
    transition: 400ms ease-in-out;
    transition-delay: 0.3s;
}

.tna-services-1-item:hover .bg-il-1 {
    opacity: 1;
}

/*
    services-2-end
*/

/*
    services-3-start
*/

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-services-3-area {
        padding-bottom: 150px;
    }
}

.tna-services-3-item {
    position: relative;
    text-align: center;
    padding: 30px 20px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.tna-services-3-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #FAF3F3;
    transition: 400ms ease;
}

.tna-services-3-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    transition: 400ms ease;
}

.tna-services-3-item .content-wrap {
    position: relative;
    z-index: 1;
    transform: translateY(30px);
    transition: 400ms ease;
}

.tna-services-3-item .icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #F2E9EA;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    color: var(--tna-pr-1);
    margin: 0 auto;
    margin-bottom: 15px;
    transition: 300ms;
    transition-delay: 0.3s;
}

.tna-services-3-item .icon-2 {
    width: 200px;
    height: 90px;
    border-radius: 0 0 60px 60px;
    background: rgba(225, 4, 25, 0.52);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 52px;
    color: #fff;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: -26%;
    transform: translateX(-50%);
    transition: 400ms ease;
    transition-delay: 0.3s;
}

.tna-services-3-item .title {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 12px;
    transition: 100ms ease;
    transition-delay: 0s;
}

.tna-services-3-item .disc {
    font-size: 16px;
    line-height: 22px;
    transition: 400ms ease;
}

.tna-services-3-item .s3-btn {
    display: inline-block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--tna-gd-1);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    opacity: 0;
    transition: 400ms ease;
}

.tna-services-3-item .s3-btn:hover {
    transform: scale(1.1);
}

.tna-services-3-item:hover .content-wrap {
    transform: translateY(-15px);
}

.tna-services-3-item:hover .s3-btn {
    opacity: 1;
}

.tna-services-3-item:hover .icon {
    opacity: 0;
    transition: 300ms;
    transition-delay: 0s;
}

.tna-services-3-item:hover .title {
    color: #fff;
    transition: 400ms ease;
    transition-delay: 0s;
}

.tna-services-3-item:hover .disc {
    color: #fff;
    opacity: 0.7;
}

.tna-services-3-item:hover .icon-2 {
    top: 0%;
}

.tna-services-3-item:hover::after {
    opacity: 0;
}

.tna-services-3-item:hover::before {
    opacity: 0.2;
}

.tna-services-3-slider {
    position: relative;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

.tna-services-3-slider .tna_services_3_prev-position {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -50px;
    z-index: 1;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-services-3-slider .tna_services_3_prev-position {
        position: absolute;
        top: unset;
        bottom: -110px;
        transform: translateX(-50%);
        left: 40%;
    }
}

@media (max-width: 767px) {
    .tna-services-3-slider .tna_services_3_prev-position {
        position: absolute;
        top: unset;
        bottom: -110px;
        transform: translateX(-50%);
        left: 30%;
    }
}

.tna-services-3-slider .tna_services_3_next-position {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -50px;
    z-index: 1;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-services-3-slider .tna_services_3_next-position {
        position: absolute;
        top: unset;
        bottom: -110px;
        transform: translateX(-50%);
        right: 40%;
    }
}

@media (max-width: 767px) {
    .tna-services-3-slider .tna_services_3_next-position {
        position: absolute;
        top: unset;
        bottom: -110px;
        transform: translateX(-50%);
        right: 30%;
    }
}

.tna-services-3-slider .tna_services_3_prev, .tna-services-3-slider .tna_services_3_next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid;
    border-color: var(--tna-pr-1);
    position: relative;
    transition: 400ms ease;
    cursor: pointer;
}

.tna-services-3-slider .tna_services_3_prev i, .tna-services-3-slider .tna_services_3_next i {
    font-size: 48px;
    display: inline-block;
    transform: translate(14px, -2px);
    color: var(--tna-pr-1);
    transition: 400ms ease;
}

.tna-services-3-slider .tna_services_3_prev:hover, .tna-services-3-slider .tna_services_3_next:hover {
    background-color: var(--tna-pr-1);
    transition: 400ms ease;
    overflow: hidden;
}

.tna-services-3-slider .tna_services_3_prev:hover i, .tna-services-3-slider .tna_services_3_next:hover i {
    color: #fff;
    transform: translate(7px, -2px);
}

.tna-services-3-slider .tna_services_3_next i {
    transform: translate(-14px, -2px);
    transition: 400ms ease-in-out;
}

.tna-services-3-slider .tna_services_3_next:hover i {
    transform: translate(-11px, -2px);
}

/*
    services-3-end
*/

/*
    best-services-start
*/
.tna-best-services-area .tna-best-services-btn a {
    font-weight: 500;
    color: var(--tna-pr-1);
    text-decoration: underline;
}

.tna-best-services-area .tna-best-services-btn a:hover {
    color: var(--tna-heading-1);
}

.tna-best-services-item {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.tna-best-services-item .main-img {
    width: 100%;
    height: 360px;
    overflow: hidden;
    border-radius: 10px;
}

.tna-best-services-item .contenet-wrap {
    display: flex;
    padding-left: 20px;
    border-radius: 20px 0 0 0;
    margin-left: 65px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    transform: translateX(100%);
    transition: 400ms ease-in-out;
    transition-delay: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-best-services-item .contenet-wrap {
        margin-left: 25px;
    }
}

@media (max-width: 767px) {
    .tna-best-services-item .contenet-wrap {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-best-services-item .contenet-wrap {
        margin-left: 65px;
    }
}

.tna-best-services-item .contenet-wrap-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 20px;
    width: 84%;
    background: #fff;
    border-radius: 10px 0 0 0;
    bottom: 0%;
    transition: 400ms ease-in-out;
    transition-delay: 0.3s;
}

.tna-best-services-item .contenet-wrap-2 .title {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-best-services-item .contenet-wrap-2 {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .tna-best-services-item .contenet-wrap-2 {
        width: 95%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-best-services-item .contenet-wrap-2 {
        width: 84%;
    }
}

.tna-best-services-item .left {
    padding: 30px 0;
}

.tna-best-services-item .title {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 10px;
}

.tna-best-services-item .title:hover {
    color: var(--tna-pr-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-best-services-item .title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .tna-best-services-item .title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-best-services-item .title {
        font-size: 24px;
    }
}

.tna-best-services-item .disc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}

.tna-best-services-item .list-item li {
    font-size: 18px;
    line-height: 30px;
    font-family: var(--catamaran);
    color: var(--tna-para-1);
    font-weight: 400;
}

.tna-best-services-item .list-item li:not(:last-child) {
    margin-bottom: 5px;
}

.tna-best-services-item .list-item li i {
    font-size: 14px;
    display: inline-block;
    margin-right: 3px;
    transform: translateY(1px);
    color: var(--tna-pr-1);
}

.tna-best-services-item .bs3-btn {
    width: 62px;
    background: var(--tna-gd-1);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    padding: 30px 0;
    color: #fff;
    transition: 400ms ease;
}

.tna-best-services-item .bs3-btn i {
    transition: 400ms ease;
}

.tna-best-services-item .bs3-btn:hover i {
    scale: 1.2;
}

.tna-best-services-item:hover .contenet-wrap {
    transform: translateX(0);
    transition: 400ms ease-in-out;
    transition-delay: 0.3s;
}

.tna-best-services-item:hover .contenet-wrap-2 {
    bottom: -30%;
    transition: 400ms ease-in-out;
    transition-delay: 0s;
}

/*
    best-services-end
*/

/*
    about-1-start
*/
.tna-about-1-area {
    position: relative;
}

.tna-about-1-area .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tna-about-1-area .bg-shape-1 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 39%;
}

.tna-about-1-area .bg-shape-1 img {
    width: 100%;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    transition: 5s ease;
    transition-delay: 1s;
}

.tna-about-1-area:is(.active) .bg-shape-1 img {
    width: 100%;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}

.tna-about-1-content .tna-section-title .pera-color {
    width: 100%;
    max-width: 650px;
}

.tna-about-1-content .tna-progress-item-1-wrap {
    width: 100%;
    max-width: 635px;
}

.tna-about-1-content .btn-wrap {
    display: flex;
    align-items: center;
    gap: 85px;
    flex-wrap: wrap;
}

.tna-about-1-content .tna-call-btn-1 .icon {
    background-color: transparent;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

.tna-about-1-content .tna-call-btn-1 .text {
    color: var(--pera-color);
}

.tna-about-1-content .tna-call-btn-1 .number {
    color: var(--tna-heading-1);
}

.tna-about-1-img {
    position: relative;
    padding-top: 50px;
    padding-left: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-1-img {
        padding-top: 150px;
        padding-left: 0px;
    }
}

.tna-about-1-img .main-img {
    position: relative;
    z-index: 1;
    margin-right: -95px;
    height: 725px;
    overflow: hidden;
    border-radius: 0 150px 0 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-1-img .main-img {
        margin-right: 0px;
    }
}

.tna-about-1-img .il-shape-1 {
    position: absolute;
    top: -70px;
    left: 0;
    z-index: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-1-img .il-shape-1 {
        top: 40px;
    }
}

.tna-about-1-img .secend-img {
    width: 100%;
    max-width: 550px;
    height: 350px;
    border-radius: 50px 0 0 50px;
    overflow: hidden;
    position: absolute;
    top: -60px;
    right: -310px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-about-1-img .secend-img {
        max-width: 380px;
        right: -60px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-1-img .secend-img {
        max-width: 380px;
        right: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-1-img .secend-img {
        display: none;
    }
}

.tna-about-1-img .tard-img {
    width: 280px;
    height: 370px;
    overflow: hidden;
    border-radius: 500px;
    border: 10px solid #fff;
    position: absolute;
    bottom: -10px;
    z-index: 1;
    left: -10px;
}

.tna-about-1-img .tard-img .animation-img-wrap {
    transform: translate(60px, -240px);
}

.tna-list-item-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-list-item-1 {
        grid-template-columns: 1.1fr 1fr;
    }
}

@media (max-width: 767px) {
    .tna-list-item-1 {
        grid-template-columns: 1fr;
    }
}

.tna-list-item-1 li {
    font-size: 18px;
    font-weight: 300;
    color: var(--tna-heading-1);
    font-family: var(--poppins);
    line-height: 30px;
}

.tna-list-item-1 li i {
    margin-right: 5px;
    display: inline-block;
    transform: translateY(2px);
    color: var(--theme-color);
}

.tna-progress-item-1-wrap .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 12px;
}

.tna-progress-item-1 {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    border: 1px solid var(--theme-color);
    border-radius: 30px;
}

.tna-progress-item-1 .percent {
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: var(--theme-color);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.tna-progress-item-1 .progress-line {
    width: 0%;
    height: 73%;
    background: var(--base-gradient);
    position: absolute;
    left: 4px;
    top: 4px;
    border-radius: 30px;
    transition: 1s ease;
}

.tna-progress-item-1:is(.active) .progress-line {
    width: 80%;
}

/*
    about-1-end
*/
/*
    about-2-start

*/
.tna-about-2-area {
    position: relative;
}

.tna-about-2-area .bg-shape-1 {
    width: 435px;
    height: 144%;
    background: var(--tna-gd-2);
    position: absolute;
    right: 59.5vw;
    top: -190px;
    rotate: -24.243deg;
    opacity: 0.05;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-about-2-area .bg-shape-1 {
        left: 7vw;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-2-area .bg-shape-1 {
        rotate: -13.243deg;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-2-area .bg-shape-1 {
        display: none;
    }
}

.tna-about-2-area .bg-il-1-position {
    position: absolute;
    right: -100px;
    bottom: -50px;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tna-about-2-area .bg-il-1-position {
        right: -70px;
        width: 24%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-2-area .bg-il-1-position {
        right: -70px;
        width: 20%;
        bottom: -30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-2-area .bg-il-1-position {
        display: none;
    }
}

.tna-about-2-area .bg-il-1-wrap {
    position: relative;
}

.tna-about-2-area .bg-il-1-wrap .wifi-signal {
    position: absolute;
    top: 0;
    right: 60px;
    animation: tna-a2-wifi 3s infinite ease-in-out;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tna-about-2-area .bg-il-1-wrap .wifi-signal {
        width: 37%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-about-2-area .bg-il-1-wrap .wifi-signal {
        width: 66px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-2-area .bg-il-1-wrap .wifi-signal {
        top: 20px;
        right: 56px;
        width: 20%;
    }
}

@keyframes tna-a2-wifi {
    0% {
        clip-path: polygon(50% 0, 50% 0, 61% 50%, 50% 100%, 50% 100%, 42% 50%);
        opacity: 1;
    }

    50% {
        clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%);
        opacity: 1;
    }

    100% {
        clip-path: polygon(50% 0, 50% 0, 61% 50%, 50% 100%, 50% 100%, 42% 50%);
        opacity: 1;
    }
}

.tna-about-2-img {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: end;
    margin-left: -700px;
    gap: 30px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-2-img {
        margin-left: -420px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-2-img {
        margin-left: 0px;
    }
}

.tna-about-2-img .img-item {
    width: 545px;
    height: 360px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: 1000ms ease-in-out;
    transition-delay: 1s;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-about-2-img .img-item {
        width: 455px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-2-img .img-item {
        width: 350px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-2-img .img-item {
        width: 100%;
    }
}

.tna-about-2-img .img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1000ms ease-in-out;
    scale: 1.5;
}

.tna-about-2-img .img-item:nth-child(1) {
    transform: translateX(196px);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-about-2-img .img-item:nth-child(1) {
        transform: translateX(266px);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-2-img .img-item:nth-child(1) {
        transform: translateX(0px);
    }
}

.tna-about-2-img .img-item:nth-child(3n) {
    grid-column-start: 1;
    grid-column-end: -1;
    width: 785px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-about-2-img .img-item:nth-child(3n) {
        width: 605px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-2-img .img-item:nth-child(3n) {
        width: 405px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-2-img .img-item:nth-child(3n) {
        width: 100%;
    }
}

.tna-about-2-img:is(.active) .img-item {
    clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}

.tna-about-2-img:is(.active) .img-item img {
    scale: 1;
}

.tna-about-2-content {
    padding-left: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-2-content {
        padding-left: 0px;
        padding-top: 50px;
    }
}

.tna-about-2-content .btn-wrap {
    display: flex;
    align-items: center;
    gap: 40px 40px;
    flex-wrap: wrap;
}

.tna-about-2-content .feature-para {
    margin-bottom: 55px;
}

.tna-about-2-feature-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}

@media (max-width: 767px) {
    .tna-about-2-feature-wrap {
        grid-template-columns: 1fr;
        gap: 50px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-about-2-feature-wrap {
        grid-template-columns: 1fr 1fr;
    }
}

.tna-about-2-feature-item {
    text-align: center;
    background: linear-gradient(90deg, rgba(23, 63, 207, 0.1) 0%, rgba(229, 4, 238, 0.1) 100%);
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 18px;
    border-radius: 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-2-feature-item {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.tna-about-2-feature-item .icon {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    margin: 0 auto;
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, rgba(23, 63, 207, 0.1) 0%, rgba(229, 4, 238, 0.1) 100%);
    border-radius: 50%;
    font-size: 32px;
    border: 4px solid #fff;
    margin-top: -30px;
    margin-bottom: 20px;
}

.tna-about-2-feature-item .icon i {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-about-2-feature-item .title {
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}

/*
    about-2-end
*/
/*
    about-3-start
*/
.tna-about-3-area {
    position: relative;
}

.tna-about-3-area .bg-il-1 {
    position: absolute;
    right: 0;
    top: 40px;
}

.tna-about-3-right {
    padding-right: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-about-3-right {
        padding-top: 140px;
        padding-right: 0;
        width: 100%;
        max-width: 850px;
    }
}

.tna-about-3-right .content-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px dashed rgba(2, 6, 38, 0.168627451);
}

@media (max-width: 767px) {
    .tna-about-3-right .content-div {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-about-3-right .content-div {
        grid-template-columns: 1fr 1fr;
    }
}

.tna-about-3-right .btn-wrap {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.tna-about-3-right .tna-call-btn-1 .number {
    font-size: 30px;
    color: #ff0000;
    font-family: var(--stix);
}

.tna-about-3-right .tna-call-btn-1 .number:hover {
    color: var(--tna-pr-1);
}

.tna-about-3-right .tna-call-btn-1 .text {
    font-size: 16px;
    color: #686868;
    font-family: var(--catamaran);
}

.tna-about-3-right .tna-call-btn-1 .icon {
    background-color: transparent;
    color: #DF0419;
    border: 2px solid #DF0419;
}

.tna-about-3-list li {
    font-family: var(--catamaran);
    font-weight: 500;
    font-size: 22px;
    color: var(--tna-heading-1);
    line-height: 30px;
}

.tna-about-3-list li:not(:last-child) {
    margin-bottom: 20px;
}

.tna-about-3-list li i {
    display: inline-block;
    color: var(--tna-pr-1);
    transform: translateY(3px);
    margin-right: 5px;
}

.tna-about-3-video {
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.tna-about-3-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tna-about-3-video .tna-playbtn-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tna-about-3-left {
    padding-left: 40px;
    padding-right: 20px;
    position: relative;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tna-about-3-left {
        padding-left: 120px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-about-3-left {
        padding-left: 350px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-about-3-left {
        padding-left: 350px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-about-3-left {
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .tna-about-3-left {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.tna-about-3-left .popup-img-1 {
    width: 425px;
    height: 310px;
    border-radius: 30px;
    border-top: 12px solid rgba(255, 255, 255, 0.5);
    border-left: 12px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: -60px;
    right: 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-about-3-left .popup-img-1 {
        bottom: 330px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-about-3-left .popup-img-1 {
        bottom: 520px;
    }
}

@media (max-width: 767px) {
    .tna-about-3-left .popup-img-1 {
        bottom: 850px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-about-3-left .popup-img-1 {
        bottom: 520px;
    }
}

.tna-about-3-img {
    width: 100%;
    height: 770px;
    overflow: hidden;
    border-radius: 180px 20px 20px 20px;
}

.tna-about-3-feature-wrap {
    background: #FDF3F3;
    padding: 30px 40px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: -190px;
    z-index: -1;
    width: 100%;
    max-width: 450px;
    padding-bottom: 60px;
    margin-top: -40px;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tna-about-3-feature-wrap {
        left: -120px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-about-3-feature-wrap {
        position: unset;
        width: 1250px;
        max-width: unset;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-top: 60px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-about-3-feature-wrap {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-about-3-feature-wrap {
        position: unset;
        width: 100%;
        max-width: unset;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .tna-about-3-feature-wrap {
        position: unset;
        width: 100%;
        max-width: unset;
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 60px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-about-3-feature-wrap {
        position: unset;
        width: 100%;
        max-width: unset;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 60px;
    }
}

.tna-about-3-feature-item {
    width: 100%;
    max-width: 180px;
}

.tna-about-3-feature-item {
    margin-top: 40px;
}

.tna-about-3-feature-item .icon {
    font-size: 42px;
    color: var(--tna-pr-1);
    position: relative;
    margin-left: 20px;
    margin-bottom: 30px;
}

.tna-about-3-feature-item .icon::after {
    position: absolute;
    content: "";
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--tna-pr-1);
    opacity: 0.1;
    left: -20px;
    bottom: -20px;
}

.tna-about-3-feature-item .disc {
    font-size: 16px;
    line-height: 24px;
}

.tna-about-3-feature-item .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 5px;
}

/*
    about-3-end
*/
/*
    project-count-1-start
*/
.tna-project-count-1-wrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.tna-project-count-1-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.tna-project-count-1-item .icon {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
}

.tna-project-count-1-item .icon i {
    font-size: 30px;
    color: var(--theme-color);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tna-project-count-1-item .number {
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

@media (max-width: 767px) {
    .tna-project-count-1-item .number {
        font-size: 30px;
    }
}

.tna-project-count-1-item .number .odometer {
    font-family: var(--poppins);
    line-height: 1;
}

.tna-project-count-1-item .disc {
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
}

/*
    project-count-1-end
*/
/*
    project-count-2-start
*/
.tna-project-count-2-area {
    position: relative;
}

.tna-project-count-2-area .bg-shape-1 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 86px;
    height: 100%;
    background: var(--tna-gd-2);
    border-radius: 0 180px 180px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-project-count-2-area .bg-shape-1 {
        display: none;
    }
}

.tna-project-count-2-area .bg-shape-2 {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 86px;
    height: 100%;
    background: var(--tna-gd-2);
    border-radius: 180px 0 0 180px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-project-count-2-area .bg-shape-2 {
        display: none;
    }
}

.tna-project-count-2-area .tna-project-count-1-wrap {
    background: var(--tna-gd-2);
    width: 100%;
    max-width: 1695px;
    margin: 0 auto;
    padding: 40px 136px;
    border-radius: 200px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-project-count-2-area .tna-project-count-1-wrap {
        padding: 40px 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-project-count-2-area .tna-project-count-1-wrap {
        padding: 40px 80px;
    }
}

@media (max-width: 767px) {
    .tna-project-count-2-area .tna-project-count-1-wrap {
        padding: 40px 30px;
        border-radius: 90px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-project-count-2-area .tna-project-count-1-wrap {
        padding: 40px 80px;
        border-radius: 200px;
    }
}

.tna-project-count-2-area .tna-project-count-1-item .icon {
    position: relative;
    flex: 0 0 auto;
    width: 64px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    background: var(--tna-gd-2);
    color: #fff;
}

.tna-project-count-2-area .tna-project-count-1-item .icon i {
    position: unset;
    color: unset;
    background: unset;
    transform: unset;
}

/*
    project-count-2-end
*/
/*
    team-1-start
*/
.tna-team-1-area {
    position: relative;
}

.tna-team-1-area .bg-shape {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    transition: 5s ease;
}

.tna-team-1-area .tna-t1-all-btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.tna-team-1-area .tna-t1-all-btn a {
    color: var(--theme-color);
    text-decoration: underline;
}

.tna-team-1-area .tna-t1-all-btn a:hover {
    color: #ff0000;
}

.tna-team-1-area:is(.active) .bg-shape {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}

.tna-team-1-member {
    position: relative;
    border-radius: 15px;
    padding: 35px 25px;
    overflow: hidden;
    margin-bottom: 30px;
}

.tna-team-1-member .main-img {
    width: 100%;
    height: 500px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.tna-team-1-member .main-img img {
    object-position: top;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-team-1-member .main-img {
        height: 440px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-team-1-member .main-img {
        height: 380px;
    }
}

@media (max-width: 767px) {
    .tna-team-1-member .main-img {
        height: 321px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-team-1-member .main-img {
        height: 500px;
    }
}

.tna-team-1-member .content-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.tna-team-1-member .name {
    display: inline-block;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 600;
    margin-bottom: 8px;
    transition: 400ms ease;
}

.tna-team-1-member .name:hover {
    letter-spacing: 0.5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-team-1-member .name {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .tna-team-1-member .name {
        font-size: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-team-1-member .name {
        font-size: 24px;
    }
}

.tna-team-1-member .bio {
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 28px;
}

.tna-team-1-member .btn-link {
    font-size: 60px;
    text-decoration: none;
    transition: 400ms ease;
}

.tna-team-1-member .btn-link:hover {
    scale: 1.1;
}

@media (max-width: 767px) {
    .tna-team-1-member .btn-link {
        font-size: 35px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-team-1-member .btn-link {
        font-size: 60px;
    }
}

.tna-team-1-member::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 80%;
    bottom: 0;
    right: 0;
    background: #F2F3F4;
    border-radius: 15px;
    transition: 400ms ease;
}

.tna-team-1-member::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 80%;
    bottom: 0;
    right: 0;
    background: #ff0000;
    border-radius: 15px;
    transition: 400ms ease;
    z-index: 1;
    transform: translate(100%, 100%);
    visibility: hidden;
}

.tna-team-1-member .shape {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    height: 85%;
}

.tna-team-1-member:hover .name {
    color: #fff;
}

.tna-team-1-member:hover .bio {
    color: var(--theme-color);
}

.tna-team-1-member:hover .btn-link {
    color: var(--theme-color);
}

.tna-team-1-member:hover::before {
    transform: translate(0%, 0%);
    visibility: visible;
}

.tna-team-1-member:hover .tna-team-1-member-social {
    right: 26px;
}

.tna-team-1-member-social {
    position: absolute;
    right: -60px;
    z-index: 2;
    top: 90px;
    transition: 600ms ease;
}

.tna-team-1-member-social li {
    margin-bottom: 15px;
}

.tna-team-1-member-social li a {
    width: 56px;
    height: 56px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--base-gradient);
    border-radius: 50%;
    font-size: 22px;
    color: #fff;
    box-shadow: -1px 0px 15px 2px rgba(0, 0, 0, 0.168627451);
}

.tna-team-1-member-social li a i {
    transition: 400ms ease;
}

.tna-team-1-member-social li a:hover i {
    scale: 1.2;
}

/*
    team-1-end
*/
/*
    internet-1-start
*/
.tna-internet-1-content .tna-section-title .tna-title-1 {
    color: #fff;
}

.tna-internet-1-content .tna-section-title .tna-title-1 span {
    color: var(--theme-color);
}

.tna-internet-1-content .tna-section-title .pera-color {
    color: #fff;
    opacity: 70%;
}

.tna-internet-1-area {
    position: relative;
}

.tna-internet-1-area .bg-color {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    transition: 3s cubic-bezier(0.2, 0.62, 0.17, 0.34);
}

.tna-internet-1-area:is(.active) .bg-color {
    width: 0%;
}

/*
    internet-1-end
*/

/*
    internet-2-start
*/
.tna-internet-2-area {
    position: relative;
    background-position: right;
}

.tna-internet-2-area::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #ff0000 0%, rgba(2, 6, 38, 0) 100%);
    transition: 1000ms ease-in-out;
    transition-delay: 0.5s;
}

.tna-internet-2-area .bg-animation-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #ff0000 100%, rgba(2, 6, 38, 0) 100%);
}

.tna-internet-2-area .bg-li-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-internet-2-area .bg-li-1 {
        left: unset;
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-internet-2-area .bg-li-1 {
        display: none;
    }
}

.tna-internet-2-content .tna-section-title .tna-title-2 {
    color: #fff;
}

.tna-internet-2-content .tna-section-title .tna-para-2 {
    color: #fff;
    opacity: 0.8;
}

.tna-internet-2-content .tna-channel-1-feature-wrap {
    border-color: var(--tna-pr-2);
    background: transparent;
}

.tna-internet-2-content .tna-channel-1-feature .icon {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-internet-2-content .tna-channel-1-feature .title, .tna-internet-2-content .tna-channel-1-feature .disc {
    color: #fff;
}

.tna-internet-2-content .btn-wrap {
    display: flex;
    align-items: center;
    gap: 45px;
    flex-wrap: wrap;
}

.tna-internet-2-content .tna-services-1-price:is(.hero-2) .price {
    -color: var(--tna-pr-2);
}

.tna-internet-2-content .tna-services-1-price:is(.hero-2) .price .month {
    -color: #fff;
}

.tna-internet-2-content .tna-services-1-price:is(.hero-2) .para {
    color: #fff;
}

/*
    internet-2-end
*/

/*
    internet-3-start
*/
.tna-internet-3-area {
    position: relative;
}

.tna-internet-3-area .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tna-internet-3-area .bg-img div {
    height: 100%;
}

.tna-internet-3-content .tna-section-title .tna-title-2 {
    color: #fff;
}

.tna-internet-3-content .tna-section-title .tna-para-2 {
    color: #fff;
    width: 100%;
    max-width: 560px;
}

.tna-internet-3-content .tna-channel-1-feature-wrap {
    background: transparent;
    padding: 15px;
}

.tna-internet-3-content .tna-channel-1-feature .icon {
    font-size: 54px;
    flex: 0 0 auto;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    width: 84px;
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tna-internet-3-content .tna-channel-1-feature .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 5px;
    color: #fff;
}

.tna-internet-3-content .tna-channel-1-feature .disc {
    font-size: 16px;
    color: #fff;
    opacity: 0.8;
}

.tna-internet-3-content .btn-wrap {
    display: flex;
    align-items: center;
    gap: 45px;
    flex-wrap: wrap;
}

/*
    internet-3-end
*/

/*
    price-1-start
*/
.tna-price-1-area .tna-p1-all-btn {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.tna-price-1-area .tna-p1-all-btn a {
    color: var(--theme-color);
    text-decoration: underline;
}

.tna-price-1-area .tna-p1-all-btn a:hover {
    color: #ff0000;
}

.tna-price-1-item {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    border: 2px solid #fff;
    margin-bottom: 30px;
}

.tna-price-1-item .bg-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tna-price-1-item .bg-shape-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 400ms ease;
    opacity: 0;
}

.tna-price-1-item .header {
    position: relative;
    z-index: 1;
    background: #FDEBED;
    padding-left: 25px;
    padding-right: 25px;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 20px;
    align-items: center;
    padding-bottom: 30px;
    transition: 400ms ease;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-price-1-item .header {
        grid-template-columns: 1fr 1.2fr;
    }
}

@media (max-width: 767px) {
    .tna-price-1-item .header {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-price-1-item .header {
        grid-template-columns: 1fr 1.5fr;
    }
}

.tna-price-1-item .price-wrap {
    background-color: var(--theme-color);
    text-align: center;
    padding: 45px 12px;
    clip-path: polygon(100% 0, 100% 70%, 51% 100%, 0 70%, 0 0);
    padding-bottom: 60px;
    transition: 400ms ease;
}

.tna-price-1-item .price-wrap .price {
    font-size: 38px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    transition: 400ms ease;
}

.tna-price-1-item .price-wrap .price span {
    font-size: 15px;
    display: inline-block;
    transform: translateY(-18px);
    font-weight: 400;
}

.tna-price-1-item .price-wrap .month {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    line-height: 26px;
    transition: 400ms ease;
}

.tna-price-1-item .categorie {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    line-height: 1;
    background: var(--base-gradient);
    color: #fff;
    padding: 8px 10px;
    border-radius: 30px;
    margin-bottom: 25px;
    transition: 400ms ease;
}

.tna-price-1-item .feature-icon li {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    background: rgba(225, 4, 25, 0.05);
    color: var(--theme-color);
    box-shadow: 0px 0px 6px 0px rgba(225, 4, 25, 0.2) inset;
    transition: 400ms ease;
}

.tna-price-1-item .feature-icon li:not(:last-child) {
    margin-right: 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-price-1-item .feature-icon li {
        width: 45px;
        height: 45px;
        font-size: 22px;
    }
}

.tna-price-1-item .body {
    position: relative;
    z-index: 1;
    padding: 35px 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-price-1-item .body {
        padding: 35px 20px;
    }
}

.tna-price-1-item .tna-list-item-1 {
    grid-template-columns: 1fr;
    gap: 20px;
}

.tna-price-1-item .tna-list-item-1 li:is(.not-active) {
    opacity: 0.5;
}

.tna-price-1-item .tna-p1-btn {
    font-size: 15px;
    text-transform: capitalize;
    line-height: 1;
    font-weight: 500;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    padding: 22px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 17px;
}

.tna-price-1-item .tna-p1-btn i {
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    transform: translateY(5px);
    font-size: 18px;
}

.tna-price-1-item:hover .bg-shape-2 {
    opacity: 1;
}

.tna-price-1-item:hover .header {
    background: var(--theme-color);
}

.tna-price-1-item:hover .price-wrap {
    background-color: #fff;
}

.tna-price-1-item:hover .price-wrap .price {
    color: var(--theme-color);
}

.tna-price-1-item:hover .price-wrap .month {
    color: var(--pera-color);
}

.tna-price-1-item:hover .categorie {
    background: #fff;
    color: var(--theme-color);
}

.tna-price-1-item:hover .feature-icon li {
    background: #fff;
}

.tna-price-1-item:hover .tna-p1-btn {
    color: #fff;
    background-color: var(--theme-color);
}

.tna-price-1-item:hover .tna-p1-btn i {
    overflow: hidden;
    display: inline-block;
    line-height: 1;
    transform: translateY(5px);
    font-size: 18px;
}

/*
    price-1-end
*/

/***

====================================================================
	Pricing One
====================================================================

***/

.pricing-one {
    position: relative;
    padding: 110px 0px 90px;
}

.pricing-one_image-layer {
    position: absolute;
    left: 40px;
    top: 0px;
    right: 40px;
    height: 810px;
    overflow: hidden;
    border-radius: 40px;
    background-size: cover;
    background-position: center center;
}

.pricing-one_image-layer::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.70;
    background-color: var(--color-twentyfour);
}

.price-block_two {
    position: relative;
}

.price-block_two-inner {
    position: relative;
    overflow: hidden;
    border-radius: 50px 50px;
    padding-top: 45px;
    background-color: var(--white-color);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07);
}

.price-block_two-title {
    position: relative;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color: var(--color-twentyfive);
    font-family: var(--font-family-poppins);
}

.price-block_two-category {
    position: relative;
    font-weight: 700;
    text-align: center;
    font-size: var(--font-20);
    color: var(--color-twelve);
    margin-top: 5px;
    font-family: var(--font-family-poppins);
}

.price-block_two-price {
    position: relative;
    z-index: 1;
    font-weight: 800;
    line-height: 1em;
    text-align: center;
    padding: 18px 0px 10px;
    font-size: var(--font-40);
    color: var(--color-twentysix);
    margin-top: 20px;
    font-family: var(--font-family-poppins);
}

.price-block_two-price sub {
    position: relative;
    font-weight: 500;
    font-size: var(--font-20);
}

.price-block_two-price span {
    position: relative;
    font-weight: 500;
    font-size: var(--font-12);
    text-transform: uppercase;
}

.price-block_two-price::before {
    position: absolute;
    content: '';
    right: 50px;
    top: 0px;
    bottom: 0px;
    width: 150%;
    z-index: -1;
    border-radius: 0px 50px 50px 0px;
    background-color: #eeeeee;
}

.price-block_two-image {
    position: relative;
    margin: 0 auto;
    width: 290px;
    height: 135px;
    margin-top: var(--margin-top-35);
    margin-bottom: var(--margin-bottom-30);
}

.price-block_two-image img {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 150px !important;
}

.price-block_two-image::before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border-radius: 150px;
    transform: rotate(0deg);
    background-color: var(--main-color);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.price-block_two-inner:hover .price-block_two-image::before {
    transform: rotate(6deg);
}

.price-block_two-options {
    position: relative;
    text-align: center;
}

.price-block_two-options li {
    position: relative;
    margin: 0px 5px 10px;
    display: inline-block;
}

.price-block_two-options li i {
    position: relative;
    width: 60px;
    height: 60px;
    font-weight: 500;
    line-height: 60px;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    color: var(--main-color);
    font-size: var(--font-34);
    font-family: "flaticon_2023_project";
    background-color: #f8f6f4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price-block_two-list {
    position: relative;
    margin-top: var(--margin-top-15);
    margin-left: var(--margin-left-60);
}

.price-block_two-list li {
    position: relative;
    color: var(--color-eight);
    font-size: var(--font-14);
    padding-left: var(--padding-left-25);
    margin-bottom: var(--margin-bottom-10);
}

.price-block_two-list li::before {
    position: absolute;
    content: '\f058';
    left: 0px;
    top: 0px;
    font-weight: 800;
    color: var(--main-color);
    font-family: 'Font Awesome 5 Pro';
}

.price-block_two-list li:last-child {
    margin-bottom: var(--margin-zero);
}

.price-block_two-vat {
    position: relative;
    padding: 25px 55px;
    font-weight: 500;
    line-height: 28px;
    font-size: var(--font-14);
    color: var(--black);
    margin-top: var(--margin-top-30);
    border-top: 1px solid rgb(243, 243, 243);
    font-family: var(--font-family-poppins);
}

.price-block_two-vat span {
    position: relative;
    color: var(--main-color);
}

.price-block_two-button {
    position: relative;
}

.price-two_start-btn {
    position: relative;
    font-weight: 700;
    padding: 22px 60px;
    color: var(--white-color);
    font-size: var(--font-14);
    text-transform: uppercase;
    border-radius: 5px 50px 50px 0px;
    background-color: var(--color-twentysix);
    font-family: var(--font-family-poppins);
}

.price-two_start-btn:hover {
    color: var(--white-color);
    background-color: var(--main-color);
}

/*
    price-2-start____old-price-table-customization
*/
.faq-price-bg-shape {
    position: relative;
}

.faq-price-bg-shape::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 865px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--tna-gd-2);
    opacity: 5%;
    z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .faq-price-bg-shape::after {
        height: 1195px;
        top: 40%;
    }
}

.tna-price-2-area .price-block_two-title {
    font-family: var(--catamaran);
    font-weight: 600;
}

.tna-price-2-area .price-block_two-category {
    color: var(--tna-heading-1);
    font-family: var(--catamaran);
    font-weight: 800;
    font-size: 26px;
}

@media (max-width: 767px) {
    .tna-price-2-area .price-block_two-price::before {
        right: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-price-2-area .price-block_two-price::before {
        right: 105px;
    }
}

.tna-price-2-area .price-block_two-price {
    font-size: 45px;
    color: var(--tna-heading-1);
    font-family: var(--catamaran);
}

.tna-price-2-area .price-block_two-price sub {
    transform: translateY(-3px);
    display: inline-block;
}

.tna-price-2-area .price-block_two-options li i {
    line-height: 72px;
}

.tna-price-2-area .price-block_two-list li {
    font-family: var(--catamaran);
    font-size: 18px;
    line-height: 30px;
}

.tna-price-2-area .price-block_two-vat {
    line-height: 22px;
    font-size: 16px;
    color: var(--tna-heading-1);
    font-family: var(--catamaran);
}

@media (max-width: 767px) {
    .tna-price-2-area .price-block_two-vat {
        padding: 20px 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-price-2-area .price-block_two-vat {
        padding: 35px 30px;
        padding-left: 110px;
    }
}

.tna-price-2-area .price-two_start-btn {
    background-color: var(--tna-heading-1);
    font-family: var(--catamaran);
}

.tna-price-2-area .price-two_start-btn:hover {
    background-color: var(--tna-pr-2);
}

.tna-price-2-area .price-block_two-inner {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}

@media (max-width: 767px) {
    .tna-price-2-area .price-block_two-list {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-price-2-area .price-block_two-list {
        margin-left: 110px;
    }
}

.tna-price-2-area .price-block_two-inner:hover .price-two_start-btn {
    background-color: var(--tna-pr-2);
}

/*
    price-2-end____old-price-table-customization
*/

/*
    price-3-start____old-price-table-customization
*/
.tna-price-3:is(.tel-price-section) .tel_price__nav .tel_price__nav-item .tel_price__nav-icon {
    color: var(--tna-pr-1);
    background-color: rgba(182, 6, 22, 0.1);
}

.tna-price-3:is(.tel-price-section) .tel_price__nav .tel_price__nav-item .tel_price__nav-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.21;
    color: var(--tna-heading-1);
    font-family: var(--catamaran);
}

@media (max-width: 767px) {
    .tna-price-3:is(.tel-price-section) .tel_price__nav .tel_price__nav-item .tel_price__nav-title {
        font-size: 20px;
    }
}

.tna-price-3:is(.tel-price-section) .price-button-prev, .tna-price-3:is(.tel-price-section) .price-button-next {
    color: #808190;
    transform: translateY(-50%);
    border: 2px solid #808190;
}

.tna-price-3:is(.tel-price-section) .price-button-prev:hover, .tna-price-3:is(.tel-price-section) .price-button-next:hover {
    color: var(--tna-pr-1);
    border-color: var(--tna-pr-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-price-3:is(.tel-price-section) .price-button-prev, .tna-price-3:is(.tel-price-section) .price-button-next {
        top: 125%;
    }
}

.tna-price-3:is(.tel-price-section) .tel_price__nav .swiper-slide-active .tel_price__nav-icon {
    background: var(--tna-gd-1);
    color: #fff;
}

.tna-price-3:is(.tel-price-section) .tel_price__nav .swiper-slide-active .tel_price__nav-title {
    background: var(--tna-gd-1);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    text-decoration: underline;
}

.tna-price-3:is(.tel-price-section) .tel_price_content {
    border-top: 1px solid rgba(215, 5, 25, 0.1);
    padding-left: 130px;
    padding-right: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-price-3:is(.tel-price-section) .tel_price_content {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.tna-price-3:is(.tel-price-section) .tel_price_img-area .price-plan-value {
    border-color: #fff;
    background: var(--tna-gd-1);
    top: -14px;
    right: -26px;
}

.tna-price-3:is(.tel-price-section) .tel_price_img-area .price-plan-value * {
    font-family: var(--poppins);
}

.tna-price-3:is(.tel-price-section) .tel_price_img-area {
    padding-top: 15px;
    padding-right: 0;
}

.tna-price-3:is(.tel-price-section) .tel_price_item-list li {
    font-size: 22px;
    padding-left: 0;
    font-weight: 500;
    font-family: var(--catamaran);
    color: var(--tna-heading-1);
    margin-bottom: 0;
}

.tna-price-3:is(.tel-price-section) .tel_price_item-list li::before {
    display: none;
}

.tna-price-3:is(.tel-price-section) .tel_price_item-list li i {
    display: inline-block;
    margin-right: 5px;
    transform: translateY(3px);
    color: var(--tna-pr-1);
}

.tna-price-3:is(.tel-price-section) .tel_price_item-list li:not(:last-child) {
    margin-bottom: 20px;
}

.tna-price-3:is(.tel-price-section) .tel_price_item-list {
    padding-left: 60px;
}

@media (max-width: 767px) {
    .tna-price-3:is(.tel-price-section) .tel_price_item-list {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-price-3:is(.tel-price-section) .tel_price_item-list {
        padding-left: 60px;
    }
}

/*
    price-3-end____old-price-table-customization
*/
/*
    package-1-start
*/
.tna-package-1-area {
    position: relative;
}

.tna-package-1-area::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 66%);
}

.tna-package-1-wrap {
    position: relative;
    z-index: 1;
}

.tna-package-1-content {
    width: 100%;
    max-width: 590px;
}

.tna-package-1-content .tna-section-title .tna-title-1 {
    color: #fff;
}

.tna-package-1-content .tna-section-title .pera-color {
    color: #fff;
    opacity: 0.9;
}

.tna-package-1-content .price-wrap {
    display: flex;
    align-items: center;
    gap: 50px;
    border: 1px #fff;
    border-style: dashed;
    border-radius: 10px;
    padding: 35px 30px;
}

@media (max-width: 767px) {
    .tna-package-1-content .price-wrap {
        flex-wrap: wrap;
    }
}

.tna-package-1-content .btn-wrap {
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}

.tna-package-1-content .tna-package-1-playbtn {
    position: relative;
    display: inline-block;
}

.tna-package-1-content .tna-package-1-playbtn .tna-playbtn-1-postion {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-package-1-content .tna-package-1-playbtn .tna-playbtn-1-postion {
        left: 0;
        transform: translate(10%, -50%);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-package-1-content .tna-package-1-playbtn svg {
        opacity: 0;
    }
}

.tna-package-1-content .tna-package-1-playbtn-position {
    position: absolute;
    right: -200px;
    bottom: -130px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-package-1-content .tna-package-1-playbtn-position {
        right: -50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-package-1-content .tna-package-1-playbtn-position {
        right: -20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-package-1-content .tna-package-1-playbtn-position {
        right: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-package-1-content .tna-package-1-playbtn-position {
        position: unset;
    }
}

.tna-playbtn-1 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    background: var(--theme-color);
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    position: relative;
}

.tna-playbtn-1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    scale: 1.5;
    animation: tna-ply1 5s infinite ease-in-out;
}

@keyframes tna-ply1 {
    0% {
        scale: 1.5;
    }

    50% {
        scale: 1;
    }

    100% {
        scale: 1.5;
    }
}

.tna-package-1-price-wrap {
    flex: 0 0 auto;
}

.tna-package-1-price-wrap .price {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 15px;
}

.tna-package-1-price-wrap .dollar {
    color: var(--theme-color);
    font-weight: 700;
    font-size: 40px;
}

.tna-package-1-price-wrap .dollar-sing {
    color: var(--theme-color);
    font-weight: 700;
}

.tna-package-1-price-wrap .month {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    color: #fff;
}

.tna-package-1-list li {
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    line-height: 30px;
}

.tna-package-1-list li:not(:last-child) {
    margin-bottom: 10px;
}

.tna-package-1-list li i {
    color: var(--theme-color);
    font-size: 20px;
    transform: translateY(4px);
    display: inline-block;
    margin-right: 3px;
}

/*
    package-1-end
*/
/*

    speed-1-start
*/
.tna-speed-1-tabs-btn {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.tna-speed-1-tabs-btn .nav-link {
    position: relative;
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    background: #FAF3F3;
    color: var(--tna-heading-1);
    padding: 18px 30px;
    border-radius: 10px;
}

.tna-speed-1-tabs-btn .nav-link span {
    font-size: 18px;
    font-weight: 400;
    opacity: 0.8;
}

.tna-speed-1-tabs-btn .nav-link::after {
    width: 40px;
    height: 30px;
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--theme-color);
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    border-radius: 50%;
    z-index: -1;
    transition: 400ms ease;
}

.tna-speed-1-tabs-btn .nav-link:is(.active) {
    background: var(--theme-color);
    color: #fff;
}

.tna-speed-1-tabs-btn .nav-link:is(.active)::after {
    bottom: -15px;
}

.tna-speed-1-tabs-content {
    width: 100%;
    max-width: 600px;
}

.tna-speed-1-tabs-content .tab-pane .pera-color {
    margin-bottom: 25px;
}

.tna-speed-1-tabs-content .tab-pane .btn-wrap {
    display: flex;
    align-items: center;
    gap: 90px;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .tna-speed-1-tabs-content .tab-pane .btn-wrap {
        gap: 60px;
    }
}

.tna-speed-1-tabs-content .tab-pane .tna-package-1-price-wrap .price {
    color: var(--theme-color);
    margin-bottom: 5px;
}

.tna-speed-1-tabs-content .tab-pane .tna-package-1-price-wrap .month {
    color: var(--tna-heading-1);
    margin-bottom: 0;
}

.tna-speed-1-area {
    padding-top: 150px;
    padding-bottom: 145px;
}

.tna-speed-1-img {
    position: relative;
}

.tna-speed-1-img .main-img {
    width: 560px;
    height: 560px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
    margin-left: 140px;
    margin-top: -40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-speed-1-img .main-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-speed-1-img .main-img {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-speed-1-img .main-img {
        margin-top: 60px;
        width: 560px;
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-speed-1-img .main-img {
        margin-top: 60px;
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .tna-speed-1-img .main-img {
        margin-top: 60px;
        margin-left: 0;
        width: 100%;
        height: 300px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-speed-1-img .main-img {
        margin-top: 60px;
        margin-left: 0;
        width: 100%;
        height: 560px;
    }
}

.tna-speed-1-img .popup-img-1 {
    width: 216px;
    height: 300px;
    border-radius: 200px;
    overflow: hidden;
    border: 3px solid #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 1;
}

@media (max-width: 767px) {
    .tna-speed-1-img .popup-img-1 {
        display: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-speed-1-img .popup-img-1 {
        display: block;
    }
}

.tna-speed-1-img .popup-img-1 .tna-s1-wifi-signal {
    transform: translate(30px, -200px);
}

.tna-speed-1-img .popup-img-2 {
    width: 710px;
    height: 460px;
    overflow: hidden;
    border-radius: 500px;
    border: 5px solid #fff;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: -250px;
    left: -90px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-speed-1-img .popup-img-2 {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-speed-1-img .popup-img-2 {
        left: 0px;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .tna-speed-1-img .popup-img-2 {
        left: 0px;
        width: 100%;
        bottom: 0;
        height: 140px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-speed-1-img .popup-img-2 {
        left: 0px;
        width: 100%;
        bottom: 0;
        height: 300px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-speed-1-img .popup-img-2 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (max-width: 767px) {
    .tna-speed-1-img .popup-img-2 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/*
    speed-1-end
*/

/*
    speed-3-start
*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-speed-3-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.tna-speed-3-content .content-div {
    display: flex;
    gap: 80px;
}

@media (max-width: 767px) {
    .tna-speed-3-content .content-div {
        flex-wrap: wrap;
        gap: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-speed-3-content .content-div {
        flex-wrap: nowrap;
        gap: 50px;
    }
}

.tna-speed-3-content .tna-list-item-1 {
    grid-template-columns: 1fr;
    flex: 0 0 auto;
}

.tna-speed-3-content .tna-list-item-1 li {
    font-size: 20px;
    font-weight: 400;
    color: var(--tna-heading-1);
    font-family: var(--catamaran);
    line-height: 30px;
}

.tna-speed-3-content .tna-package-1-price-wrap {
    background: rgba(222, 4, 25, 0.1);
    border-radius: 10px;
    text-align: center;
    padding: 25px 10px;
    flex: unset;
}

.tna-speed-3-content .tna-package-1-price-wrap .price {
    color: var(--tna-para-1);
    font-weight: 400;
}

.tna-speed-3-content .tna-package-1-price-wrap .month {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-transform: capitalize;
    background: var(--tna-gd-1);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    font-family: var(--catamaran);
}

.tna-speed-3-img {
    padding-left: 240px;
    position: relative;
    margin-right: -310px;
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .tna-speed-3-img {
        margin-right: -150px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-speed-3-img {
        margin-right: -50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-speed-3-img {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-speed-3-img {
        margin-right: 0px;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .tna-speed-3-img {
        padding-left: 0px;
        margin-right: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-speed-3-img {
        padding-left: 0px;
        margin-right: 0px;
    }
}

.tna-speed-3-img .main-img {
    width: 100%;
    height: 828px;
    overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-speed-3-img .main-img {
        height: 560px;
    }
}

.tna-speed-3-img .popup-img-1 {
    position: absolute;
    left: 0;
    bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-speed-3-img .popup-img-1 {
        width: 60%;
    }
}

/*
    speed-3-end
*/
/*
    movie-1-start
*/
.tna-movie-1-wrap {
    position: relative;
}

.tna-movie-1-tabs-item-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
    padding: 0 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-1-tabs-item-wrap {
        position: unset;
        margin-bottom: 50px;
    }
}

.tna-movie-1-tabs-item-wrap .left-side {
    display: flex;
    gap: 15px;
    height: 100%;
}

.tna-movie-1-tabs-item-wrap .right-side {
    display: flex;
    gap: 15px;
    height: 100%;
}

.tna-movie-1-tabs-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-movie-1-tabs-item {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .tna-movie-1-tabs-item {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-movie-1-tabs-item {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.tna-movie-1-tabs-item li {
    width: 240px;
    height: 300px;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
    flex: 0 0 auto;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-movie-1-tabs-item li {
        width: 170px;
        height: 230px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-movie-1-tabs-item li {
        width: 160px;
        height: 200px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-1-tabs-item li {
        width: 100%;
    }
}

.tna-movie-1-tabs-item .nav-link {
    width: 100%;
    height: 100%;
}

.tna-movie-1-tabs-item img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    scale: 1.1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-1-tabs-item-2, .tna-movie-1-tabs-item-3 {
        display: none;
    }
}

.tna-movie-1-tabs-item-1, .tna-movie-1-tabs-item-3 {
    transform: translateY(-500px);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-1-tabs-item-1, .tna-movie-1-tabs-item-3 {
        transform: translateY(0px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-1-tabs-item-4 {
        display: none;
    }
}

.tna-movie-1-tabs-content-item {
    height: 1100px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding-bottom: 150px;
    background-position: top;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-1-tabs-content-item {
        height: 620px;
    }
}

.tna-movie-1-tabs-content-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ff0000;
    opacity: 0.7;
}

.tna-movie-1-tabs-content-item .movie-name {
    font-size: 70px;
    font-weight: 700;
    line-height: 1.14;
    color: #fff;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .tna-movie-1-tabs-content-item .movie-name {
        font-size: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-movie-1-tabs-content-item .movie-name {
        font-size: 70px;
    }
}

.tna-movie-1-tabs-content-item .movie-date {
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px;
}

.tna-movie-1-tabs-content-item .movie-date .qoulity {
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.tna-movie-1-tabs-content-item .movie-date .reating {
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.tna-movie-1-tabs-content-item .movie-disc {
    position: relative;
    z-index: 1;
    color: #fff;
    width: 100%;
    max-width: 605px;
    margin: 0 auto;
    margin-bottom: 35px;
}

/*
    movie-1-end
*/

/*
    movie-2-start
*/
.tna-movie-2-area {
    padding-top: 125px;
    padding-bottom: 375px;
    position: relative;
}

.tna-movie-2-area .bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.tna-movie-2-area .bg-img img {
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .tna-movie-2-area .bg-img img {
        object-fit: cover;
    }
}

.tna-movie-2-area .tna-section-title .tna-title-2 {
    color: #fff;
}

.tna-movie-2-item {
    width: 100%;
    height: 780px;
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-movie-2-item {
        height: 600px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-2-item {
        height: 500px;
    }
}

.tna-movie-2-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--tna-heading-1);
    left: 0;
    top: 0;
    opacity: 0.5;
    transition: 400ms ease;
}

.tna-movie-2-item .btn-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: 400ms ease;
    opacity: 0;
}

.tna-movie-2-item .btn-wrap .tna-playbtn-1 {
    background: var(--tna-gd-2);
}

.tna-movie-2-item .btn-wrap .tna-playbtn-1::after {
    border: 10px solid rgba(255, 255, 255, 0.2509803922);
    z-index: -1;
}

.tna-movie-2-slider {
    position: relative;
}

.tna-movie-2-slider .fg-shape-1 {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 75px;
}

@media (max-width: 767px) {
    .tna-movie-2-slider .fg-shape-1 {
        height: 25px;
    }
}

.tna-movie-2-slider .fg-shape-1 img {
    width: 100%;
    height: 100%;
}

.tna-movie-2-slider .fg-shape-2 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 75px;
}

@media (max-width: 767px) {
    .tna-movie-2-slider .fg-shape-2 {
        height: 25px;
    }
}

.tna-movie-2-slider .fg-shape-2 img {
    width: 100%;
    height: 100%;
}

.tna-movie-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-movie-2-item::after {
    opacity: 0;
}

.tna-movie-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-movie-2-item .btn-wrap {
    opacity: 1;
}

.tna-movie-2-slider .tna-movie-2-btn {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width: 767px) {
    .tna-movie-2-slider .tna-movie-2-btn {
        bottom: -50px;
    }
}

.tna-movie-2-slider .tna-movie-2-btn .tna_movie_2_prev i, .tna-movie-2-slider .tna-movie-2-btn .tna_movie_2_next i {
    font-size: 62px;
    color: #4D5067;
}

.tna-movie-2-slider .tna-movie-2-btn .tna_movie_2_prev i:hover, .tna-movie-2-slider .tna-movie-2-btn .tna_movie_2_next i:hover {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-movie-2-slider .tna-movie-2-btn .tna_movie_2_prev i {
    rotate: 180deg;
    display: inline-block;
}

/*
    movie-2-end
*/

/*
    movie-3-start
*/
.tna-movie-3-area {
    width: 100%;
    max-width: 1920px;
    margin: auto;
}

.tna-movie-3-area .tna-section-title {
    padding-top: 110px;
    padding-left: 90px;
    padding-bottom: 63px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-movie-3-area .tna-section-title {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .tna-movie-3-area .tna-section-title {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.tna-movie-3-area .tna-section-title .tna-title-2 {
    width: 100%;
    max-width: 535px;
}

.tna-movie-3-area .tna-section-title .tna-para-2 {
    width: 100%;
    max-width: 535px;
}

.tna-movie-3-area .js-marquee-wrapper {
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-3-content {
        display: flex;
        flex-direction: column-reverse;
    }
}

.tna-movie-3-tabs-content-item {
    height: 970px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-bottom: 80px;
    background-position: top;
    padding-left: 80px;
    justify-content: end;
    align-items: baseline;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-movie-3-tabs-content-item {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .tna-movie-3-tabs-content-item {
        height: 600px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

.tna-movie-3-tabs-content-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgb(2, 6, 38) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
}

.tna-movie-3-tabs-content-item .movie-name {
    font-size: 70px;
    font-weight: 700;
    line-height: 1.14;
    color: #fff;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: var(--movie);
}

@media (max-width: 767px) {
    .tna-movie-3-tabs-content-item .movie-name {
        font-size: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-movie-3-tabs-content-item .movie-name {
        font-size: 70px;
    }
}

.tna-movie-3-tabs-content-item .movie-date {
    position: relative;
    z-index: 1;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px;
}

.tna-movie-3-tabs-content-item .movie-date .qoulity {
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.tna-movie-3-tabs-content-item .movie-date .reating {
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    padding: 2px 10px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.tna-movie-3-tabs-content-item .movie-disc {
    position: relative;
    z-index: 1;
    color: #fff;
    width: 100%;
    max-width: 595px;
    margin-bottom: 35px;
}

.tna-movie-3-tabs-content-item .btn-position {
    position: absolute;
    right: 70px;
    top: 70px;
    z-index: 1;
}

@media (max-width: 767px) {
    .tna-movie-3-tabs-content-item .btn-position {
        right: 30px;
        top: 30px;
    }
}

.tna-movie-3-tabs-btn {
    display: flex;
    gap: 25px;
    padding-left: 25px;
}

.tna-movie-3-tabs-btn .nav-item .nav-link {
    width: 342px;
    height: 484px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    flex: 0 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-movie-3-tabs-btn .nav-item .nav-link {
        width: 220px;
        height: 300px;
    }
}

.tna-movie-3-tabs-btn .nav-item .nav-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tna-movie-3-tabs-btn .nav-item .nav-link .reating {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    font-family: var(--catamaran);
    background: var(--tna-gd-1);
    color: #fff;
    padding: 8px 20px;
    border-radius: 0 20px 20px 0;
    position: absolute;
    left: -100px;
    top: 20px;
    transition: 400ms ease-in-out;
}

.tna-movie-3-tabs-btn .nav-item .nav-link .reating i {
    font-size: 15px;
    color: #EFBC43;
}

.tna-movie-3-tabs-btn .nav-item .nav-link .comment {
    font-size: 20px;
    display: inline-block;
    background: var(--tna-gd-1);
    line-height: 1;
    color: #fff;
    font-weight: 500;
    font-family: var(--catamaran);
    padding: 10px 20px;
    border-radius: 25px 0 0 25px;
    position: absolute;
    right: -210px;
    bottom: 20px;
    transition: 400ms ease-in-out;
}

.tna-movie-3-tabs-btn .nav-item .nav-link .comment i {
    font-size: 14px;
}

.tna-movie-3-tabs-btn .nav-item .nav-link .btn-position {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 400ms ease-in-out;
}

.tna-movie-3-tabs-btn .nav-item .nav-link .btn-position .tna-playbtn-1::after {
    display: none;
}

.tna-movie-3-tabs-btn .nav-item .nav-link:hover .comment {
    right: 0;
}

.tna-movie-3-tabs-btn .nav-item .nav-link:hover .reating {
    left: 0px;
}

.tna-movie-3-tabs-btn .nav-item .nav-link:hover .btn-position {
    opacity: 1;
}

/*
    movie-3-end
*/

/*
    channel-1-start
*/
.tna-channel-1-area {
    position: relative;
}

.tna-channel-1-area .bg-shape-1 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    transition: 4s ease;
}

.tna-channel-1-area:is(.active) .bg-shape-1 {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}

.tna-channel-1-content {
    margin-right: -10px;
}

.tna-channel-1-img {
    position: relative;
    margin-right: -360px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-channel-1-img {
        margin-right: -40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-channel-1-img {
        margin-right: -10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-channel-1-img {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-channel-1-img {
        margin-top: 60px;
        margin-right: 0px;
    }
}

.tna-channel-1-img .shape {
    position: absolute;
    bottom: -100px;
    left: 0px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-channel-1-img .shape {
        bottom: -120px;
    }
}

.tna-channel-1-feature-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding: 32px;
    background: #fff;
    border: 1px var(--theme-color);
    border-style: dashed;
    border-radius: 10px;
}

@media (max-width: 767px) {
    .tna-channel-1-feature-wrap {
        grid-template-columns: 1fr;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-channel-1-feature-wrap {
        grid-template-columns: 1fr 1fr;
    }
}

.tna-channel-1-feature {
    display: flex;
    align-items: center;
    gap: 20px;
}

.tna-channel-1-feature .icon {
    font-size: 60px;
    line-height: 1;
    color: var(--theme-color);
    flex: 0 0 auto;
}

.tna-channel-1-feature .title {
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 5px;
}

.tna-channel-1-feature .disc {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 24px;
}

/*
    channel-1-end
*/
/*
    channel-2-start
*/
.tna-channel-2-slider {
    margin-left: -70px;
    margin-right: -70px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-channel-2-slider {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.tna-channel-2-slider .swipe-container .swiper-wrapper .swiper-slide {
    text-align: center;
}

.tna-channel-2-item img {
    transition: 400ms ease;
}

.tna-channel-2-item img:hover {
    filter: hue-rotate(109deg);
    scale: 0.9;
}

/*
    channel-2-end
*/
/*
    discount-1-start
*/
.tna-discount-1-area {
    position: relative;
}

.tna-discount-1-area .bg-shape {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 70%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-discount-1-area .bg-shape {
        width: 60%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-discount-1-area .bg-shape {
        height: 53.5%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .tna-discount-1-area .bg-shape {
        height: 31.5%;
        width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-discount-1-area .bg-shape {
        height: 46.5%;
        width: 100%;
    }
}

.tna-discount-1-img {
    margin-left: -150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-discount-1-img {
        margin-left: 0px;
    }
}

.tna-discount-1-content {
    padding-top: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-discount-1-content {
        padding-bottom: 120px;
    }
}

.tna-discount-1-content .tna-title-1 {
    color: #fff;
}

.tna-discount-1-content .pera-color {
    color: #fff;
    opacity: 0.8;
}

/*
    discount-1-end
*/
/*
    discount-2-start
*/
.tna-discount-2-area {
    padding-top: 125px;
    padding-bottom: 210px;
    position: relative;
}

@media (max-width: 767px) {
    .tna-discount-2-area {
        padding-bottom: 125px;
    }
}

.tna-discount-2-area .il-img-1 {
    position: absolute;
    bottom: 0;
    left: 76vw;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-discount-2-area .il-img-1 {
        left: unset;
        right: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-discount-2-area .il-img-1 {
        left: unset;
        right: 0;
        width: 26%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-discount-2-area .il-img-1 {
        left: unset;
        right: 0;
        width: 26%;
    }
}

@media (max-width: 767px) {
    .tna-discount-2-area .il-img-1 {
        display: none;
    }
}

.tna-discount-2-area .tna-discount-2-bg-animation {
    content: "";
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--tna-heading-1);
    transition: 600ms;
}

.tna-discount-2-img {
    position: absolute;
    top: 0;
    right: 43vw;
    height: 100%;
    display: flex;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tna-discount-2-img {
        right: 40vw;
        height: 100%;
        left: -150px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-discount-2-img {
        right: unset;
        left: -420px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-discount-2-img {
        opacity: 0.2;
        right: 0;
    }
}

.tna-discount-2-img img {
    height: 100%;
}

.tna-discount-2-content .tna-section-title .tna-title-2 {
    color: #fff;
}

.tna-discount-2-content .tna-section-title .tna-para-2 {
    color: #fff;
    opacity: 0.8;
    font-family: var(--catamaran);
}

.tna-discount-2-content .price {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 50px;
}

.tna-discount-2-content .price span {
    color: var(--tna-pr-2);
}

/*
    discount-2-end
*/

/*
    discount-3-start
*/
.tna-discount-3-area {
    padding-top: 120px;
    padding-bottom: 270px;
    position: relative;
}

.tna-discount-3-area .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tna-discount-3-area .bg-img div {
    height: 100%;
}

.tna-discount-3-area .tna-section-title .tna-title-2 {
    color: #fff;
}

.tna-discount-3-area .tna-section-title .tna-para-2 {
    color: #fff;
    opacity: 0.8;
}

/*
    discount-3-end
*/
/*
    testimonial-1-start
*/
.tna-testimonial-1-area {
    position: relative;
    z-index: 4;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-1-area {
        margin-top: 110px;
    }
}

.tna-testimonial-1-slider {
    position: relative;
}

.tna-testimonial-1-slider::after {
    content: "";
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 500px;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
    border-radius: 50%;
    filter: blur(181px);
}

.tna-testimonial-1-slider .quetion-icon {
    width: 132px;
    height: 132px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-color);
    font-size: 80px;
    color: #fff;
    border: 8px solid #100521;
    position: absolute;
    right: 20px;
    top: -70px;
    z-index: 3;
}

.tna-testimonial-1-slider-item {
    background: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 120px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    padding-right: 80px;
    padding-left: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-testimonial-1-slider-item {
        padding-right: 130px;
        gap: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-testimonial-1-slider-item {
        padding-top: 130px;
        padding-right: 30px;
        gap: 80px;
        flex-wrap: wrap-reverse;
    }
}

@media (max-width: 767px) {
    .tna-testimonial-1-slider-item {
        padding-top: 130px;
        padding-right: 20px;
        gap: 50px;
        flex-wrap: wrap-reverse;
    }
}

.tna-testimonial-1-slider-item::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    left: -80px;
    bottom: -510px;
    background: #FFBEC4;
    transition: 1000ms cubic-bezier(0.65, -0.19, 0.31, 1.13);
}

.tna-testimonial-1-slider-item .main-img {
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}

.tna-testimonial-1-slider-item .comment {
    font-size: 30px;
    line-height: 1.66;
    font-weight: 400;
    margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-1-slider-item .comment {
        font-size: 20px;
    }
}

.tna-testimonial-1-slider-item .name {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color);
    line-height: 32px;
    margin-bottom: 2px;
}

.tna-testimonial-1-slider-item .bio {
    font-size: 14px;
    line-height: 30px;
}

.tna-testimonial-1-slider-item .reating {
    font-size: 28px;
    color: #FFC107;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-testimonial-1-slider-item .reating {
        font-size: 18px;
    }
}

.tna-testimonial-1-slider-item .user-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 767px) {
    .tna-testimonial-1-slider-item .user-info {
        flex-wrap: wrap;
        gap: 30px;
    }
}

.tna-testimonial-1-slider {
    position: relative;
}

.tna-testimonial-1-slider .swiper-container {
    position: relative;
    z-index: 2;
    border-radius: 30px;
}

.tna-testimonial-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-1-slider-item::after {
    bottom: -200px;
}

.tna-testimonial-1-slider .tna-t1-pagination {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -110px;
    bottom: 40px !important;
    left: auto !important;
    width: auto !important;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-1-slider .tna-t1-pagination {
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: unset;
        padding-top: 50px;
    }
}

.tna-testimonial-1-slider .tna-t1-pagination span {
    width: 23px;
    height: 23px;
    position: relative;
    background: var(--base-gradient);
    margin: 25px !important;
}

.tna-testimonial-1-slider .tna-t1-pagination span::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #B10616;
    border-radius: 50%;
    scale: 1.9;
    opacity: 0;
}

.tna-testimonial-1-slider .tna-t1-pagination span:is(.swiper-pagination-bullet-active)::after {
    opacity: 1;
}

/*
    testimonial-1-end
*/

/*
    testimonial-2-start
*/
.tna-testimonial-2-slider-wrap {
    position: relative;
}

.tna-testimonial-2-item {
    display: grid;
    grid-template-columns: 1.1fr 2fr;
    border-radius: 10px;
    align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-2-item {
        grid-template-columns: 1fr;
    }
}

.tna-testimonial-2-item .main-img {
    background: linear-gradient(90deg, rgba(23, 63, 207, 0.1215686275) 0%, rgba(229, 4, 238, 0.1098039216) 100%);
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    overflow: hidden;
}

.tna-testimonial-2-item .main-img img {
    transform: translateY(50px);
    opacity: 0;
    transition: 500ms ease;
}

.tna-testimonial-2-item .contente-wrap {
    padding: 50px;
    padding-left: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-2-item .contente-wrap {
        padding: 50px 30px;
        padding-left: 30px;
    }
}

.tna-testimonial-2-item .quote {
    font-size: 90px;
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    transform: translateY(50px);
    opacity: 0;
    transition: 500ms ease;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-2-item .quote {
        font-size: 70px;
    }
}

.tna-testimonial-2-item .comment {
    font-size: 28px;
    line-height: 1.42;
    font-weight: 500;
    margin-bottom: 35px;
    transform: translateY(50px);
    opacity: 0;
    transition: 500ms ease;
    transition-delay: 0.3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-2-item .comment {
        font-size: 22px;
    }
}

.tna-testimonial-2-item .person-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(50px);
    opacity: 0;
    transition: 500ms ease;
    transition-delay: 0.6s;
}

@media (max-width: 767px) {
    .tna-testimonial-2-item .person-info {
        flex-wrap: wrap;
    }
}

.tna-testimonial-2-item .name {
    display: block;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 800;
    line-height: 32px;
    color: var(--tna-sd-1);
    margin-bottom: 5;
}

.tna-testimonial-2-item .bio {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.tna-testimonial-2-item .reating {
    font-size: 28px;
    color: #F2994A;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-2-item .reating {
        font-size: 18px;
    }
}

.tna-testimonial-2-slider .swiper-container {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
}

.tna-testimonial-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-2-item .main-img img {
    transform: translateY(0px);
    opacity: 1;
}

.tna-testimonial-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-2-item .quote {
    transform: translateY(0px);
    opacity: 1;
}

.tna-testimonial-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-2-item .comment {
    transform: translateY(0px);
    opacity: 1;
}

.tna-testimonial-2-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-2-item .person-info {
    transform: translateY(0px);
    opacity: 1;
}

.tna-testimonial-2-preview-item {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    border: 2px solid #921CE2;
    overflow: hidden;
    transition: 400ms ease;
}

.tna-tesimonial-2-slider-preview {
    position: absolute;
    top: 50%;
    left: 32.54%;
    transform: translateY(-50%);
    z-index: 1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tna-tesimonial-2-slider-preview {
        left: 31.54%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-tesimonial-2-slider-preview {
        margin-top: 50px;
        position: unset;
        transform: unset;
    }
}

.tna-tesimonial-2-slider-preview .swiper-wrapper {
    width: 90px;
    height: 320px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-tesimonial-2-slider-preview .swiper-wrapper {
        width: 100%;
        height: 100%;
    }
}

.tna-tesimonial-2-slider-preview .swiper-wrapper .swiper-slide:is(.swiper-slide-thumb-active) .tna-testimonial-2-preview-item {
    background: var(--tna-gd-2);
    border: 0px solid #921CE2;
}

/*
    testimonial-2-end
*/

/*
    testimonial-3-start
*/
.tna-testimonial-3-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-3-item {
        grid-template-columns: 1fr;
    }
}

.tna-testimonial-3-item .main-img {
    width: 100%;
    height: 412px;
    overflow: hidden;
    border-radius: 10px;
    perspective: 1000px;
    perspective-origin: 50% 50%;
    transition: 500ms cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

.tna-testimonial-3-item .main-img img {
    transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(-51deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg);
    transition: 500ms cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

.tna-testimonial-3-item .content-wrap {
    background: #F6E8E8;
    border-radius: 10px;
    padding: 40px 45px;
}

@media (max-width: 767px) {
    .tna-testimonial-3-item .content-wrap {
        padding: 40px 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-testimonial-3-item .content-wrap {
        padding: 40px 45px;
    }
}

.tna-testimonial-3-item .reating {
    font-size: 22px;
    color: var(--tna-pr-1);
    margin-bottom: 25px;
    transform: translateY(50px);
    opacity: 0;
    transition: 500ms cubic-bezier(0.55, 0.06, 0.68, 0.19);
}

.tna-testimonial-3-item .comment {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.54;
    margin-bottom: 25px;
    transform: translateY(50px);
    opacity: 0;
    transition: 500ms cubic-bezier(0.55, 0.06, 0.68, 0.19);
    transition-delay: 0.2s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-3-item .comment {
        font-size: 19px;
    }
}

.tna-testimonial-3-item .person-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
    transform: translateY(50px);
    opacity: 0;
    transition: 500ms cubic-bezier(0.55, 0.06, 0.68, 0.19);
    transition-delay: 0.4s;
}

@media (max-width: 767px) {
    .tna-testimonial-3-item .person-wrap {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-testimonial-3-item .person-wrap {
        flex-wrap: nowrap;
    }
}

.tna-testimonial-3-item .person-img {
    width: 82px;
    height: 82px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--tna-pr-1);
}

.tna-testimonial-3-item .person-name {
    font-size: 22px;
    line-height: 1.54;
    text-transform: uppercase;
    font-weight: 700;
}

.tna-testimonial-3-item .bio {
    display: inline-block;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 28px;
}

.tna-testimonial-3-item .icon {
    font-size: 68px;
    margin-left: auto;
}

.tna-testimonial-3-item .icon i {
    background: var(--tna-gd-1);
    background-clip: text;
    background-clip: text;
    letter-spacing: 0px;
    display: inline-block;
}

.tna-testimonial-3-slider {
    position: relative;
    padding-left: 48px;
    padding-right: 48px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-testimonial-3-slider {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.tna-testimonial-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-3-item .main-img img {
    transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg);
}

.tna-testimonial-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-3-item .reating {
    transform: translateY(0px);
    opacity: 1;
}

.tna-testimonial-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-3-item .comment {
    transform: translateY(0px);
    opacity: 1;
}

.tna-testimonial-3-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-testimonial-3-item .person-wrap {
    transform: translateY(0px);
    opacity: 1;
}

.tna-testimonial-3-slider .btn-wrap {
    width: 108px;
    height: 108px;
    background: #F6E8E8;
    border-radius: 50%;
    display: flex;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2196078431);
}

@media (max-width: 767px) {
    .tna-testimonial-3-slider .btn-wrap {
        top: 40%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-testimonial-3-slider .btn-wrap {
        top: 50%;
    }
}

.tna-testimonial-3-slider .btn-wrap .tna_t3_prev, .tna-testimonial-3-slider .btn-wrap .tna_t3_next {
    font-size: 40px;
    color: var(--tna-pr-1);
    width: 100%;
    text-align: center;
    line-height: 108px;
    transition: 400ms ease;
}

.tna-testimonial-3-slider .btn-wrap .tna_t3_prev:Hover, .tna-testimonial-3-slider .btn-wrap .tna_t3_next:Hover {
    background: var(--tna-pr-1);
    color: #fff;
}

/*
    testimonial-3-end
*/
/*
    blog-1-start
*/
.tna-blog-1-content {
    padding-right: 20px;
}

.tna-blog-1-item .main-img img {
    min-height: 200px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-blog-1-content {
        padding-bottom: 60px;
        padding-right: 0px;
    }
}

.tna-blog-1-item {
    background: rgba(2, 6, 38, 0.03);
    border-radius: 15px;
    display: flex;
    padding: 30px;
    gap: 30px;
    padding-right: 25px;
    position: relative;
    transition: 400ms ease;
    margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-blog-1-item {
        padding: 50px;
    }
}

@media (max-width: 767px) {
    .tna-blog-1-item {
        flex-wrap: wrap;
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-blog-1-item {
        flex-wrap: wrap;
        padding-bottom: 70px;
    }
}

.tna-blog-1-item .main-img {
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    max-width: 244px;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    transition: 500ms ease;
    filter: grayscale(1);
}

.tna-blog-1-item .title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.44;
    margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-blog-1-item .title {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .tna-blog-1-item .title {
        font-size: 20px;
    }
}

.tna-blog-1-item .disc {
    font-size: 16px;
    margin-bottom: 20px;
}

.tna-blog-1-item .date {
    font-size: 13px;
    line-height: 30px;
    color: var(--tna-heading-1);
    font-weight: 400;
}

.tna-blog-1-item .date span {
    color: var(--theme-color);
}

.tna-blog-1-item .b1-btn {
    display: inline-block;
    width: 78px;
    height: 78px;
    background: rgba(225, 4, 25, 0.1);
    border-radius: 50%;
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: transparent;
    stroke: 2px var(--theme-color);
    rotate: -45deg;
    transition: 600ms cubic-bezier(0.25, 0.1, 0.11, 0.94);
}

.tna-blog-1-item:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.tna-blog-1-item:hover .main-img {
    filter: grayscale(0);
}

.tna-blog-1-item:hover .b1-btn {
    color: #fff;
    background: var(--theme-color);
    rotate: 0deg;
    box-shadow: 4px 0px 15px rgba(0, 0, 0, 0.3);
    width: 125px;
    height: 125px;
    right: -18px;
    bottom: -18px;
}

/*
    blog-1-end
*/
/*
    blog-2-start
*/
.tna-blog-2-gird {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-blog-2-gird {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .tna-blog-2-gird {
        grid-template-columns: 1fr;
    }
}

.tna-blog-2-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 55px;
}

.tna-blog-2-item:is(.big) {
    grid-row-start: 1;
    grid-row-end: -1;
}

.tna-blog-2-item:is(.big) .main-img {
    height: 100%;
}

.tna-blog-2-item:not(.big) .disc {
    display: none;
}

@media (max-width: 767px) {
    .tna-blog-2-item:is(.big) .main-img {
        height: 500px;
    }
}

.tna-blog-2-item:is(.big) .b2-btn {
    width: 165px;
    height: 165px;
    font-size: 18px;
}

.tna-blog-2-item {
    position: relative;
}

.tna-blog-2-item .main-img {
    width: 100%;
    height: 328px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.tna-blog-2-item .main-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ff0000;
    opacity: 0.6;
}

.tna-blog-2-item .content-wrap {
    padding: 40px 30px;
    position: absolute;
    top: 0;
    left: 0;
}

.tna-blog-2-item-meta {
    margin-bottom: 10px;
}

.tna-blog-2-item-meta .date, .tna-blog-2-item-meta .author {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--tna-pr-2);
}

.tna-blog-2-item-meta .author {
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 15px;
}

.tna-blog-2-item .title {
    font-size: 26px;
    line-height: 1.38;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.tna-blog-2-item .title a {
    font-family: inherit;
    color: inherit;
}

.tna-blog-2-item .title:hover {
    color: var(--tna-pr-2);
}

.tna-blog-2-item .disc {
    font-size: 18px;
    color: #fff;
    opacity: 0;
    transform: translateY(50px);
    transition: 400ms ease-in-out;
}

.tna-blog-2-item .b2-btn {
    display: inline-block;
    width: 115px;
    height: 115px;
    background: var(--tna-gd-2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--catamaran);
    color: #fff;
    border: 6px solid #fff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
    position: absolute;
    right: -25px;
    bottom: -25px;
    transition: 400ms ease-in-out;
    scale: 0;
}

.tna-blog-2-item .b2-btn:hover {
    border: 10px solid #fff;
}

.tna-blog-2-item:is(.active) .b2-btn {
    scale: 1;
}

.tna-blog-2-item:is(.active) .disc {
    opacity: 0.8;
    transform: translateY(0px);
}

/*
    blog-2-end
*/

/*
    choose-2-start
*/
.tna-choose-2-wrap {
    display: grid;
    grid-template-columns: 1.3fr 2fr;
    gap: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-choose-2-wrap {
        grid-template-columns: 1fr;
    }
}

.tna-choose-2-wrap-2 {
    display: grid;
    grid-template-columns: 2.4fr 1fr;
    gap: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-choose-2-wrap-2 {
        grid-template-columns: 1.5fr 1fr;
        align-items: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-choose-2-wrap-2 {
        grid-template-columns: 1fr;
        align-items: center;
    }
}

.tna-choose-2-img {
    position: relative;
}

.tna-choose-2-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 75%;
    left: 0;
    bottom: 41px;
    background: var(--tna-gd-2);
    z-index: -1;
    opacity: 0.1;
    border-radius: 20px;
}

.tna-choose-2-feature-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

@media (max-width: 767px) {
    .tna-choose-2-feature-wrap {
        grid-template-columns: 1fr;
    }
}

.tna-choose-2-feature-wrap-2 {
    display: grid;
    gap: 30px;
    align-items: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-choose-2-feature-wrap-2 {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .tna-choose-2-feature-wrap-2 {
        grid-template-columns: 1fr;
    }
}

.tna-chooe-2-feature-item {
    overflow: hidden;
    position: relative;
    border-radius: 11px;
    background: #F5F6F8;
    padding: 25px 30px;
    transition: 400ms ease-in-out;
    text-align: center;
}

.tna-chooe-2-feature-item .icon {
    position: relative;
    z-index: 1;
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(23, 63, 207, 0.1803921569) 0%, rgba(229, 4, 238, 0.2392156863) 100%);
    margin-bottom: 20px;
    transition: 400ms ease-in-out;
}

.tna-chooe-2-feature-item .icon i {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    transition: 400ms ease-in-out;
}

.tna-chooe-2-feature-item .title {
    position: relative;
    z-index: 1;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 700;
    margin-bottom: 13px;
    display: block;
    text-align: left;
    transition: 400ms ease;
    transition-delay: 0.2s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-chooe-2-feature-item .title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .tna-chooe-2-feature-item .title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-chooe-2-feature-item .title {
        font-size: 24px;
    }
}

.tna-chooe-2-feature-item .title-hover {
    position: relative;
    z-index: 1;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 700;
    margin-bottom: 13px;
    display: block;
    color: #fff;
    text-align: center;
    margin-top: -46px;
    opacity: 0;
    transition: 400ms ease;
    transition-delay: 0s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-chooe-2-feature-item .title-hover {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .tna-chooe-2-feature-item .title-hover {
        font-size: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-chooe-2-feature-item .title-hover {
        font-size: 24px;
    }
}

.tna-chooe-2-feature-item .disc {
    font-size: 16px;
    line-height: 24px;
    opacity: 0.7;
    position: relative;
    z-index: 1;
    display: block;
    text-align: left;
}

.tna-chooe-2-feature-item .bg-img-postion {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 400ms ease-in-out;
}

.tna-chooe-2-feature-item .bg-img {
    position: relative;
    height: 100%;
    width: 100%;
}

.tna-chooe-2-feature-item .bg-img img {
    width: 100%;
    height: 100%;
}

.tna-chooe-2-feature-item .bg-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--tna-gd-2);
    left: 0;
    top: 0;
    opacity: 0.7;
}

.tna-chooe-2-feature-item:hover {
    border-radius: 200px;
    text-align: center;
    background: transparent;
}

.tna-chooe-2-feature-item:hover .icon {
    transform: translateX(160%);
    background: linear-gradient(90deg, rgb(23, 63, 207) 0%, rgb(229, 4, 238) 100%);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25) inset;
}

@media (max-width: 767px) {
    .tna-chooe-2-feature-item:hover .icon {
        transform: translateX(120%);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-chooe-2-feature-item:hover .icon {
        transform: translateX(295%);
    }
}

.tna-chooe-2-feature-item:hover .icon i {
    -color: #fff;
}

.tna-chooe-2-feature-item:hover .bg-img-postion {
    opacity: 1;
}

.tna-chooe-2-feature-item:hover .title {
    opacity: 0;
    transition: 400ms ease;
    transition-delay: 0s;
}

.tna-chooe-2-feature-item:hover .title-hover {
    opacity: 1;
    transition: 400ms ease;
    transition-delay: 0s;
}

.tna-chooe-2-feature-item:hover .disc {
    color: #fff;
    opacity: 0.7;
    text-align: center;
}

/*
    blog-3-start
*/
.tna-blog-3-item {
    margin-bottom: 30px;
}

.tna-blog-3-item .main-img {
    width: 100%;
    height: 435px;
    overflow: hidden;
    transition: 500ms ease;
    perspective: 2000px;
    transform-style: preserve-3d;
}

.tna-blog-3-item .main-img img {
    transition: 500ms ease;
}

.tna-blog-3-item .title {
    font-size: 44px;
    line-height: 1.13;
    font-weight: 800;
    margin-bottom: 20px;
}

.tna-blog-3-item .title:hover {
    color: var(--tna-pr-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-blog-3-item .title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .tna-blog-3-item .title {
        font-size: 30px;
    }
}

.tna-blog-3-item:is(.style-2) {
    display: flex;
    align-items: center;
    gap: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-blog-3-item:is(.style-2) {
        flex-wrap: wrap;
        gap: 0;
    }
}

.tna-blog-3-item:is(.style-2) .main-img {
    max-width: 240px;
    height: 335px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-blog-3-item:is(.style-2) .main-img {
        max-width: 100%;
        height: 250px;
    }
}

.tna-blog-3-item:is(.style-2) .title {
    font-size: 30px;
    line-height: 1.26;
    font-weight: 700;
    margin-bottom: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-blog-3-item:is(.style-2) .title {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .tna-blog-3-item:is(.style-2) .title {
        font-size: 24px;
    }
}

.tna-blog-3-item:is(.style-2) .disc {
    font-size: 18px;
}

.tna-blog-3-item:hover .main-img img {
    transform: rotateX(15deg);
}

.tna-blog-3-item-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(2, 6, 38, 0.15);
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .tna-blog-3-item-meta {
        flex-wrap: wrap;
        gap: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-blog-3-item-meta {
        flex-wrap: nowrap;
        gap: 20px;
    }
}

.tna-blog-3-item-meta .name, .tna-blog-3-item-meta .date {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}

.tna-blog-3-item-meta .name span, .tna-blog-3-item-meta .date span {
    color: var(--tna-pr-1);
}

/*
    blog-3-end
*/

/*
    choose-2-end
*/
.tna-faq-2-item .accordion-item {
    position: relative;
    background: transparent;
    border: none;
}

.tna-faq-2-item .accordion-item:is(.tna_faq2_bg) .accordion-header .accordion-button .text {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
}

.tna-faq-2-item .accordion-item:is(.tna_faq2_bg) .accordion-header .accordion-button .icon {
    background: var(--tna-gd-2);
    border: transparent;
    color: #fff;
}

.tna-faq-2-item .accordion-item:is(.tna_faq2_bg) .accordion-header .accordion-button .icon i::before {
    content: "\f068";
}

.tna-faq-2-item .accordion-item:is(.tna_faq2_bg) .line {
    background: var(--tna-gd-2);
}

.tna-faq-2-item .accordion-item .line {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(0, 7, 26, 0.2);
}

.tna-faq-2-item .accordion-item .accordion-header {
    outline: none;
    box-shadow: none;
    position: relative;
    z-index: 1;
}

.tna-faq-2-item .accordion-item .accordion-header .accordion-button {
    padding-right: 0;
    padding-left: 0;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    outline: none;
    box-shadow: none;
}

.tna-faq-2-item .accordion-item .accordion-header .accordion-button .text {
    font-size: 20px;
    font-family: var(--catamaran);
    font-weight: 700;
    color: var(--tna-heading-1);
    line-height: 30px;
    text-transform: capitalize;
}

.tna-faq-2-item .accordion-item .accordion-header .accordion-button .icon {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: transparent;
    text-align: center;
    font-size: 11px;
    line-height: 17px;
    border: 1px solid var(--tna-pr-2);
    color: #c80cea;
}

.tna-faq-2-item .accordion-item .accordion-header .accordion-button::after {
    display: none;
}

.tna-faq-2-item .accordion-item .accordion-body {
    position: relative;
    z-index: 1;
    padding: 0;
}

/*
    cta-1-start
*/
.tna-faq-2-item .accordion-item .accordion-body .faq-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: var(--tna-para-1);
    font-family: var(--catamaran);
    margin-bottom: 25px;
}

.tna-cta-1-wrap {
    position: relative;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 90px;
    padding: 60px 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-cta-1-wrap {
        gap: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-cta-1-wrap {
        grid-template-columns: 1fr;
        padding: 40px 30px;
        gap: 30px;
    }
}

.tna-cta-1-wrap::after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--tna-gd-2);
    top: 0;
    left: 0;
    content: "";
    border-radius: 10px;
    opacity: 0.7;
}

.tna-cta-1-wrap .left, .tna-cta-1-wrap .right {
    position: relative;
    z-index: 1;
}

.tna-cta-1-wrap .subtitle {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.tna-cta-1-wrap .subtitle i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--tna-sd-1);
    font-size: 25px;
}

.tna-cta-1-wrap .title {
    font-size: 48px;
    line-height: 1.26;
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-cta-1-wrap .title {
        font-size: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-cta-1-wrap .title {
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .tna-cta-1-wrap .title {
        font-size: 26px;
    }
}

.tna-cta-1-form {
    position: relative;
    z-index: 1;
}

.tna-cta-1-form input {
    width: 100%;
    height: 72px;
    font-family: var(--catamaran);
    font-weight: 400;
    text-transform: capitalize;
    color: var(--tna-para-1);
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 170px;
    font-size: 18px;
}

.tna-cta-1-form input::placeholder {
    font-family: var(--catamaran);
    font-weight: 400;
    text-transform: capitalize;
    color: var(--tna-para-1);
    font-size: 20px;
}

@media (max-width: 767px) {
    .tna-cta-1-form input {
        padding-right: 0px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-cta-1-form input {
        padding-right: 170px;
    }
}

.tna-cta-1-form button {
    display: inline-block;
    font-family: var(--catamaran);
    font-weight: 500;
    text-transform: capitalize;
    background: var(--tna-gd-2);
    color: #fff;
    border-radius: 10px;
    line-height: 1;
    padding: 20px 32px;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    transition: 400ms ease;
    font-size: 20px;
}

.tna-cta-1-form button:hover {
    scale: 0.9;
}

@media (max-width: 767px) {
    .tna-cta-1-form button {
        position: unset;
        transform: unset;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-cta-1-form button {
        position: absolute;
        transform: translateY(-50%);
    }
}

/*
    cta-2-start
*/
.tna-cta-3-area .tna-cta-1-wrap::after {
    display: none;
}

.tna-cta-3-area .tna-cta-1-wrap .subtitle i {
    color: var(--tna-pr-1);
}

.tna-cta-3-area .tna-cta-1-wrap .tna-cta-1-form button {
    background: var(--tna-gd-1);
}

.tna-cta-3-area .tna-cta-1-wrap .tna-cta-1-form input {
    padding-left: 30px;
}

/*
    cta-2-end
*/

/*
    follower-start
*/
.tna-follower-area {
    text-align: center;
    width: 100%;
    max-width: 1920px;
    margin: auto;
}

.tna-follower-area .follower-link {
    font-size: 20px;
    background: var(--tna-gd-1);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 20px;
}

.tna-follower-item {
    position: relative;
    width: 100%;
    max-width: 320px;
    height: 270px;
    overflow: hidden;
}

.tna-follower-item .lightbox-btn {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    font-size: 50px;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: var(--tna-pr-1);
    opacity: 0;
}

.tna-follower-item:hover .lightbox-btn {
    opacity: 1;
}

.tna-follower-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .tna-follower-item .lightbox-btn {
    opacity: 1;
}

/*
    follower-end
*/

/*
    tna-footer-1-start ___old-footer-customaztion
*/
.tna-footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--theme-color);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-footer-top {
        flex-wrap: wrap;
        padding-bottom: 50px;
    }
}

.tna-footer-top .tna-form-1-wrap {
    margin-left: -70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .tna-footer-top .tna-form-1-wrap {
        margin-left: 0px;
    }
}

.tna-footer-top .tna-contact-touch {
    margin-left: -50px;
    margin-top: 190px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tna-footer-top .tna-contact-touch {
        margin-left: 0;
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .tna-footer-top .tna-contact-touch {
        margin-left: 0;
        margin-top: 50px;
        justify-content: start;
        flex-direction: column;
    }
}

.tna-footer-1:is(.footer-style-two) .widgets-section {
    margin-top: -170px;
    padding: 40px 0;
}

.tna-footer-1:is(.footer-style-two) .footer-two_email {
    color: #fff;
}

.tna-footer-1:is(.footer-style-two) .footer-text {
    line-height: 28px;
    font-size: 14px;
    color: #fff;
}

.tna-footer-1:is(.footer-style-two) .footer-list_two li::before {
    top: 4px;
}

.tna-footer-1:is(.footer-style-two) .copyright {
    color: #fff;
    font-size: 14px;
    line-height: 28px;
    text-transform: capitalize;
}

.tna-footer-1:is(.footer-style-two) .copyright span {
    color: var(--theme-color);
}

.tna-form-1 {
    background: transparent;
}

.tna-form-1-wrap {
    position: relative;
    background-color: var(--theme-color);
    width: 100%;
    max-width: 500px;
    border-radius: 500px;
    text-align: center;
    overflow: hidden;
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 40px;
}

.tna-form-1-wrap .title {
    font-size: 36px;
    line-height: 1.27;
    color: #fff;
    margin-bottom: 35px;
}

@media (max-width: 767px) {
    .tna-form-1-wrap .title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tna-form-1-wrap .title {
        font-size: 36px;
    }
}

.tna-form-1 input {
    width: 100%;
    border: none;
    outline: none;
    height: 60px;
    font-family: var(--poppins);
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    background: transparent;
    border-bottom: 1px solid rgba(217, 217, 217, 0.7);
}

.tna-form-1 input::placeholder {
    text-transform: capitalize;
    font-family: var(--poppins);
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}

.tna-form-1 button {
    position: relative;
    z-index: 1;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    position: relative;
    z-index: 1;
}

.tna-form-1 button::after {
    content: "";
    position: absolute;
    width: 353px;
    height: 274px;
    border-radius: 50%;
    opacity: 0.31;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    bottom: -212px;
    transition: 400ms ease-in-out;
    z-index: -1;
}

.tna-form-1 button:hover {
    letter-spacing: 0.5px;
    color: var(--theme-color);
}

.tna-form-1 button:hover::after {
    opacity: 1;
}

.tna-contact-touch {
    display: flex;
    gap: 10px 80px;
    flex-wrap: wrap;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-contact-touch {
        justify-content: end;
    }
}

.tna-contact-touch .tna-heading-1 {
    font-size: 72px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-contact-touch .tna-heading-1 {
        font-size: 45px;
    }
}

@media (max-width: 767px) {
    .tna-contact-touch .tna-heading-1 {
        font-size: 30px;
    }
}

.tna-contact-touch .title-2 {
    margin: 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tna-contact-touch .title-2 {
        margin: unset;
    }
}

@media (max-width: 767px) {
    .tna-contact-touch .title-2 {
        margin: unset;
    }
}

.tna-contact-touch .disc {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    opacity: 0.8;
    text-align: right;
}

@media (max-width: 767px) {
    .tna-contact-touch .disc {
        text-align: left;
    }
}

.footer-list_two li {
    position: relative;
    margin-bottom: var(--margin-bottom-25);
}

.footer-list_two li:last-child {
    margin-bottom: var(--margin-zero);
}

.footer-list_two li a {
    position: relative;
    font-weight: 500;
    font-size: var(--font-14);
    color: var(--white-color);
    text-transform: uppercase;
    padding-left: var(--padding-left-25);
    font-family: var(--font-family-poppins);
}

.footer-list_two li .tx-icon {
    position: absolute;
    left: 0px;
    top: 7px;
    font-weight: 800;
    color: var(--main-color);
    font-family: 'Font Awesome 5 Pro';
}

.tx-excerpt {
    font-size: var(--font-15);
    color: #393736;
    font-family: var(--font-family-poppins);
    font-weight: 400;
    line-height: 1.8;

}

.footer-list_two li a:hover {
    color: var(--main-color);
}

/*
    tna-footer-2-start
*/
.tna-footer-2-content {
    text-align: center;
}

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

.tna-footer-2-content .footer-para {
    width: 100%;
    max-width: 660px;
    margin: auto;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.footer-2-social {
    display: inline-block;
}

.footer-2-social li {
    display: inline-block;
}

.footer-2-social li:not(:last-child) {
    margin-right: 25px;
}

@media (max-width: 767px) {
    .footer-2-social li:not(:last-child) {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-2-social li:not(:last-child) {
        margin-right: 25px;
    }
}

.footer-2-social li a {
    z-index: 1;
    position: relative;
    display: flex;
    width: 58px;
    height: 58px;
    justify-content: center;
    align-items: center;
    border: 1px solid #7822DD;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1;
    transition: 400ms ease;
}

.footer-2-social li a i {
    background: var(--tna-gd-2);
    background-clip: text;
    background-clip: text;
    -color: transparent;
    transition: 400ms ease;
}

.footer-2-social li a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: var(--tna-gd-2);
    z-index: -1;
    scale: 0;
    transition: 400ms ease;
}

.footer-2-social li a:hover i {
    -color: #fff;
}

.footer-2-social li a:hover::after {
    scale: 0.9;
}

.footer-2-menu ul {
    display: inline-block;
}

.footer-2-menu li {
    position: relative;
    display: inline-block;
}

.footer-2-menu li:not(:last-child) {
    padding-right: 60px;
    margin-right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-2-menu li:not(:last-child) {
        padding-right: 30px;
        margin-right: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-2-menu li:not(:last-child) {
        padding-right: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    .footer-2-menu li:not(:last-child) {
        padding-right: 15px;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .footer-2-menu li:not(:last-child) {
        padding-right: 20px;
        margin-right: 20px;
    }
}

.footer-2-menu li:not(:last-child)::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 26px;
    border-radius: 23px;
    background: #fff;
    opacity: 0.5;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.footer-2-menu li a {
    display: inline-block;
    font-family: var(--catamaran);
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: -0.44px;
    position: relative;
    color: #fff;
    transition: 400ms ease;
}

.footer-2-menu li a::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: var(--tna-pr-2);
    left: 0;
    bottom: 3px;
    scale: 0;
    transition: 400ms ease;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .footer-2-menu li a {
        font-size: 18px;
    }
}

.footer-2-menu li a:hover {
    color: var(--tna-pr-2);
}

.footer-2-menu li a:hover::after {
    scale: 0.9;
}

.tna-footer-2-copyright {
    padding-top: 22px;
    padding-bottom: 22px;
    border-top: 2px solid rgba(255, 255, 255, 0.15);
}

.tna-footer-2-copyright .copyright-2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
}

.tna-footer-2-copyright .copyright-2 a {
    font-family: inherit;
    color: var(--tna-pr-2);
}

.tna-footer-2-copyright .copyright-2 a:hover {
    color: var(--tna-sd-1);
}