/*------------------------------------------------------------------
[Master Stylesheet]
Project:        ICO TOKEN
Version:        Initial
Last change:    30/4/2018
Primary use:    Bitcoin 
Author:         CreativeLayers 
-------------------------------------------------------------------*/
        /*------------------------------------------------------------------
1. Fonts
2. Theme Layout
3. Chosen, a Select Box Enhancer for jQuery and Prototype
4. Header
5. Header Menus
6. Main Featured Area
7. Theme btn
8. Filter Radius
9. Notification List
10. Search
11. Header Account
12. Heading
13. Country Section
14. Simple text Block
15. Popular Listing
16. Slider
17. Arrows
18. Reviews Sec
19. Blog Sec
20. Subscribe Bar
21. Widget
22. Links Widget
23. Custom Tooltip-cod
24. How it works
25. Client Sec
26. Listing Circle
27. Price table
28. Featured Listings
29. Search Wide
30. Explore Box
31. App Download Sec
32. Breadcrumbs
33. Lisitng Search
34. Side Result
35. Sidebar Widgets
36. Style Star Rating Widget
37. All Listing Details
38. Add Listing Sec
39. Add Hours
40. Code
41. Pagination
42. Heading 2
43. Quick Office Contact
44. Coming Soon Sec
45. Gallery Sec
46. Followers Filter
47. Form Profile Update
48. Menu Action
49. Cross Browser Compatibility
-------------------------------------------------------------------*/
        /*=============== Fonts - Helvetica Now Display & Helvetica Now Display ===================*/
        @import url('https://fonts.googleapis.com/css?family=Helvetica Now Display:300,400,400i,500,500i,600,600i,700,700i,800,900%7COpen+Sans:300,300i,400,400i,600,600i,700,700i');

        /*=============== General Styling ===================*/
        /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License:none (public domain)
*/
        @font-face {
            font-family: 'Helvetica Now Display';
            src: url('./fonts/HelveticaNowDisplay-Regular.woff') format('woff');
            font-weight: 400;
            /* normal */
            font-style: normal;
        }

        @font-face {
            font-family: 'Helvetica Now Display';
            src: url('./fonts/HelveticaNowDisplay-Bold.woff') format('woff');
            font-weight: 700;
            /* bold */
            font-style: normal;
        }

        @font-face {
            font-family: 'Helvetica Now Display';
            src: url('./fonts/HelveticaNowDisplay-Light.woff') format('woff');
            font-weight: 300;
            /* light */
            font-style: normal;
        }

        @font-face {
            font-family: 'Helvetica Now Display';
            src: url('./fonts/HelveticaNowDisplay-ExtraBold.woff') format('woff2');
            font-weight: 800;
            /* extra bold */
            font-style: normal;
        }

        p {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }

        a.anchor {
            display: block;
            position: relative;
            top: -80px;
            visibility: hidden;
        }

        /* HTML5 display-role reset for older browsers */
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block
        }

        body {
            line-height: 1.2
        }

        blockquote,
        q {
            quotes: none
        }

        blockquote:before,
        blockquote:after,
        q:before,
        q:after {
            content: '';
            content: none;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        html {
            overflow-x: hidden
        }

        * {
            outline: none !important;
        }

        body {
            color: #555555;
            letter-spacing: 0;
            font-family: 'Helvetica Now Display', sans-serif !important;
            overflow-x: hidden;
            position: relative;
            letter-spacing: 0.25px;
        }

        button,
        a,
        input[type="submit"],
        input[type="button"] {
            cursor: pointer;
        }

        w {
            outline: none !important
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-bottom: 20px;
            font-family: 'Helvetica Now Display', serif;
        }

        h1 {
            font-size: 36px
        }

        h2 {
            font-size: 32px
        }

        h3 {
            font-size: 28px
        }

        h4 {
            font-size: 24px
        }

        h5 {
            font-size: 20px
        }

        h6 {
            font-size: 16px
        }

        p {
            color: #666666;
            font-size: 16px;
            margin-bottom: 30px;
            line-height: 29px;
        }

        a,
        a:hover,
        a:focus {
            color: inherit;
        }

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

        input:hover,
        input:focus {
            outline: none
        }

        html.no-scoll {
            overflow: hidden;
        }

        header {
            z-index: 3;
            position: relative;
            float: left;
            width: 100%;
            padding: 0 280px;
            height: 90px;
            background: #0C0E1D1A;
        }

        .iti {
            display: block !important;
        }

        #sp-search-block-container2 {
            overflow: auto;
            margin: 0;
            padding: 0;
            border: 0;
            position: absolute;
            top: 20;
            right: 0;
            left: 0;
            width: 100%;
            padding-bottom: 2500px;
            opacity: 0;
            background: rgba(0, 0, 0, 0.65);
            visibility: hidden;
            -webkit-transition: all 0.25s linear;
            transition: all 0.25s linear;
            z-index: 10000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        #sp-search-block-container2>.search-block-inner {
            padding: 0 30px;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
            width: 600px;
            -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
            transition: opacity 0.5s, -webkit-transform 0.5s;
            transition: opacity 0.5s, transform 0.5s;
            transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
            -webkit-transition-delay: 0.25s;
            transition-delay: 0.25s;
            text-align: center;
            opacity: 0
        }

        #sp-search-block-container2 .close-search {
            position: absolute;
            top: 10px;
            right: 30px;
            line-height: 1;
            -webkit-transition: opacity 0.25s;
            transition: opacity 0.25s color: black;
        }

        #sp-search-block-container2 .close-search i {
            font-size: 70px;
            color: #fff;
        }

        #sp-search-block-container2 .close-search:hover {
            opacity: 0.6
        }

        #sp-search-block-container2.open {
            opacity: 1;
            visibility: visible;
        }

        #sp-search-block-container2.open>.search-block-inner {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }

        .linea {
            height: 5px;
            width: 100%;
            right: 0;
            top: 50px;
            bottom: 0;
            background: linear-gradient(90deg, #6F3BB3 0%, #13E2D3 100%);
            border-radius: 2px;

        }

        .ocultardesk {
            display: none;
        }

        .ocultarresp {
            display: block;
        }

        .float {
            position: fixed;
            width: 140px;
            bottom: 30px;
            right: 20px;
            background-color: #4CC247;
            color: #FFF;
            border-radius: 30px;
            text-align: center;
            font-size: 22px;
            box-shadow: 1px 1px 1px #222;
            z-index: 1000;
        }


        .float:active,
        .float:visited,
        .float:focus {
            color: #fff !important;
        }

        .float2 {
            position: fixed;
            width: 530px;
            bottom: 30px;
            left: 20px;
            z-index: 1000;
        }

        .brands {
            width: 70%;
        }


        .my-float,
        .my-float {
            margin-top: 0px;
        }

        .my-float:hover,
        .my-float:active,
        .my-float:visited,
        .my-float:focus {
            color: #fff !important;
        }

        .sp-section {
            position: relative;
            z-index: 992;
            padding-top: 110px;
            padding-bottom: 110px;
            background-color: #fff;
        }

        .h1popup {
            font-weight: bold;
            font-size: 40px;
            line-height: 50px;
            color: black;
        }

        .sp-contact {
            padding-top: 80;
            margin: 0
        }

        .sp-contacts-list ul {
            padding: 0;
            margin: 0
        }

        .sp-contacts-list ul li {
            list-style: none;
            margin-bottom: 0.45rem
        }

        .sp-contacts-list ul li i {
            font-size: 30px;
            padding-right: 8px;
            position: relative;
            top: 5px
        }

        .contact-success span {
            font-size: 17px;
            margin: 0 0 30px 0;
            padding: 5px 5px 5px 5px;
            text-align: center !important;
            width: 100%;
            background-color: #74C97B;
            color: #fff !important;
            box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
            position: relative;

            -webkit-transition: background-color 0.6s linear;
            -moz-transition: background-color 0.6s linear;
            -ms-transition: background-color 0.6s linear;
            -o-transition: background-color 0.6s linear;
            transition: background-color 0.6s linear;

        }

        .contact-success-modulo span {
            font-size: 17px;
            margin: 0 0 30px 0;
            padding: 5px 5px 5px 5px;
            text-align: center !important;
            width: 100%;
            background-color: #74C97B;
            color: #fff !important;
            box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
            position: relative;

            -webkit-transition: background-color 0.6s linear;
            -moz-transition: background-color 0.6s linear;
            -ms-transition: background-color 0.6s linear;
            -o-transition: background-color 0.6s linear;
            transition: background-color 0.6s linear;

        }

        .contact-alert span {
            font-size: 17px;
            margin: 0 0 30px 0;
            padding: 5px 5px 5px 5px;
            text-align: center !important;
            width: 100%;
            background-color: #35658b;
            color: #fff !important;
            box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
            position: relative;

            -webkit-transition: background-color 0.6s linear;
            -moz-transition: background-color 0.6s linear;
            -ms-transition: background-color 0.6s linear;
            -o-transition: background-color 0.6s linear;
            transition: background-color 0.6s linear;

        }

        .contact-error span {
            font-size: 17px;
            margin: 0 0 30px 0;
            padding: 5px 5px 5px 5px;
            text-align: center !important;
            width: 100%;
            background-color: #fc3c6c;
            color: #fff !important;
            box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
            position: relative;

            -webkit-transition: background-color 0.6s linear;
            -moz-transition: background-color 0.6s linear;
            -ms-transition: background-color 0.6s linear;
            -o-transition: background-color 0.6s linear;
            transition: background-color 0.6s linear;

        }

        .contact-error2 span {
            font-size: 17px;
            margin: 0 0 30px 0;
            padding: 5px 5px 5px 5px;
            text-align: center !important;
            width: 100%;
            background-color: #fc3c6c;
            color: #fff !important;
            box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
            position: relative;

            -webkit-transition: background-color 0.6s linear;
            -moz-transition: background-color 0.6s linear;
            -ms-transition: background-color 0.6s linear;
            -o-transition: background-color 0.6s linear;
            transition: background-color 0.6s linear;

        }

        .contact-error3 span {
            font-size: 17px;
            margin: 0 0 30px 0;
            padding: 5px 5px 5px 5px;
            text-align: center !important;
            width: 100%;
            background-color: #fc3c6c;
            color: #fff !important;
            box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
            position: relative;

            -webkit-transition: background-color 0.6s linear;
            -moz-transition: background-color 0.6s linear;
            -ms-transition: background-color 0.6s linear;
            -o-transition: background-color 0.6s linear;
            transition: background-color 0.6s linear;

        }

        .contact-error-register span {
            font-size: 17px;
            margin: 0 0 30px 0;
            padding: 5px 5px 5px 5px;
            text-align: center !important;
            width: 100%;
            background-color: #fc3c6c;
            color: #fff !important;
            box-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
            position: relative;

            -webkit-transition: background-color 0.6s linear;
            -moz-transition: background-color 0.6s linear;
            -ms-transition: background-color 0.6s linear;
            -o-transition: background-color 0.6s linear;
            transition: background-color 0.6s linear;

        }

        .progress-bar {
            width: 100%;
            background-color: #adadad;
            border-radius: 25px;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
            height: 8px;
        }

        .progress-bar-fill {
            display: block;
            height: 15px;
            background-color: #454545;
            border-radius: 25px;

            transition: width 500ms ease-in-out;
        }

        /* Theme Layout */
        .theme-layout {
            float: left;
            overflow: hidden;
            position: relative;
            width: 100%;
        }

        .theme-layout.boxed {
            background: none repeat scroll 0 0 #FFFFFF;
            float: none;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            z-index: 1;
            width: 1300px;

            -webkit-box-shadow: 0 0 6px #747474;
            -moz-box-shadow: 0 0 6px #747474;
            -ms-box-shadow: 0 0 6px #747474;
            -o-box-shadow: 0 0 6px #747474;
            box-shadow: 0 0 6px #747474;
        }

        .block {
            float: left;
            padding: 50px 0;
            position: relative;
            width: 100%;
            z-index: 1;
        }

        section {
            float: left;
            position: relative;
            width: 100%;
        }

        .double-gap-top {
            padding-top: 150px;
        }

        .double-gap-bottom {
            padding-bottom: 150px;
        }

        .less-top {
            padding-top: 40px;
        }

        .less-bottom {
            padding-bottom: 70px;
        }

        .row.no-gape {
            margin: 0 !important;
        }

        .row.no-gape>div {
            padding: 0 !important;
        }

        .container.fluid {
            max-width: 100%;
            width: 100%;
        }

        .block .container {
            padding: 0
        }

        .container {
            padding: 0
        }

        .block.remove-top {
            padding-top: 0
        }

        .block.no-padding {
            padding-top: 0;
            padding-bottom: 0;
        }

        .block.dark {
            background: #111111
        }

        .gray {
            background: #f2f7ff;
        }

        .parallax,
        .fixed-bg {
            background-size: 250px !important;
            height: 100%;
            width: 100%;
            margin: 0;
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
        }

        .layer.color::before {
            opacity: 0.8;
        }

        .fixed-bg {
            background-attachment: fixed !important;
            background-size: cover !important;
        }

        .parallax.no-parallax {
            background-attachment: scroll !important;
            background-position: inherit !important;
        }

        .layer:before {
            content: "";
            height: 100%;
            opacity: 0.95;
            z-index: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }

        .whitish:before {
            background-color: #ffffff;
            opacity: 0.90;
        }

        .blackish:before {
            background-color: #1C1C1C;
            opacity: 0.7;
        }

        ul {
            list-style: outside none none;
            margin: 0 0 30px;
            padding: 0;
        }

        ul li {
            color: #1e1e1e;
            position: relative;
        }

        iframe {
            width: 100%;
            border: 0;
        }

        i {
            font-style: italic
        }

        w {
            /*! float:left; */
            /*! height:auto */
        }

        :-webkit-input-placeholder {
            opacity: 1
        }

        :-moz-placeholder {
            opacity: 1
        }

        :-ms-input-placeholder {
            opacity: 1
        }

        textarea {
            max-width: 100%;
            min-height: 200px;
            padding: 19px 28px;
        }

        strong {
            font-weight: 800
        }

        button {
            float: right;
            font-size: 16px !important;
            padding: 8px 30px;
            color: #FFF;

            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            background: black;
            border: 0;
            letter-spacing: 1px;
        }

        /* Icons */
        /* Arrows */
        .slick-dotted .slick-dots {
            float: left;
            margin: 0;
            text-align: center;
            width: 100%;
        }

        .slick-dots li {
            width: 14px;
            height: 14px;
            background: none;
            border: 2px solid #ffffff;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            margin: 0 3px;
            margin-top: 0px;
            margin-top: 20px;
            float: none;
            display: inline-block;
        }

        .slick-dots li button {
            width: 10px;
            height: 10px;
            background-color: #ced0e6;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            margin-top: 2px;
            opacity: 1;
            padding: 0;
            color: transparent;
            float: left;
        }

        .slick-dots li.slick-active button {
            opacity: 1;
            background: #8b8fc4;
        }

        .slick-prev,
        .slick-next {
            background: none;
            border: none;

            color: transparent;
            cursor: pointer;
            display: block;
            font-size: 0;
            height: 40px;
            line-height: 0;
            margin-top: 0;
            outline: medium none;
            padding: 0;
            position: absolute;
            top: 50%;
            width: 100px;
            margin: 0 40px;
            z-index: 11;
            text-align: center;
            margin-top: -40px;
        }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

        .slick-prev.slick-disabled:before,
        .slick-next.slick-disabled:before {
            opacity: .25;
        }

        .slick-prev::before,
        .slick-next::before {
            color: #333333;
            font-family: "fontawesome";
            font-size: 30px;
            left: 0;
            line-height: 1;
            opacity: 0.75;
            position: absolute;
            top: 9px;
            width: 100%;
        }

        .slick-prev {
            left: -25px;
        }

        [dir='rtl'] .slick-prev {
            right: -25px;
            left: auto;
        }

        .slick-prev::before {
            content: "\f104";
        }

        [dir='rtl'] .slick-prev:before {
            content: '\f104';
        }

        .slick-next {
            right: -25px;
        }

        [dir='rtl'] .slick-next {
            right: auto;
            left: -25px;
        }

        .slick-next:before {
            content: '\f105';
        }

        [dir='rtl'] .slick-next:before {
            content: '\f105';
        }

        .slick-slider {
            margin-top: 50px;
            position: relative;
            display: block;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
        }

        .slick-list {
            position: relative;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0;
        }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

        .slick-slider .slick-track,
        .slick-slider .slick-list {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block;
        }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

        .slick-loading .slick-track {
            visibility: hidden;
        }

        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px;
        }

        [dir='rtl'] .slick-slide {
            float: right;
        }

        .slick-slide img {
            display: block;
        }

        .slick-slide.slick-loading img {
            display: none;
        }

        .slick-slide.dragging img {
            pointer-events: none;
        }

        .slick-initialized .slick-slide {
            display: block;
        }

        .slick-loading .slick-slide {
            visibility: hidden;
        }

        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent;
        }

        .slick-arrow.slick-hidden {
            display: none;
        }

        /* Page Loading */
        .page-loading {
            background-color: #131322;
            content: "";
            height: 100%;
            left: 0;
            position: fixed;
            text-align: center;
            top: 0;
            width: 100%;
            z-index: 2147483647;
            display: none;
            /* Property temporary */
        }

        .page-loading>img {
            left: 50%;
            position: absolute;
            top: 50%;

            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

        .page-loading>span {
            color: #b3b3b3;
            cursor: pointer;
            display: inline-block;
            font-size: 17px;
            letter-spacing: 0;
            margin-top: 30px;
            text-decoration: underline;
        }

        /* Basic styles */
        input[type="checkbox"],
        input[type="radio"] {}

        label {
            position: relative;
            display: inline-block;
            padding: 0 0 0 23px;
            height: 1.5em;
            line-height: 1.5;
            cursor: pointer;
        }

        label::before,
        label::after {
            position: absolute;
            top: 3px;
            left: 0;
            display: block;
            width: 14px !important;
            height: 14px !important;
        }

        label::before {
            content: " ";

            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            -ms-border-radius: 1px;
            -o-border-radius: 1px;
            border-radius: 1px;
            background: #e9eaf7;
            border-radius: 3px;
        }

        /* Checkbox */
        input[type="checkbox"]+label::after {
            /* content: "\2714"; */
            color: #ffffff;
            line-height: 14px;
            text-align: center;
            font-size: 10px;
        }

        /* Radio */
        input[type="radio"]+label::before {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
        }

        input[type=radio]+label::after {
            content: " ";
            top: 7px;
            left: 4px;
            width: 6px !important;
            height: 6px !important;
            background: #fff;
            border: 3px solid #002060;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
        }

        /* :checked */
        input[type="checkbox"]:checked+label::before,
        input[type="radio"]:checked+label::before {
            background: #002060;
            border-color: #002060;
        }

        input[type="checkbox"]+label::after,
        input[type=radio]+label::after {
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
        }

        input[type="checkbox"]:checked+label::after,
        input[type=radio]:checked+label::after {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

        /* Transition */
        label::before,
        label::after {
            -webkit-transition: .25s all ease;
            -moz-transition: .25s all ease;
            -ms-transition: .25s all ease;
            -o-transition: .25s all ease;
            transition: .25s all ease;
        }


        /* Header */
        .portada {
            background: #0F0E1B;
            background-size: cover !important;
            min-height: 720px !important;
            /*100vh*/
            background-position: bottom !important;
            position: relative;
        }

        .contIlustra {
            background: url(../images/ilustracion.png) no-repeat;
            height: 571px;
            width: 458px;
            position: absolute;
            top: 236px;
            left: 30px;
            display: none;
        }


        .contImgPhones {
            background:
                /* "Luz" púrpura cerca del teléfono púrpura, posicionada a la derecha */
                /* radial-gradient(circle at 80% 34%, rgba(136, 17, 187, 0.2) 0%, transparent 50%), */
                /* "Luz" cian/azulada cerca del teléfono cian, posicionada más abajo a la izquierda */
                /* radial-gradient(circle, #3f2572 -40%, transparent 51%); */
            ;
            background-repeat: no-repeat;
            border-radius: 100%;
            background-position: 257px 13px;
        }

        .contImgPhones .contBlur {
            background: #6f3bb31f;
            backdrop-filter: blur(.5px);
            width: 465px;
            height: 360px;
            margin-top: -300px;
            position: relative;
            right: -61%;
            box-shadow: #6f3bb342 0 0 92px;
            border: 0;
        }

        .relative {
            position: relative;
        }

        .gradient-bottom {
            background: linear-gradient(to bottom, #0000, #0F0E1B);
            position: absolute;
            width: 100%;
            height: 35%;
            bottom: 0;
            z-index: 3;
        }

        .contImgPhones .contImg {
            background: url("../images/mockup_hero.png") no-repeat;
            background-size: contain !important;
            height: 620px;
            width: 447px;
            position: relative;
            left: 68%;
            margin-top: 65px;
            z-index: 2;
        }

        .radial-gradiant-back {
            background: radial-gradient(circle, #3f2572 -83%, transparent 49%);
            position: absolute;
            width: 100%;
            height: 100%;
            right: -232px;
            top: -82px;
        }

        .contImgPhones .contImg span {
            display: none;
            background: red;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -99;
        }

        .btnLg {
            background-color: transparent;
            border: 1px solid #13E2D3;
            /* border-radius: 15px !important; */
            color: #13E2D3;
            width: 140px;
            height: 50px !important;
            border-radius: 50px !important;


        }

        .btnLgcolor {
            background-color: #13E2D3;
            color: #1c1c1c;
            width: 140px;
            height: 50px !important;
            border-radius: 50px !important;

        }

        #name-initials {
            position: relative;
            width: 44px;
            height: 44px;
            border: 1px solid #6C8EF1;
            border-radius: 200px;
            display: grid;
            place-items: center;
            font-weight: 700;
        }

        #name-initials::before {
            content: "";
            width: 50px;
            height: 100%;
            left: 30px;
            border-radius: 0 200px 200px 0;
            border-top: 1px solid #18172C;
            border-right: 1px solid #18172C;
            border-bottom: 1px solid #18172C;
            display: none;
            position: absolute;
        }

        .name-initials {
            width: 70px;
            height: 70px;
            border-radius: 200px;
            background: #EBEBFE;
            color: #552D9A;
            font-weight: 700;
            display: grid;
            place-items: center;
            font-size: 25.2px;
        }

        .dropdown-open #name-initials {
            background: #4168D8;
            border-color: #4168D8;
        }

        .dropdown-open #name-initials::before {
            display: inline-block;
        }

        .dropdown-cod-menu--login {
            left: -50px !important;

            li a {
                position: relative;
                display: flex !important;
                align-items: center;
                gap: 8px;
                padding: 16px 32px !important;
            }
        }

        .bottom-sp::before {
            content: "";
            width: 75%;
            bottom: 0;
            height: 1px;
            background: #18172C;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        .dividerHe {
            width: 1px;
            background: linear-gradient(to bottom, #0000, #616083, #0000);
            margin: 0px 31px !important;
        }

        .btnLg:hover {
            background-color: #25202C;
            color: #54AFAE;
            font-weight: 500;
        }

        .btnLgcolor:hover {
            background-color: #54AFAE;
            /* border-radius: 15px !important; */
            font-weight: 500;
        }

        .btn-outline {
            display: flex !important;
            align-items: center;
            justify-content: center;
            width: fit-content;
            border: #616083 solid 1px;
            color: #fdfdfd;
            background-color: #0000;
            border-radius: 50px !important;
            font-weight: 700;
            height: 44px;
            padding: 0 20px !important;
        }

        .btn-fill {
            display: flex !important;
            align-items: center;
            justify-content: center;
            width: fit-content;
            border: #456AD4 solid 1px;
            color: #fdfdfd;
            background-color: #456AD4;
            border-radius: 50px !important;
            font-weight: 700;
            height: 44px;
            padding: 0 20px !important;
        }

        .btnTur {
            background-color: #13E2D3;
            /* border: 1px solid #6F3BB3; */
            border-radius: 30px !important;
            color: #6F3BB3;
            width: 310px;
        }

        .btnTur:hover {
            background-color: #6be4d7;
            font-weight: 500;
        }

        .sticktop {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            z-index: 999;
            height: 96.46px;
            /* background: #2A2035 ; */
            /* background: linear-gradient(135.52deg, #1C1C1C 20.11%, #401974 81.11%); */
        }

        .dropdown-cod {
            position: relative;
        }

        .dropdown-cod-menu {
            position: absolute;
            top: 70px;
            left: 0;
            background: #111122;
            width: 218px;
            border-radius: 16px;
        }

        .dropdown-cod-menu li a {
            color: #fdfdfd;
            padding: 25px 33px 0px;
            display: inline-block;
            width: 100%;
        }

        .dropdown-cod-menu li a:hover {
            color: #6C8EF1;
        }

        .dropdown-cod-menu li:last-of-type a {
            padding-bottom: 25px;
        }

        .dropdown-cod-trigger {
            display: flex;
            align-items: center;
            gap: 10px;
            transition: all 200ms ease-in-out;
        }

        .dropdown-cod-trigger:hover img {
            color: #6C8EF1;
            filter: brightness(0) saturate(100%) invert(58%) sepia(6%) saturate(4696%) hue-rotate(189deg) brightness(96%) contrast(98%);
        }

        .calculator-tabs {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
            padding: 10px;
            margin-top: 60px;
            background: #F2F0FD;
            position: relative;
            border: 1px solid #EBEBFE;
            /* gap: 40px; */
        }

        .calculator-tabs .calculator-tab {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            border-radius: 16px;
            gap: 10px;
            cursor: pointer;
            padding: 10px;
            height: 68.68px;
            z-index: 1;
        }

        .calculator-tabs .calculator-tab-marked {
            background: linear-gradient(to left, #A57DD9, #84A1F3);
            position: absolute;
            transition: all 200ms ease-in-out;
            top: 10px;
            left: 10px;
            border-radius: 16px;
            border: 0px solid #EBEBFE;
        }

        .calculator-tabs .calculator-tab-marked::before {
            content: "";
            position: absolute;
            top: 2px;
            bottom: 1px;
            left: 1px;
            right: 1px;
            background: #fff;
            border-radius: 15px;
        }

        .calculator-tabs .calculator-tab.calculator-tab--active {
            color: #0C0E1D;
            background: #0000;
            border: none;
        }

        .calculator-tabs .calculator-tab img {
            width: 48px;
        }

        .calculator-tabs .calculator-tab {
            font-size: 30px;
            font-weight: 700;
            color: #0c0e1dbe;
            background: #F6F5FF;
            border: 1px solid #EBEBFE;
        }

        @media (max-width: 680px) {
            .calculator-tabs .calculator-tab {
                font-size: 20px;
            }
        }

        @media (max-width: 480px) {
            .calculator-tabs .calculator-tab span {
                display: none;
            }
        }

        .calculator-main {
            position: relative;
            background-color: #FDFDFD;
            border-radius: 20px;
            border: 1px solid #EBEBFE;
            margin-top: 20px;
            margin-bottom: 20px;
            padding: 33px 0;
            z-index: 1;
        }

        .calculator-tasa {
            font-size: 16px;
            color: #9593BD;
            display: flex;
            flex-direction: column;
            font-weight: 500;
            /* margin-top: 50px; */
            margin-top: 127px;
        }

        .calculator-content,
        .calculator-footer {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }

        .arrow-btn-container--none img {
            filter: none !important;
        }

        .arrow-btn-container--purple img {
            filter: brightness(0) saturate(100%) invert(17%) sepia(42%) saturate(3743%) hue-rotate(250deg) brightness(97%) contrast(94%) !important;
        }

        .arrow-btn-container--white img {
            filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(212deg) brightness(101%) contrast(98%) !important;
        }

        .fw-bold {
            font-weight: 700 !important;
        }

        .title-48 {
            font-size: 48px;
            line-height: 60px;

            &.title-48--white {
                color: #fdfdfd;
            }
        }

        @media (max-width: 1200px) {
            .calculator-content {
                grid-template-columns: 1fr;
                gap: 40px
            }
        }

        .title-steps {
            font-size: 36px;
            font-weight: 700;
            text-align: center;
            color: #111122;
        }

        .calculator-col {
            padding: 0 33px;
            flex-grow: 1;
        }

        .calculator-content .input-dropdown {
            display: flex;
            border: 1px solid #EBEBFE;
            border-radius: 8px;
            height: 56px;
            position: relative;
        }

        .calculator-content .input-dropdown input {
            padding: 16px;
            border: none;
            border-radius: 8px;
            font-size: 24px;
            color: #040404;
            font-weight: 500;
            width: 100%;
            background: #fff;
        }

        .calculator-content .input-dropdown .dropdown-cod-trigger {
            border-right: 1px solid #EBEBFE;
            font-size: 20px;
            color: #040404;
        }

        .calculator-content .input-dropdown .dropdown-cod-trigger img {
            filter: brightness(0) saturate(100%) invert(55%) sepia(7%) saturate(1188%) hue-rotate(203deg) brightness(107%) contrast(91%);
        }


        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            /* display: none; <- Crashes Chrome on hover */
            -webkit-appearance: none;
            margin: 0;
            /* <-- Apparently some margin are still there even though it's hidden */
        }

        input[type=number] {
            -moz-appearance: textfield;
            /* Firefox */
        }

        .rectMonedas {
            width: 62px;
            height: 26px;
            border-radius: 16.62px;
            background: #FFF4EA;
            display: flex;
            justify-content: center;
            position: relative;
        }

        .rectMonedas::after {
            content: 'Nivel de Rendimiento';
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 14px;
            line-height: 1.8;
            letter-spacing: 0%;
            text-align: center;
            color: #E5A039;
            width: 152px;
            height: 0;
            top: -31px;
            left: -90px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 10px;
            background: #FFF4EA;
            position: absolute;
            transition: all 300ms ease-in-out;

            overflow: hidden;


        }

        .rectMonedas:hover::after {



            height: 27px;

        }


        .rectMonedas span {
            margin: 0 0.8px;
        }

        .contTextInfoNewMO {}

        .contTextInfoNewMO h2 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-style: Bold;
            font-size: 42px;
            /* leading-trim: NONE; */
            line-height: 55px;
            letter-spacing: -2%;
            text-align: center;
            vertical-align: middle;

        }

        .contTextInfoNewMO h4 {
            font-family: 'Helvetica Now Display';
            font-weight: 700;
            font-size: 28px;
            line-height: 44px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            margin-bottom: 0;

        }

        .menusec {
            position: absolute;
            left: 0;
            width: 100%;
            top: 0;
        }

        header.active {
            background: #10101E;
        }

        .bg-violet {
            background: #6F3BB3;
        }

        .btnUser {
            color: rgba(28, 28, 28, 1) !important;
            border-radius: 100%;
            width: 40px;
            height: 40px;
            border: 1px solid #13E2D3;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #13E2D3;

            font-family: Helvetica Now Display;
            font-weight: 700;
            font-style: Bold;
            font-size: 18px;
            /* leading-trim: NONE; */
            line-height: 110.00000000000001%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;



        }

        .btnUser:hover {
            background-color: #13E2D3 !important;
            /* color: #6F3BB3 !important; */
        }

        header .fontBtnNav {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-style: Bold;
            font-size: 18px;
            /* leading-trim: NONE; */
            line-height: 110.00000000000001%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

        }

        header .fontBtnNav:hover {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-style: Bold;
            font-size: 18px;
        }

        .logo {
            float: left;
        }

        .menusec nav {
            float: right;
        }

        .menusec nav>ul {
            float: left;
            margin: 0;
        }

        .menusec nav>ul>li {
            float: left;
            margin: 0;
            padding: 24px 0;
            position: relative;
        }

        .menusec nav>ul>li>a {
            float: left;
            color: #fdfdfd;
            font-family: Helvetica Now Display;
            font-size: 15px;
            padding: 5px 13px;
        }

        .menusec nav>ul>li:hover>a {
            color: #6C8EF1;
        }

        .activo {
            color: #6C8EF1 !important;
        }

        .apps-btns {
            float: right;
            margin: 14px 0;
            margin-left: 18px;
        }

        .apps-btns>a {
            float: left;
            font-family: Helvetica Now Display;
            font-size: 15px;
            color: #ffffff;
            background: #817e96;
            padding: 9px 26px;

            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px;

            text-transform: uppercase;
            padding-bottom: 10px;
            margin-left: 20px;

            -webkit-box-shadow: 0px 0px 60px rgba(68, 60, 98, 0.3);
            -moz-box-shadow: 0px 0px 60px rgba(68, 60, 98, 0.3);
            -ms-box-shadow: 0px 0px 60px rgba(68, 60, 98, 0.3);
            -o-box-shadow: 0px 0px 60px rgba(68, 60, 98, 0.3);
            box-shadow: 0px 0px 60px rgba(68, 60, 98, 0.3);

        }

        .apps-btns>a.tryapp {
            background: #5363c8;
            margin-left: 17px;
        }

        /* sectproyectos */
        #sectproyectos {
            background: linear-gradient(180deg, #0F0E1A, #2A2A55);

        }

        #sectproyectos .contProNew {
            background: #fff;
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            padding: 25px 0 50px 0;
            position: relative;
            z-index: 99;
        }


        #sectproyectos .contProNew .contTextTitlePro h2 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 26px;
            line-height: 120%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

        }

        #sectproyectos .contProNew .contTextTitlePro h3,
        #sectproyectos .contProNew .contTextTitlePro h1 {
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 50px;
            line-height: 120%;
            letter-spacing: -2%;
            text-align: center;
            vertical-align: middle;
            color: #551AA2;
        }

        .banner-hero-main {
            /* max-width: 1210px; */
            margin: 60px 0 auto;
        }

        .banner-hero-container {
            background: #10101F;
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: center;
            color: #FFF;
            text-align: center;
            position: relative;
        }

        /* .banner-hero-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, #111122, #111122bf);
        } */
        .banner-hero-left {
            min-height: 188px;
            border-radius: 0 16px 16px 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            font-size: 54px;
            font-weight: 400;
            width: fit-content;
            padding: 10px 105px;
            position: relative;
            /* box-shadow: 
            19px 0px 24px -11px #492784,
            27px 0px 0px -8px #3C4E9C, 
            57px 0px 24px -30px #492784,
            59px 0px 0px -25px #3C4E9C; */
        }

         .banner-hero-left::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('../images/bg-banner-hero2.png') no-repeat;
            background-size: cover;
            background-position: center;
            /* z-index: -1; */
        }

        .banner-hero-left::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

        .banner-hero-left span {
            font-weight: bold;
        }

        .banner-hero-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;     /* ahora alineamos a la izquierda */
    padding-left: 8%;            /* o el margen que prefieras */
    box-sizing: border-box;
}

.banner-hero-video::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to right,
        #39397B 5%,
        rgba(57, 57, 123, 0.8) 20%,
        rgba(57, 57, 123, 0) 35%    /* aquí termina el degradado */
    );
    z-index: 2;                     /* encima del video, debajo del texto */
    pointer-events: none;           /* para que no interfiera con clics */
}

        .banner-hero-right {
            cursor: grab;
            user-select: none;
            position: relative;
            /* background: #10101F; */
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .banner-hero-right::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('../images/bg-banner-hero.png') no-repeat;
            background-size: cover;
            background-position: center;
            /* z-index: -1; */
        }

        .banner-hero-right::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, #10101F, #10101f00);
            z-index: 1;
        }

        .banner-hero-dots {
            position: absolute;
            bottom: 15px;
            width: 28px;
            height: 18px;
            background: #211F35;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            padding: 0 5px;
            z-index: 2;
        }

        .banner-hero-dots span {
            width: 4px;
            height: 4px;
            background: #fdfdfd;
            border-radius: 50%;
            transition: all 200ms ease-in-out;
        }

        .banner-hero-dots span.banner-hero-dots-active {
            width: 6px;
            height: 6px;
        }

        .banner-hero-right-text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            /* max-width: 20ch; */
            padding: 0 33px;
        }

        .banner-hero-right-text-p {
            font-size: 54px;
            line-height: 60px;
            color: #fdfdfd;
            text-align: left;
            font-weight: 400;
            z-index: 2;
        }

        /* =============== CAROUSEL SLIDES =================== */
        .banner-hero-right-text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            transition: all 200ms ease-in-out;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 33px;
        }

        .banner-hero-right-text.banner-hero-slide-active {
            opacity: 1;
            visibility: visible;
        }

        .banner-hero-right-text.banner-hero-slide {
            opacity: 0;
            visibility: hidden;
        }

        .-mt-40 {
            margin-top: -40px;
        }

        .-mb-50 {
            margin-bottom: -50px;
        }

        .text-blue {
            color: #a3cfff;
        }

        .cards-benefits--white .card-benefit {
            background: #FFFFFF80;
            border-color: #EBEBFE;

            .card-benefit-description,
            .card-benefit-title {
                color: #0C0E1D !important;
            }
        }

        .cards-benefits--white .card-benefit button {
            box-shadow: none;
        }

        .cards-benefits--white .card-benefit.card-benefit--first {
            background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #A57DD9, #84A1F3) border-box;
        }

        .cards-benefits--white .card-benefit:hover {
            background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #A57DD9, #84A1F3) border-box;
        }

        .press .cards-benefits {
            margin-top: 58px;
            padding: 0;
        }

        .press-cta .card-benefit {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

        }

        .press-cta .card-benefit-title {
            font-size: 24px;
            margin-top: 8px;
        }

        .press-cta .card-benefit-content {
            display: flex;
            flex-direction: column;
        }

        .press-cta .btn-cod-custom {
            height: 44px !important;
        }

        .press-cta .btn-cod-custom .arrow-btn-container {
            height: 28px !important;
            width: 28px !important;
        }

        .press-cta .btn-cod-custom .arrow-btn-container img {
            width: 11.53px !important;
        }

        .press-cta .btn-cod-custom span {
            font-size: 16px;
        }

        .press-cta--gradient {
            padding-bottom: 90px;
        }

        .press-cta--gradient::before {
            content: "";
            position: absolute;
            bottom: 0;
            /* left: -31%; */
            width: 100%;
            height: 860px;
            background: radial-gradient(circle at bottom center, rgba(198, 211, 249, 1) 0%, rgba(236, 221, 255, 1) 0%, #0000 52%);
        }

        .press-cta--gradient:after {
            content: "";
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(198, 211, 249, 1) 0%, rgba(236, 221, 255, 1) 0%, #0000 62%);
        }

        /* =============== Banner Hero Responsive =================== */
        @media (max-width: 1200px) {
            .banner-hero-main {
                margin: 40px 0 auto;
                /* padding: 0 20px; */
            }

            .banner-hero-container {
                grid-template-columns: 1fr;
                gap: 20px;
                padding: 20px;
                min-height: auto;
            }

            .banner-hero-left {
                min-height: 120px;
                padding: 20px;
                border-radius: 16px;
                order: 1;
                width: 100%;
                align-items: center;
            }

            .banner-hero-left i {
                font-size: 18px;
                margin-bottom: 8px;
            }

            .banner-hero-left span {
                font-size: 24px;
                line-height: 1.2;
            }

            .banner-hero-right {
                order: 2;
                min-height: 200px;
                padding: 20px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                position: relative;
            }

            .banner-hero-right-text {
                position: absolute;
                padding: 0 20px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
            }

            .banner-hero-right-text-p {
                font-size: 20px;
                line-height: 28px;
                margin-bottom: 20px;
            }

            .banner-hero-dots {
                position: relative;
                bottom: -36px;
                display: flex;
                justify-content: center;
                gap: 8px;
                background: none;
                width: auto;
                height: auto;
            }
        }

        @media (max-width: 768px) {
            .banner-hero-main {
                margin: 20px 0 auto;
                padding: 0 15px;
            }

            .banner-hero-container {
                padding: 15px;
                gap: 15px;
            }

            .banner-hero-left {
                min-height: 100px;
                padding: 15px;
            }

            .banner-hero-left i {
                font-size: 16px;
                margin-bottom: 6px;
            }

            .banner-hero-left span {
                font-size: 20px;
            }

            .banner-hero-right {
                min-height: 180px;
                padding: 15px;
                position: relative;
            }

            .banner-hero-right-text-p {
                font-size: 18px;
                line-height: 24px;
            }
        }

        @media (max-width: 480px) {
            .banner-hero-main {
                margin: 15px 0 auto;
                padding: 0 10px;
            }

            .banner-hero-container {
                padding: 10px;
                gap: 10px;
            }

            .banner-hero-left {
                min-height: 80px;
                padding: 12px;
            }

            .banner-hero-left i {
                font-size: 14px;
                margin-bottom: 4px;
            }

            .banner-hero-left span {
                font-size: 18px;
            }

            .banner-hero-right {
                min-height: 160px;
                padding: 12px;
                position: relative;
            }

            .banner-hero-right-text-p {
                font-size: 16px;
                line-height: 22px;
            }
        }


        .hidden {
            display: none !important;
        }

        .buttons-hero {
            gap: 30px;
            margin-top: 40px !important;
        }

        /* sumar global estadisticas */
        #sectSumamosGlobal {
            padding: 20px 0;
            position: relative;
            z-index: 99;
            /* background: linear-gradient(180deg, #111122 0%, #1C1C1C 80.83%); */
            /* min-height: 563px; */
            /* box-shadow: #2A2035 0 0 40px; */
        }



        #sectSumamosGlobal .contSumarGlobal {
            /* background: #FFFFFF0D; */
            /* border: 1px solid #FFFFFF1A; */
            min-height: 248px;
            /* margin-top: 62px; */
            text-align: center;
            border-radius: 20px;
        }

        #sectSumamosGlobal .contSumarGlobal h4 {
            margin-top: 30px;
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 18px !important;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            color: #EBEBFE;
        }

        #sectSumamosGlobal .contMetricas {
            min-height: 218px;
        }

        #sectSumamosGlobal .contMetricas .item-stadistica {
            width: 300px;
        }

        #sectSumamosGlobal .contMetricas .item-stadistica p {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 20px;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            color: #EBEBFE;

        }

        #sectSumamosGlobal .contMetricas .item-stadistica .textDegr {
            font-family: 'Helvetica Now Display';
            font-weight: 900;
            font-size: 80px;
            line-height: 86px;
            letter-spacing: -4%;
            text-align: center;
            color: #EBEBFE;
        }

        #sectSumamosGlobal .contLogosN {
            margin-top: 54px;


        }

        #sectSumamosGlobal .contLogosN h4 {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 24px;
            line-height: 20px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            margin-bottom: 37px;
            color: #827A96;

        }

        /* #sectSumamosGlobal .contLogosN .contImgLogN {
            
        } */

        #sectSumamosGlobal .contLogosN img {
            max-width: 260px;
            margin: 0 30px;
        }

        /* =============== Responsive para sectSumamosGlobal =================== */
        @media (max-width: 980px) {
            #sectSumamosGlobal {
                padding: 40px 0;
            }

            #sectSumamosGlobal .contSumarGlobal {
                min-height: auto;
                padding: 20px;
            }

            #sectSumamosGlobal .contSumarGlobal h4 {
                font-size: 24px;
                margin-top: 20px;
            }

            #sectSumamosGlobal .contMetricas {
                min-height: auto;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 20px;
                justify-content: center;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica {
                width: calc(50% - 10px);
                max-width: 250px;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica .textDegr {
                font-size: 60px;
                line-height: 65px;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica p {
                font-size: 18px;
            }
        }

        @media (max-width: 680px) {
            #sectSumamosGlobal {
                padding: 30px 0;
            }

            #sectSumamosGlobal .contSumarGlobal {
                padding: 15px;
            }

            #sectSumamosGlobal .contSumarGlobal h4 {
                font-size: 20px;
                margin-top: 15px;
            }

            #sectSumamosGlobal .contMetricas {
                flex-direction: column;
                gap: 15px;
                align-items: center;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica {
                width: 100%;
                max-width: 200px;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica .textDegr {
                font-size: 48px;
                line-height: 52px;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica p {
                font-size: 16px;
            }

            #sectSumamosGlobal .contLogosN img {
                max-width: 200px;
                margin: 0 15px;
            }
        }

        @media (max-width: 480px) {
            #sectSumamosGlobal {
                padding: 20px 0;
            }

            #sectSumamosGlobal .contSumarGlobal {
                padding: 10px;
            }

            #sectSumamosGlobal .contSumarGlobal h4 {
                font-size: 18px;
                margin-top: 10px;
            }

            #sectSumamosGlobal .contMetricas {
                gap: 10px;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica {
                max-width: 150px;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica .textDegr {
                font-size: 36px;
                line-height: 40px;
            }

            #sectSumamosGlobal .contMetricas .item-stadistica p {
                font-size: 14px;
            }

            #sectSumamosGlobal .contLogosN img {
                max-width: 150px;
                margin: 0 10px;
            }
        }

        /* fin sectSumamosGlobal */
        /* proyecto pendiente  */
        #proyectoPendiente {
            max-width: 996px;
            height: 135px;
            border-radius: 20px;
            box-shadow: 0px 0px 30px -10px #00000040;
            overflow: hidden;
            margin: 70px auto;



        }

        #proyectoPendiente .contImg {
            padding-top: 130px;
            max-width: 50%;
            overflow: hidden;
        }

        #proyectoPendiente img {
            width: 100%;
        }

        #proyectoPendiente p {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 20px;
            line-height: 26px;
            letter-spacing: 0%;

            color: #1C1C1C;
            ;

        }

        #proyectoPendiente h4 {
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 34px;
            line-height: 100%;
            letter-spacing: 0%;
            vertical-align: middle;
            color: #1C1C1C;


        }

        #proyectoPendiente .contProxi {
            width: 110px;
            height: 26px;
            top: -15px;
            right: -30px;
            border-radius: 20px;
            background: #E5D1FF;

            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 12px;
            line-height: 28px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

            color: #6F3BB3;

            position: relative;




        }

        /* fin proyecto pendiente */
        /* prensa */
        #prensa {
            margin: 47px 0;
        }

        #prensa h2 {
            text-align: center;
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 50px;
            line-height: 120%;
            letter-spacing: -2%;
            text-align: center;
            vertical-align: middle;
            color: #1C1C1C;
            margin-bottom: 57px;


        }

        #prensa .itemPrensa {
            width: 284px;
            height: 112px;
            border-radius: 20px;
            border-width: 1px;
            border: 1px solid #EBEBEB;
            box-shadow: 0px 0px 30px -8px #00000040;
            padding: 14px;

        }

        #prensa .contInfo img {
            max-width: 186px;
            max-height: 45px;
        }

        #prensa .contInfo div {
            height: 35px;
            overflow: hidden;
        }

        #prensa .contInfo a {
            display: inline-block;
            margin-top: 20px;
        }

        /* fin prensa */


        /* .desaparece a {
            padding: 5px 0;
            display: inline-block;
            width: 60px;
            text-align: center;


        } */

        /* Featured Sec */
        .fsec {
            float: left;
            width: 100%;
            display: table;
            padding: 0 280px;
            margin-top: 185px;
        }

        .fimg {
            float: right;
            width: 650px;
        }

        .fimg img {
            max-width: 100%;
        }

        .finfos {
            display: table-cell;
            vertical-align: middle;
            padding-right: 110px;
            padding-top: 144px;
        }

        .finfos>h1 {
            float: left;
            width: 100%;
            font-size: 60px;
            line-height: 72px;
            color: #ffffff;
            font-family: Helvetica Now Display;
            letter-spacing: -1px;
            font-weight: normal;
        }

        .finfos>h1 strong {
            font-weight: 800;
            font-size: 60px;
        }

        .finfos>h2 {
            font-family: Helvetica Now Display;
            font-weight: 100;
            font-size: 30px;
            line-height: 38px;
            letter-spacing: 0%;
            vertical-align: middle;
            color: #fdfdfd;
            font-weight: 500;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .grande>h3 {
            float: left;
            width: 100%;
            font-size: 60px;
            line-height: 72px;
            color: #ffffff;
            font-family: Helvetica Now Display;
            letter-spacing: -1px;
            font-weight: normal;
        }

        .grande>h3 strong {
            font-weight: 700;
            font-size: 60px;
            line-height: 20px;
        }

        .products-title {
            position: relative;
            z-index: 1;
            font-size: 60px;
            line-height: 72px;
            font-weight: 800;
        }

        .products-subtitle {
            font-size: 36px;
            line-height: 44px;
            font-weight: 500;
            position: relative;
            z-index: 1;
        }

        .products-container {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-top: 50px;
            margin-bottom: 50px;
            gap: 42px;
        }

        .products-container .buttons button:first-child:hover {
            background: rgb(75, 157, 165);
        }

        .products-container .buttons button:last-child:hover {
            background: rgb(85, 45, 154);
        }

        .products-container::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 70%;
            height: 70%;
            border-radius: 0 30px 0 0;
            background: radial-gradient(circle at top right, rgba(198, 211, 249, 1) 0%, rgba(236, 221, 255, 1) 0%, #0000 69%);
            /* border: 2px solid red;*/
        }

        .products-container::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 70%;
            height: 70%;
            background: radial-gradient(circle at bottom left, rgba(198, 211, 249, 1) 0%, rgba(236, 221, 255, 1) 0%, #0000 69%);
            /* border: 2px solid red; */
        }

        .product-item {
            display: grid;
            align-items: center;
            flex-direction: column;
            max-width: 408px;
            border: 1px solid #EBEBEB;
            border-radius: 24px;
            width: 100%;
            box-shadow: 0 14px 15px #0000001a;
            background: #FDFDFD;
            position: relative;
            z-index: 1;
        }

        .product-content {
            width: 100%;
            padding: 0 24px;
        }

        .btn-new-panel:hover {
            background: #653ab4 !important;
        }

        .tag-new {
            position: relative;
            color: #F9F9FF;
            background: linear-gradient(90deg, #84A1F3, #A57DD9);
            border-radius: 200px;
            font-size: 14px;
            padding: 8px 16px;
            border: none;
            display: inline-block;
        }

        .tag-new--white.tag-new::before {
            border: 2px solid #F9F9FF;
        }

        .tag-new::before {
            content: "";
            position: absolute;
            top: 2px;
            left: 2px;
            right: 2px;
            bottom: 2px;
            background: #0000;
            border-radius: 200px;
            z-index: 1;
            border: 2px solid #111121;
        }

        .tag-new::after {
            content: "";
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            background: #F9F9FF;
            border-radius: 200px;
            z-index: -1;
        }

        .product-list-item {
            font-size: 20px;
            font-weight: 500;
            color: #0C0E1D;
            display: flex;
            align-items: center;
            gap: 9px;
            margin-bottom: 15px;
        }

        .product-list-item-marked {
            font-weight: 700;
        }

        .product-list-item-content {
            display: flex;
            color: #0C0E1D;
            font-weight: 600;
            font-size: 16px;
            gap: 4px;
            align-items: center;
        }

        .product-image img {
            width: 80px;
        }

        .product-header img {
            width: 47px;
        }

        .product-header {
            margin-top: -6px;
            display: flex;
            flex-direction: column;
            width: 100%;
            padding: 24px 24px 9px;
            border-radius: 24px 24px 0 0;
        }

        .product-description {
            padding: 20px 24px;
            color: #0C0E1D;
            font-size: 16px;
            font-weight: 600;
            margin: 0;
        }

        .tag-flat {
            color: #FDFDFD;
            font-size: 16px;
            border-radius: 200px;
            padding: 4px 12px;
        }

        .product-saving .tag-flat {
            background: #4B9DA5;
        }

        .product-saving .product-header {
            background: #F0FBFB;
        }

        .product-performance .tag-flat {
            background: #552D9A;
        }

        .product-performance .product-header {
            background: #F8F2FF;
        }

        .product-exclusive .tag-flat {
            background: #FEDF89;
            color: #111122;
        }

        .product-exclusive .product-header {
            background: #18172C;
        }

        .product-exclusive .product-header-title {
            color: #FDFDFD;
        }

        .product-exclusive .product-header-subtitle {
            color: #AABEF7;
        }

        .product-header-title {
            font-size: 30px;
            color: #0C0E1D;
            text-align: left;
            font-weight: 700;
            margin: 0;
        }

        .product-header-subtitle {
            color: #4168D8;
            font-size: 16px;
            font-weight: 600;
            margin: 0;
        }

        .buttons {
            display: flex;
            gap: 16px;
            width: 100%;
            padding: 24px;
        }

        .buttons button {
            box-shadow: none;
            padding: 8px !important;
            font-size: 16px !important;
        }

        .buttons button:hover {
            box-shadow: none;

        }

        .btn {
            width: 100%;
            border-radius: 200px !important;
            transition: all 200ms ease-in-out !important;
        }

        .buttons .btn-outlined {
            border: 1px solid #CCCBEB;
            color: #0C0E1D;
            background: #0000;
        }

        .product-list-item-icon {
            border-radius: 200px;
            width: 28px;
            height: 28px;
            border: 1px solid #EBEBFE;
            display: flex;
            align-items: center;
            justify-content: center;
            /* transform: scale(0.7); */
        }

        .product-saving .buttons .btn-fill {
            background: #4B9DA5;
            color: #F9F9FF;
            border: 1px solid #4B9DA5;
        }

        .product-saving .buttons .btn-fill {
            /* background: #6F3BB3; */
            color: #F9F9FF;
        }

        .product-item.product-exclusive .product-list-item-marked {
            color: #3251A8;
        }

        .product-item.product-saving .product-list-item-marked {
            color: #2C4E5C;
        }

        .product-item.product-performance .product-list-item-marked {
            color: #3F2672;
        }

        .product-item.product-performance .buttons .btn-fill {
            background: #552D9A;
            border: 1px solid #552D9A;
        }

        .product-item.product-performance .product-content img {
            filter: brightness(0) saturate(100%) invert(16%) sepia(29%) saturate(3467%) hue-rotate(239deg) brightness(97%) contrast(97%);
        }

        /* =============== Responsive para Products Section =================== */
        @media (max-width: 1200px) {
            #sectproyectos .contProNew {
                padding: 40px 0;
            }

            #sectproyectos .contProNew .contTextTitlePro h1 {
                font-size: 42px;
            }

            #sectproyectos .contProNew .contTextTitlePro h2 {
                font-size: 22px;
            }

            .products-container {
                margin-top: 60px;
                margin-bottom: 40px;
                gap: 40px;
            }

            .products-container::before {
                width: 100%;
                height: 100%;
                border-radius: 30px 30px 0 0;
            }

            .products-container::after {
                width: 100%;
                height: 100%;
            }

            .product-item {
                max-width: 350px;
            }

            .product-header-title {
                font-size: 36px;
            }

            .product-list-item {
                font-size: 18px;
            }
        }

        @media (max-width: 980px) {
            #sectproyectos .contProNew {
                padding: 30px 0;
            }

            #sectproyectos .contProNew .contTextTitlePro h1 {
                font-size: 36px;
            }

            #sectproyectos .contProNew .contTextTitlePro h2 {
                font-size: 20px;
            }

            .products-container {
                margin-top: 50px;
                margin-bottom: 30px;
                gap: 30px;
                flex-direction: column;
                align-items: center;
            }

            .products-container::before {
                width: 100%;
                height: 100%;
                top: 0;
                right: 0;
                border-radius: 30px 30px 0 0;
            }

            .products-container::after {
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
            }

            .product-item {
                max-width: 100%;
                width: 100%;
                max-width: 400px;
            }

            .product-header-title {
                font-size: 32px;
            }

            .product-list-item {
                font-size: 16px;
            }
        }

        @media (max-width: 680px) {
            #sectproyectos .contProNew {
                padding: 25px 15px;
            }

            #sectproyectos .contProNew .contTextTitlePro h1 {
                font-size: 28px;
            }

            #sectproyectos .contProNew .contTextTitlePro h2 {
                font-size: 18px;
            }

            .products-container {
                margin-top: 40px;
                margin-bottom: 25px;
                gap: 25px;
            }

            .products-container::before {
                width: 40%;
                height: 40%;
                top: 15%;
                right: 15%;
            }

            .products-container::after {
                width: 40%;
                height: 40%;
                bottom: 15%;
                left: 15%;
            }

            .product-item {
                padding: 20px;
            }

            .product-header-title {
                font-size: 28px;
            }

            .product-list-item {
                font-size: 15px;
                gap: 20px;
            }

            .product-list-item-icon {
                width: 35px;
                height: 35px;
            }
        }

        @media (max-width: 480px) {
            #sectproyectos .contProNew {
                padding: 20px 10px;
            }

            #sectproyectos .contProNew .contTextTitlePro h1 {
                font-size: 24px;
            }

            #sectproyectos .contProNew .contTextTitlePro h2 {
                font-size: 16px;
            }

            .products-container {
                margin-top: 30px;
                margin-bottom: 20px;
                gap: 20px;
            }

            .products-container::before {
                width: 30%;
                height: 30%;
                top: 20%;
                right: 20%;
            }

            .products-container::after {
                width: 30%;
                height: 30%;
                bottom: 20%;
                left: 20%;
            }

            .product-item {
                padding: 15px;
            }

            .product-header-title {
                font-size: 24px;
            }

            .product-list-item {
                font-size: 14px;
                gap: 15px;
            }

            .product-list-item-icon {
                width: 30px;
                height: 30px;
            }

            .buttons {
                gap: 8px;
            }
        }

        .product-pozo {
            position: relative;
            min-height: 432px;
            background: url('../images/bg-product-pozo.png') no-repeat center center;
            background-size: cover;
            z-index: 1;
        }

        .product-pozo::before {
            content: "";
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, #343468CC, #34346800);
            position: absolute;
            top: 0;
            left: 0;
        }

        .product-pozo-content {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 3;
            padding: 57px 20px;
        }

        .product-pozo-title {
            font-size: 60px;
            line-height: 72px;
            text-transform: uppercase;
            color: #fff;
        }

        .product-pozo-description {
            width: 718px;
        }

        .product-pozo-description p {
            color: #fff;
            font-size: 30px;
            line-height: 38px;
            font-weight: 400;
        }

        /* =============== Responsive: Product Pozo & Products Gradients =============== */
        @media (max-width: 980px) {
            .product-pozo {
                min-height: 360px;
            }

            .product-pozo::before {
                background: linear-gradient(to bottom, #343468CC, #34346800);
            }

            .product-pozo-content {
                padding: 40px 16px;
            }

            .product-pozo-title {
                font-size: 42px;
                line-height: 50px;
            }

            .product-pozo-description {
                width: 100%;
                max-width: 640px;
            }

            .product-pozo-description p {
                font-size: 22px;
                line-height: 30px;
            }
        }

        @media (max-width: 680px) {
            .product-pozo {
                min-height: 350px;
            }

            .product-pozo-content {
                padding: 28px 14px;
            }

            .product-pozo-title {
                font-size: 32px;
                line-height: 40px;
            }

            .product-pozo-description {
                max-width: 520px;
            }

            .product-pozo-description p {
                font-size: 18px;
                line-height: 26px;
            }
        }

        @media (max-width: 480px) {
            .product-pozo {
                min-height: 360px;
            }

            .product-pozo-title {
                font-size: 26px;
                line-height: 32px;
            }

            .product-pozo-description p {
                font-size: 16px;
                line-height: 22px;
            }
        }

        .btn-product-pozo {
            margin-top: 40px;
            width: fit-content !important;
            background: #28273fb3 !important;
        }

        .product-pozo-content .btn-product-pozo {
            display: flex !important;
            color: #FDFDFD;
            align-items: center;
            gap: 8px;
        }

        .btn-product-pozo img {
            transform: rotate(270deg);
        }

        .product-pozo-content .btn-product-pozo .arrow-btn-container {
            background: #474a6875;
            width: 34px;
            height: 34px;
            border-radius: 200px;
        }

        .btn-product-pozo:hover .arrow-btn-container {
            background: #474a6849 !important;
        }

        /* Match other CTA buttons to btn-product-pozo style */
        .btnLOgLineNew,
        .btnTurLineNew {
            display: flex !important;
            align-items: center;
            gap: 8px;
            color: #FDFDFD;
        }

        .btnLOgLineNew .arrow-btn-container,
        .btnTurLineNew .arrow-btn-container {
            background: #474a6875;
            width: 34px;
            height: 34px;
            border-radius: 200px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .btnLOgLineNew:hover .arrow-btn-container,
        .btnTurLineNew:hover .arrow-btn-container {
            background: #474a6849 !important;
        }

        .calculator-section {
            position: relative;
            padding: 90px 0;
            background: #F9F9FF;
        }

        .calculator-section::before {
            content: "";
            position: absolute;
            top: -10%;
            right: -31%;
            width: 100%;
            height: 760px;
            background: radial-gradient(circle, rgba(198, 211, 249, 1) 0%, rgba(236, 221, 255, 1) 0%, #0000 69%);
            /* border: 2px solid red;*/
        }

        .calculator-section::after {
            content: "";
            position: absolute;
            top: 30%;
            left: -31%;
            width: 100%;
            height: 860px;
            background: radial-gradient(circle, rgba(198, 211, 249, 1) 0%, rgba(236, 221, 255, 1) 0%, #0000 56%);
            /* border: 2px solid red; */
        }

        .calculator-features-list {
            margin-left: 30px;
        }

        .calculator-features-list-item-icon {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .calculator-features-list-item-icon::before {
            position: absolute;
            content: "";
            display: block;
            width: 2px;
            height: 30px;
            bottom: -42px;
            border: 2px dashed #CCCBEA;
        }

        .calculator-features-list-item-icon--hidden.calculator-features-list-item-icon::before {
            display: none;
        }

        .btn-private-deals {
            float: left;
            margin-top: 20px;
        }

        .calculator-features-list .btnLOgLineNew {
            background: #553197 !important;
            font-weight: 700;
            padding-right: 20px !important;
        }

        .btnLOgLineNew:hover {
            color: #fdfdfdd0;
        }

        .calculator-features-list .btnLOgLineNew .arrow-btn-container {
            width: 40px;
            background: #fdfdfd30;
        }

        .calculator-features-list .btnLOgLineNew:hover .arrow-btn-container {
            background: #fdfdfd46 !important;
        }

        .calculator-section .container {
            position: relative;
        }

        .calculator-section-title {
            font-weight: 700;
            font-size: 48px;
            color: #0C0E1D;
            text-align: center;
        }

        .calculator-section-title span {
            color: #552D9A;
        }

        .calculator-section-header p {
            color: #0C0E1D;
            text-align: center;
            font-size: 36px;
            font-weight: 500;
        }

        /* Responsive: Calculator Section Header */
        @media (max-width: 980px) {
            .calculator-section-title {
                font-size: 40px;
            }

            .calculator-section-header p {
                font-size: 28px;
            }
        }

        @media (max-width: 680px) {
            .calculator-section-title {
                font-size: 32px;
            }

            .calculator-section-header p {
                font-size: 22px;
            }
        }

        @media (max-width: 480px) {
            .calculator-section-title {
                font-size: 26px;
            }

            .calculator-section-header p {
                font-size: 18px;
            }
        }

        .calculator-support {
            display: flex;
            align-items: center;
            gap: 24px;
            margin-top: 33px;
        }

        .calculator-support button {
            background: #FDFDFD;
            color: #0C0E1D;
            border: 1px solid #cccbeb63;
            font-size: 20px;
            font-weight: 500;
            padding: 8px 20px 8px 8px !important;
        }

        .calculator-support button:hover {
            background: #fdfdfdea;
            color: #0C0E1D;
            border: 1px solid #CCCBEB;
        }

        .calculator-support button:hover .arrow-btn-container {
            background: #CCCBEB;
        }

        .calculator-support button .arrow-btn-container {
            background: #cccbeb45;
        }

        .calculator-main--saving .calculator-support button.btn-product-pozo {
            background: #4B9DA5 !important;
            padding: 8px 20px 8px 8px !important;
        }

        .calculator-main--performance .calculator-support button.btn-product-pozo {
            background: #553197 !important;
        }

        .calculator-support button.btn-product-pozo {
            border: 1px solid #fff;
            color: #FDFDFD;
            margin-top: 0;
            width: 100% !important;
            font-weight: 700;
        }

        .calculator-support button.btn-product-pozo .arrow-btn-container {
            background: #fdfdfd30;
            width: 33px;
        }

        .calculator-tasa-title-plus {
            color: #FDFDFD;
            background: #6F3BB3;
            border-radius: 200px;
            width: 62px;
            height: 30px;
            font-size: 18px;
            font-weight: 600;
        }

        .calculator-tasa-title-plus--main {
            display: none;
            text-align: center;
        }

        .calculator-main--performance .calculator-tasa-title-plus--main {
            display: inline-grid;
            place-content: center;
            grid-template-columns: 21px 1fr;

            .calculator-tasa-title-plus {
                display: flex !important;
                justify-content: center;
                align-items: center;
            }
        }

        .calculator-tasa-title-value {
            color: #FDFDFD;
            background-color: #4B9DA5;
            border-radius: 200px;
            padding: 6px 17px;
            font-size: 18px;
            font-weight: 700;
        }

        .calculator-main--performance .calculator-tasa-title-value {
            background: none;
            color: #040404;
            padding: 6px;
        }

        .calculator-inversion {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 20px;
            line-height: 30px;
            font-weight: 500;
            border: 1px solid #CCCBEB;
            border-radius: 8px;
            padding: 12px 24px;

            span {
                background: linear-gradient(to bottom, #4168D8, #6D34CF);
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
        }

        .disclaimer-left {
            font-size: 20px;
            display: flex;
            gap: 6px;
            color: #9593BD;
            width: 105px;
            border-right: 1px solid #EBEBFE;
            text-transform: uppercase;
            padding: 12px 16.1px;

            img {
                margin-top: -3px;
            }
        }

        /* =============== Calculator Items Styles =================== */
        .calculator-items {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }

        .calculator-lists-container {
            display: flex;
            flex-direction: column;
            gap: 17px;
            padding: 18px 12px 12px 12px;
        }


        .calculator-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 15px;
            border: 1px solid #EBEBFE;
            border-radius: 12px;
            background: #FDFDFD;
            cursor: pointer;
            transition: all 0.3s ease;
            min-width: 80px;
        }

        .calculator-item-percentage {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 5px;
        }

        .calculator-item-months {
            font-size: 18px;
            font-weight: 600;
            opacity: 0.8;
        }

        .calculator-item.calculator-item--active .calculator-item-months {
            opacity: 1;
        }

        /* =============== Projects Carousel Styles =================== */
        .owl-carousel .owl-stage-outer {
            padding: 30px 0;
        }

        .carousel-projects {
            padding: 20px 0 40px;
        }

        /* =============== Slick Carousel Styles =================== */
        .carousel-projects--slick {
            padding: 20px 0 40px;
            margin-top: -33px;
        }

        .carousel-projects--slick .project-card {
            cursor: pointer;
            position: relative;
            overflow: hidden;
            border-radius: 32px;
            width: 500px;
            height: 424px;
            box-shadow: 0 24px 60px rgba(0, 0, 0, .40), inset 0 0 0 1px rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .07);
            transition: all 0.3s ease;
            margin: 0 15px;
        }

        .carousel-projects--slick .project-card:hover {
            transform: translateY(-10px) scale(1.02);
            box-shadow: 0 30px 80px rgba(0, 0, 0, .60), inset 0 0 0 1px rgba(255, 255, 255, .08);
        }

        .carousel-projects--slick .project-card:hover img {
            transform: scale(1.05);
        }

        .carousel-projects--slick .project-card:hover::after {
            background: linear-gradient(180deg, rgba(17, 17, 34, 0.15) 20%, rgba(17, 17, 34, 0.75) 70%, rgba(17, 17, 34, 0.95) 100%);
        }

        .carousel-projects--slick .project-card:hover .project-card-overlay {
            transform: translateY(-6px);
        }

        .carousel-projects--slick .project-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .carousel-projects--slick .project-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, #0000, #1E1D33);
            transition: background 0.3s ease;
        }

        .carousel-projects--slick .project-card-overlay {
            position: absolute;
            bottom: 32px;
            left: 32px;
            z-index: 2;
            color: white;
            transition: transform 0.3s ease;
        }

        .carousel-projects--slick .project-card-city {
            font-size: 14px;
            margin: 0 0 8px 0;
            opacity: 0.8;
        }

        .carousel-projects--slick .project-card-code {
            font-size: 24px;
            font-weight: 700;
            margin: 0;
        }

        .shadow-none {
            box-shadow: none !important;
        }

        .btn-acesor {
            gap: 0 !important;
            align-self: flex-end;

            span {
                background: linear-gradient(to bottom, #4168D8, #6D34CF);
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
        }

        .tabs-cod-main {
            display: flex;
            gap: 4px;
            padding: 4px;
            background: #F9F9FF;
            border: 1px solid #EBEBFE;
            border-radius: 12px;
            height: fit-content;
            margin-bottom: 30px;
            font-weight: 400;
        }

        #rendimiento-title {
            font-weight: 500;
        }

        .tabs-cod-tab {
            position: relative;
            flex-grow: 1;
            border-radius: 8px;
            height: 50px;
            color: #535862;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            font-size: 18px;
            border: 1px solid #EBEBFE;
            cursor: pointer;

            /* z-index: ; */
            .tab-cod-content {
                position: absolute;
                background: #fdfdfd;
                width: 98%;
                height: 91%;
                display: flex;
                justify-content: center;
                align-items: center;
                z-index: 2;
                border-radius: 8px;
            }
        }

        .tabs-cod-main.tabs-cod-main--ahorro {
            margin-top: 50px;
            height: 104px;
            gap: 8px;
            padding: 8px;
            margin-bottom: -7px;
        }

        .tabs-cod-main--ahorro .tabs-cod-tab.tabs-cod-tab--active::after {
            bottom: 2px;
        }

        .tabs-cod-main.tabs-cod-main--ahorro .tabs-cod-tab {
            height: 100%;
        }

        .tabs-cod-main.tabs-cod-main--ahorro .tabs-cod-tab img {
            width: 48px;
            margin-right: 10px;
        }

        .tabs-cod-main.tabs-cod-main--ahorro .tab-cod-content {
            width: 99.2%;
            height: 93%;
            font-size: 30px;
            font-weight: 700;
            background: #F6F5FF;
            color: #0c0e1dcc;
        }

        .tabs-cod-main.tabs-cod-main--ahorro .tabs-cod-tab.tabs-cod-tab--active .tab-cod-content {
            color: #0C0E1D;
            background: #fdfdfd;
        }

        .value-cuotas {
            position: absolute;
            top: 14px;
            left: 169px;
            font-size: 16px;
            color: #9593BD;
        }

        .calculator-preloader {
            border-radius: 16px;
            background: #fdfdfd;
            padding: 12px;
            border: 1px solid #EBEBFE;
            height: fit-content;

            span {
                background: linear-gradient(to right, #4168D8, #6D34CF);
                -webkit-text-fill-color: transparent;
                background-clip: text;
                font-size: 20px;
            }
        }

        .finance-box {
            padding: 16px 20px;
            background: #27284E;
            border: 1px solid #3D3C5D;
            border-radius: 8px;
        }

        .ahorro-only-estimado {
            padding: 16px 20px !important;

            span {
                font-size: 18px !important;
            }
        }

        .calculator-preloader.calculator-preloader--ahorro .calculator-shield {
            background: #EDF1FD;
            border-color: #EBEBFE;
            padding: 12px;
            align-items: start;
            margin-top: 20px;

            span {
                font-size: 16px !important;
            }
        }

        .calculator-preloader.calculator-preloader--ahorro .calculator-shield.calculator-shield--yellow {
            background: #FFFAEB;
            margin-top: 0;

            span {
                background: #4168D8;
                background-clip: text;
            }
        }

        .subtitle-finance {
            color: #C6D3F9;
            font-size: 20px;
            font-weight: 500;

            &.subtitle-finance--two {
                margin-top: 35px;
            }
        }

        .arrow-double {
            margin: 13px auto;
            display: block;
        }

        .calculator-preloader.calculator-preloader--ahorro .calculator-shield strong {
            background: #4168D8;
            background-clip: text;
        }

        .calculator-preloader.calculator-preloader--ahorro {
            background: #202140;
            border-color: #616083;
            padding: 16px;

            img.rocket {
                filter: brightness(0) saturate(100%) invert(92%) sepia(15%) saturate(832%) hue-rotate(187deg) brightness(105%) contrast(98%);
            }
        }

        .calculator-preloader.calculator-preloader--ahorro .calculator-lists-item span {
            background: none;
            -webkit-text-fill-color: inherit;
            color: #EDF1FD;
        }

        .calculator-preloader.calculator-preloader--ahorro .calculator-tasa-title-value {
            padding: 0;
        }

        a.btn-cod-custom {
            gap: 6px !important;
            font-size: 16px !important;
            box-shadow: none !important;
            padding-right: 21px !important;
        }

        .calculator-preloader.calculator-preloader--ahorro .calculator-preloader-content {
            height: 452px;
            background: #202140;
            border: none;
        }

        .month-year {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            margin-top: 30px;

            span {
                -webkit-text-fill-color: inherit;
            }
        }

        .month-year-item {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #C6D3F9;
            position: relative;

            .month-year--green {
                color: #8FD96E;
                font-size: 34px;
                font-weight: 700;
            }
        }

        .month-year-item:nth-child(1)::after {
            content: "";
            position: absolute;
            height: 100%;
            width: 1px;
            background: linear-gradient(to top, #9593BD00, #9593BD, #9593BD00);
            right: 0;
        }

        .calculator-preloader-content {
            height: 272px;
            background: #F9F9FF;
            border-radius: 12px;
            border: 1px solid #EBEBFE;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 7px;
        }

        .calculator-preloader-content.ahorro-performance {
            height: 591px;
        }

        .calculator-preloader-content.ahorro-performance--left {
            height: 326px;
        }

        .tabs-cod-tab.tabs-cod-tab--active {
            background: #FDFDFD;
            cursor: default;
        }

        .tabs-cod-tab.tabs-cod-tab--active::after {
            content: "";
            position: absolute;
            top: 1px;
            bottom: 1px;
            right: 1px;
            left: 1px;
            background: linear-gradient(to right, #A57DD9, #84A1F3);
            border-radius: 8px;
            z-index: 1;
            transition: all 200ms ease-in-out;
        }

        .calculator-main--saving .btn-calculate {
            background: #4B9DA5 !important;
            border-color: #4B9DA5 !important;
        }

        .calculator-main--performance .btn-calculate {
            background: #552D9A !important;
            border-color: #552D9A !important;
        }

        .btn-acesor.btn-acesor--ahorro {
            justify-self: end;

            img {
                filter: brightness(0) saturate(100%) invert(32%) sepia(97%) saturate(716%) hue-rotate(196deg) brightness(100%) contrast(95%) !important;
            }
        }

        .btn-acesor.btn-acesor--ahorro span {
            background: none;
            -webkit-text-fill-color: inherit;
            color: #4168D8;
        }


        .btn-calculate {
            float: left;
            justify-content: center !important;
            font-weight: 600 !important;

            .arrow-btn-container {
                margin-right: 17px;
            }
        }

        .btn-acesor {
            float: left;
            justify-content: flex-start !important;
            font-weight: 600 !important;

            .arrow-btn-container {
                margin-right: 17px;
            }
        }

        .btn-calculate span {
            margin-left: 0;
        }

        .calculator-main--saving .btn-calculate.btn-calculate--active {
            background: #EBEBFE !important;
            color: #CCCBEB !important;
            cursor: wait !important;
            border-color: #EBEBFE !important;
        }

        .calculator-main--performance .btn-calculate.btn-calculate--active {
            background: #EBEBFE !important;
            color: #CCCBEB !important;
            cursor: wait !important;
            border-color: #EBEBFE !important;
        }

        .px-33 {
            padding: 0 33px;
        }

        .preloader-cod {
            animation: 1680ms loader ease infinite alternate, 800ms loader2 linear infinite;
            /* --duration-1680 and --duration-800 */
            stroke: url(#Gradient);
            stroke-linecap: round;
            stroke-width: 6;
            stroke-dasharray: 94.0955352783 94.0955352783;
            stroke-dashoffset: 0;
        }

        @keyframes loader {
            0% {
                stroke-dasharray: 84.0955352783 104.0955352783;
            }

            100% {
                stroke-dasharray: 178.19107055664062 10;
            }
        }

        @keyframes loader2 {
            0% {
                stroke-dashoffset: 0;
            }

            100% {
                stroke-dashoffset: -188.19107055664062;
            }
        }

        /* Slick Navigation Arrows */
        .carousel-projects--slick .slick-prev-custom,
        .carousel-projects--slick .slick-next-custom {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 120px;
            height: 100% !important;
            background: none;
            border: none;
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
        }

        .carousel-projects--slick .slick-prev-custom::before,
        .carousel-projects--slick .slick-next-custom::before {
            content: "";
            position: absolute;
            width: 48px;
            height: 48px;
            background: #cccbeb1f;
            border-radius: 50%;
        }

        .carousel-projects--slick .slick-prev-custom {
            left: 0;
            background: linear-gradient(90deg, #111122E5 0%, #11112200 100%);
        }

        .carousel-projects--slick .slick-next-custom {
            right: 0;
            background: linear-gradient(270deg, #111122E5 0%, #11112200 100%);
        }

        .carousel-projects--slick .slick-prev-custom img,
        .carousel-projects--slick .slick-next-custom img {
            width: 24px;
            height: 24px;
            object-fit: contain;
            z-index: 1;
        }

        .carousel-projects--slick .slick-prev-custom img {
            transform: rotate(180deg);
        }

        .projects-carousel .project-card {
            cursor: pointer;
            position: relative;
            overflow: hidden;
            border-radius: 32px;
            width: 500px;
            height: 424px;
            box-shadow: 0 24px 60px rgba(0, 0, 0, .40), inset 0 0 0 1px rgba(255, 255, 255, .06);
            border: 1px solid rgba(255, 255, 255, .07);
            transition: box-shadow .35s ease, transform .35s ease, border-color .35s ease;
        }

        .projects-carousel .project-card img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1.02);
            transition: transform .45s ease;
        }

        .projects-carousel .project-card::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            background: linear-gradient(180deg, rgba(17, 17, 34, 0.10) 20%, rgba(17, 17, 34, 0.65) 70%, rgba(17, 17, 34, 0.88) 100%);
            transition: background .35s ease;
        }

        .project-card-overlay {
            position: absolute;
            left: 30px;
            right: 30px;
            bottom: 30px;
            color: #fff;
            z-index: 2;
            transition: transform .35s ease, opacity .35s ease;
        }

        .project-card-city {
            margin: 0 0 8px 0;
            font-weight: 400;
            font-size: 18px;
            color: #CCCBEB;
        }

        .project-card-code {
            margin: 0;
            font-size: 30px;
            font-weight: 500;
            letter-spacing: .6px;
            color: #EBEBEB;
        }

        /* hover */
        .projects-carousel .project-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 28px 70px rgba(0, 0, 0, .48), inset 0 0 0 1px rgba(255, 255, 255, .08);
            border-color: rgba(255, 255, 255, .12);
        }

        .projects-carousel .project-card:hover img {
            transform: scale(1.07);
        }

        .projects-carousel .project-card:hover::after {
            background: linear-gradient(180deg, rgba(17, 17, 34, 0.08) 10%, rgba(17, 17, 34, 0.55) 60%, rgba(17, 17, 34, 0.90) 100%);
        }

        .projects-carousel .project-card:hover .project-card-overlay {
            transform: translateY(-6px);
            opacity: 1;
        }

        /* Owl nav overlay arrows inside carousel */
        .carousel-projects {
            position: relative;
        }

        .projects-carousel .owl-nav {
            position: absolute;
            inset: 0;
            height: 100%;
            pointer-events: none;
        }

        .projects-carousel .owl-nav button {
            position: absolute;
            top: 0;
            width: 120px;
            height: 100%;
            margin: 0;
            border: 0;
            background: transparent;
            font-size: 0;
            pointer-events: auto;
        }

        .projects-carousel .owl-nav .owl-prev {
            left: 0;
            background: linear-gradient(90deg, #111122E5 0%, #11112200 100%) !important;
        }

        .projects-carousel .owl-nav .owl-next {
            right: 0;
            background: linear-gradient(270deg, #111122E5 0%, #11112200 100%) !important;
        }

        .projects-carousel .owl-nav button::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 28px;
            height: 28px;
            transform: translate(-50%, -50%);
            background: url('./images/icon_chevron.png') center/contain no-repeat;
            filter: invert(1);
            opacity: .9;
        }

        .projects-carousel .owl-nav .owl-next::after {
            transform: translate(-50%, -50%) rotate(180deg);
        }

        .calculator-features {
            position: relative;
            z-index: 1;
            margin-top: 90px;
        }

        .calculator-features-title {
            text-align: center;
            font-size: 42px;
            font-weight: 700;
            color: #040404;

            span {
                color: #552D9A;
            }
        }

        .calculator-features-list {
            display: flex;
            flex-direction: column;
            gap: 64px;
        }

        .calculator-features-list-main {
            display: flex;
            justify-content: space-around;
            gap: 100px;
            margin-top: 80px;
        }

        .calculator-features-list-item {
            display: flex;
            align-items: center;
            gap: 24px;
            font-size: 30px;
            font-weight: 700;
            color: #552D9A;

            .number {
                color: #9593BD;
                margin-right: 10px;
            }
        }

        /* Responsive: Calculator Features */
        @media (max-width: 980px) {
            .calculator-features {
                margin-top: 60px;
            }

            .calculator-features-title {
                font-size: 36px;
            }

            .calculator-features-list-main {
                gap: 60px;
                margin-top: 60px;
            }

            .calculator-features-list {
                gap: 40px;
            }

            .calculator-features-list-item {
                font-size: 26px;
                gap: 20px;
            }
        }

        @media (max-width: 769px) {
            .calculator-features-list-main {
                flex-direction: column;
                gap: 40px;
                margin-top: 40px;
                align-items: center;
            }
        }

        @media (max-width: 680px) {
            .calculator-features {
                margin-top: 40px;
            }

            .calculator-features-title {
                font-size: 28px;
            }

            .calculator-features-list-main {
                flex-direction: column;
                gap: 40px;
                margin-top: 40px;
                align-items: center;
            }

            .calculator-features-list {
                gap: 30px;
                order: 2;
            }

            .calculator-features-list-main img {
                order: 1;
                max-width: 300px;
            }

            .calculator-features-list-item {
                font-size: 22px;
                gap: 16px;
            }
        }

        @media (max-width: 480px) {
            .calculator-features {
                margin-top: 30px;
            }

            .calculator-features-title {
                font-size: 24px;
            }

            .calculator-features-list-main {
                gap: 30px;
                margin-top: 30px;
            }

            .calculator-features-list {
                gap: 24px;
            }

            .calculator-features-list-main img {
                max-width: 250px;
            }

            .calculator-features-list-item {
                font-size: 18px;
                gap: 12px;
            }
        }

        .subtitle-span {
            font-size: 20px;
            color: #AABEF7;
            font-weight: 500;
        }

        .subtitle-span--purple {
            color: #552D9A;
        }

        .press {
            position: relative;
            padding: 90px 0;
            background-color: #F9F9FF;
        }

        .press-cta {
            position: relative;
            z-index: 1;
        }

        .press::before {
            content: "";
            position: absolute;
            top: 10%;
            width: 100%;
            height: 50%;
            background: radial-gradient(circle, rgba(198, 211, 249, 1) 0%, rgba(236, 221, 255, 1) 0%, #0000 62%);
            /* border: 2px solid red;*/
        }

        .press::after {
            content: "";
            position: absolute;
            bottom: 0;
            /* left: -31%; */
            width: 100%;
            height: 860px;
            background: radial-gradient(circle at bottom center, rgba(198, 211, 249, 1) 0%, rgba(236, 221, 255, 1) 0%, #0000 69%);
        }

        /* =============== Mobile Menu Styles =================== */
        .mobile-menu-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 9998;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .mobile-menu-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .mobile-menu {
            position: fixed;
            top: 0;
            right: -100%;
            width: 320px;
            height: 100%;
            background: #111122;
            z-index: 9999;
            transition: right 0.3s ease;
            overflow-y: auto;
            box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3);
        }

        .mobile-menu.active {
            right: 0;
        }

        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px;
            border-bottom: 1px solid #1E1D33;
        }

        .mobile-menu-logo img {
            height: 40px;
            width: auto;
        }

        .mobile-menu-close {
            background: none;
            border: none;
            cursor: pointer;
            padding: 5px;
            position: relative;
            width: 30px;
            height: 30px;
        }

        .mobile-menu-close span {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 2px;
            background: #FDFDFD;
            transform: translate(-50%, -50%);
        }

        .mobile-menu-close span:first-child {
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .mobile-menu-close span:last-child {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .mobile-menu-nav {
            padding: 20px;
        }

        .mobile-menu-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .mobile-menu-item {
            margin-bottom: 10px;
        }

        .mobile-menu-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 15px 0;
            color: #FDFDFD;
            text-decoration: none;
            font-size: 18px;
            font-weight: 500;
            border-bottom: 1px solid #1E1D33;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .mobile-menu-link:hover {
            color: #6C8EF1;
        }

        .mobile-menu-link .arrow-icon {
            width: 12px;
            height: 12px;
            transition: transform 0.3s ease;
            margin-left: 10px;
        }

        .mobile-menu-link.active .arrow-icon {
            transform: rotate(180deg);
        }

        .mobile-submenu {
            list-style: none;
            padding: 0;
            margin: 10px 0 0 20px;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transform: translateY(-10px);
            transition: all 0.3s ease;
        }

        .mobile-submenu.active {
            max-height: 200px;
            opacity: 1;
            transform: translateY(0);
        }

        .mobile-submenu li {
            margin-bottom: 8px;
        }

        .mobile-submenu a {
            color: #CCCBEB;
            text-decoration: none;
            font-size: 16px;
            padding: 8px 0;
            display: block;
            transition: color 0.3s ease;
        }

        .mobile-submenu a:hover {
            color: #6C8EF1;
        }

        .mobile-menu-buttons {
            margin-top: 30px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .mobile-btn {
            width: 100%;
            justify-content: center;
        }

        .mobile-menu-footer {
            margin-top: 30px;
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #1E1D33;
        }

        .mobile-flag {
            height: 24px;
            width: auto;
        }

        /* Show hamburger menu only on screens 1200px and below */
        @media (max-width: 1200px) {
            .resopen {
                display: block !important;
            }

            #navsc {
                display: none !important;
            }
        }

        @media (min-width: 1201px) {
            .resopen {
                display: none !important;
            }

            #navsc {
                display: block !important;
            }
        }

        .press-title.text-center {
            margin-top: 80px;
        }

        .press-title {
            text-align: left;
            font-size: 48px;
            font-weight: 700;
            color: #040404;
            position: relative;
            z-index: 1;
        }

        .benefits-back {
            background: #111122;
            padding: 90px 0;
        }

        .benefits-back-title {
            text-align: left;
            font-size: 42px;
            font-weight: 700;
            color: #FDFDFD;
            margin-bottom: 70px;

            span {
                color: #6C8EF1;
            }
        }

        .benefits-back-subtitle {
            text-align: center;
            font-size: 48px;
            font-weight: 700;
            color: #FDFDFD;

            span {
                color: #6C8EF1;
            }
        }

        .transform-180 {
            transform: rotate(180deg);
        }

        .card-benefit .btn-cod-custom {
            min-height: 44px !important;
        }

        .cards-benefits {
            display: grid;
            grid-template-columns: repeat(3, 382px);
            gap: 32px;
            margin-top: 90px;
            padding: 0 18px;
            position: relative;
            z-index: 1;
        }

        .card-benefit {
            border: 1px solid #1E1D33;
            background: #111122;
            padding: 32px;
            border-radius: 30px;
            min-height: 328px;
            transition: all 0.3s ease;
        }

        .card-benefit.card-benefit--first {
            border: 1px solid transparent;
            background: linear-gradient(#111122, #111122) padding-box,
                linear-gradient(135deg, #A57DD9, #84A1F3) border-box;
        }

        .card-benefit:hover {
            border: 1px solid transparent;
            background: linear-gradient(#111122, #111122) padding-box,
                linear-gradient(135deg, #A57DD9, #84A1F3) border-box;
            box-shadow: 0 8px 32px #007AFF4D;
        }

        .card-benefit-title {
            color: #fdfdfd;
            font-size: 30px;
            font-weight: 700;
            margin-top: 20px;
        }

        button.login-button {
            font-size: 16px !important;
            height: 44px !important;
            border-color: #F9F9FF80;
        }

        button.register-button {
            font-weight: 600;
            font-size: 16px !important;
            height: 44px !important;
        }
        .register-button {
            font-weight: 600;
            font-size: 16px !important;
            margin-right: 5px;
        }
        .ar-icon {
            margin-left: 50px;
        }

        .card-benefit-description {
            color: #EBEBFE;
            font-size: 18px;
            font-weight: 400;
            line-height: 30px;
        }

        .sponsors {
            /* background: red; */
            margin-top: 90px;
            padding: 32px 0;
            position: relative;
        }

        .sponsors::before,
        .sponsors::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent 0%, #3D3C5D 50%, transparent 100%);
        }

        .sponsors::before {
            top: 0;
        }

        .sponsors::after {
            bottom: 0;
        }

        .sponsors-title {
            text-align: center;
            font-weight: 500;
            font-size: 20px;
            color: #CCCBEB;
        }

        .sponsors-list {
            margin-top: 32px;
            display: flex;
            justify-content: center;
            gap: 100px;
        }

        /* =============== Press Carousel Styles =================== */
        .carousel-press {
            padding-left: 90px;
        }

        .carousel-press-slick {
            padding: 20px 0 40px;
            margin-top: 20px;
        }

        .carousel-press-slick .slick-track {
            padding-left: 90px;
        }

        .carousel-press-slick .press-card {
            cursor: pointer;
            position: relative;
            overflow: hidden;
            border-radius: 16px;
            width: 390px;
            height: 424px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, .15);
            border: 1px solid rgba(255, 255, 255, .1);
            transition: all 0.3s ease;
            margin: 0 15px;
        }

        .carousel-press-slick .press-card .press-card-source img {
            width: auto;
        }

        .carousel-press-slick .press-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, .25);
        }

        .carousel-press-slick .press-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }

        .carousel-press-slick .press-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, #0C0E1D33, #0C0E1D);
            transition: background 0.3s ease;
        }

        .carousel-press-slick .press-card-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 32px;
            color: white;
            z-index: 2;
        }

        .carousel-press-slick .press-card-source {
            font-size: 32px;
            font-weight: 700;
            margin: 0 0 12px 0;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #EBEBEB;
        }

        .carousel-press-slick .press-card-title {
            font-size: 20px;
            font-weight: 500;
            line-height: 1.4;
            margin: 0 0 50px 0;
            color: #EBEBEB;
        }

        .carousel-press-slick .press-card-link {
            color: #AABEF7;
            text-decoration: underline;
            font-size: 20px;
            font-weight: 500;
            display: inline-block;
            transition: opacity 0.3s ease;
        }

        .carousel-press-slick .press-card-overlay .d-flex span {
            color: #AABEF7;
            font-size: 20px;
            font-weight: 500;
        }

        .carousel-press-slick .press-card-link:hover {
            opacity: 0.8;
        }

        /* Press Carousel Navigation Arrows */
        .carousel-press-slick .slick-prev-custom,
        .carousel-press-slick .slick-next-custom {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 204px;
            height: 100% !important;
            background: none;
            border: none;
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
        }

        .carousel-press-slick .slick-prev-custom::before,
        .carousel-press-slick .slick-next-custom::before {
            content: "";
            position: absolute;
            width: 48px;
            height: 48px;
            background: #dacde57a;
            border-radius: 50%;
        }

        .carousel-press-slick .slick-prev-custom {
            left: -90px;
            background: linear-gradient(90deg, #F9F9FFE5 0%, #11112200 100%);
        }

        .carousel-press-slick .slick-next-custom {
            right: 0;
            background: linear-gradient(270deg, #F9F9FFE5 0%, #11112200 100%);
        }

        .carousel-press-slick .slick-prev-custom img,
        .carousel-press-slick .slick-next-custom img {
            width: 24px;
            height: 24px;
            object-fit: contain;
            z-index: 1;
            filter: brightness(0) saturate(100%) invert(17%) sepia(76%) saturate(1995%) hue-rotate(247deg) brightness(97%) contrast(96%);
        }

        .carousel-press-slick .slick-prev-custom img {
            transform: rotate(180deg);
        }

        /* =============== Outlined Button Styles =================== */
        .btn-cod--outlined {
            border: 1px solid #CCCBEB !important;
            background: #FDFDFD !important;
            color: #0C0E1D !important;
            transition: all 0.3s ease;
            width: fit-content;
            display: flex !important;
            align-items: center;
            gap: 10px;
            padding-right: 20px;
            height: 44px;
        }

        .btn-cod--outlined span {
            display: inline-flex;
        }

        .card-weare .btn-cod--outlined {
            padding: 0 20px 0 10px !important;
            height: 44px !important;
        }

        .card-weare .btn-cod--outlined span {
            font-size: 16px;
            color: #0C0E1D;
        }

        .btn-cod--outlined:hover {
            border-color: #CCCBEB !important;
            background: linear-gradient(90deg, #F8F8FF 0%, #F0F0F8 100%) !important;
            color: #0C0E1D !important;
        }

        .btn-cod--outlined .arrow-btn-container {
            background: #cccbeb5e !important;
            border-radius: 50%;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .btn-cod--outlined .arrow-btn-container img {
            width: 11.53px;
            transform: rotate(-90deg);
            filter: brightness(0) saturate(100%) invert(8%) sepia(17%) saturate(922%) hue-rotate(197deg) brightness(96%) contrast(104%);
        }

        .btn-cod--outlined .arrow-btn {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        /* =============== Fill Button Styles =================== */
        .btn-cod--fill {
            border: 1px solid #552D9A !important;
            background: #552D9A !important;
            color: #FDFDFD !important;
            transition: all 0.3s ease;
            width: fit-content;
            display: flex !important;
            align-items: center;
            gap: 10px;
            padding-right: 20px !important;
            height: 44px;
            font-weight: 700;
        }

        .btn-products {
            border: 1px solid #616083;
            padding-right: 20px !important;
        }

        .btn-cta-info {
            background: #4168D8;
            border: 1px solid #111122;
            color: #fdfdfd;
            padding-right: 20px !important;
        }

        .btn-cta-info:hover {
            background: #4168D8;
            border: 1px solid #111122;
            color: #fdfdfd;
        }

        .btn-cta-info img {
            transform: rotate(270deg);
        }

        .btn-cod--fill:hover {
            border-color: #552D9A !important;
            background: linear-gradient(90deg, #6A3BB3 0%, #5E2D9A 100%) !important;
            color: #FDFDFD !important;
        }

        .btn-cod--fill span {
            display: inline-flex;
        }

        .btn-cod--fill .arrow-btn-container {
            background: #fdfdfd2b !important;
            border-radius: 50%;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .btn-cod--fill .arrow-btn-container img {
            width: 11.53px;
            transform: rotate(-90deg);
            filter: brightness(0) saturate(100%) invert(94%) sepia(1%) saturate(1%) hue-rotate(353deg) brightness(109%) contrast(98%);
        }

        .videos {
            margin-top: 90px;
        }




        .menosgrande>h3,
        .menosgrande>h1,
        .menosgrande>h2 {
            float: none;
            width: 100%;
            font-size: 45px;
            line-height: 50px;
            color: #ffffff;
            font-family: Helvetica Now Display;
            letter-spacing: -1px;
            font-weight: normal;
            text-align: center;
        }

        .menosgrande>h3 strong,
        .menosgrande>h2 strong,
        .menosgrande>h1 strong {
            font-weight: 700;
            font-size: 45px;
            line-height: 20px;
        }

        .contentParra {
            max-width: 600px;
            padding-left: 28px;
        }

        .numberComoFun {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 96px;
            line-height: 124.8px;
            letter-spacing: 0%;
            text-align: center;
            color: #13E2D3;
            width: 80px;
        }

        .chico>h3 {
            float: left;
            width: 100%;
            font-size: 30px;
            line-height: 72px;
            color: #ffffff;
            font-family: Helvetica Now Display;
            letter-spacing: -1px;
            font-weight: normal;
        }

        .chico>h3 strong {
            font-weight: 700;
            font-size: 30px;
            line-height: 20px;
        }

        .finfos>p {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 15px;
            line-height: 30px;
            color: #ffffff;
            padding-left: 20px;
            border-left: 1px solid #8488c0;
            padding-right: 180px;
            letter-spacing: 0px;
        }

        .btns {
            float: left;
            width: 100%;
            margin: 0;
            position: relative;
            z-index: 100;
        }

        .btns>li {
            float: left;
            margin: 0;
            margin-right: 25px;
        }

        .btns2 {
            text-align: center;

            margin: 0px 0px 0px -25px !important;
            padding: 9px 0;
        }

        .btns2>li {}

        .theme-btn {
            border: 2px solid #ffffff;
            font-size: 14px;
            color: #fff;
            padding: 8px 20px;

            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px;
            border-radius: 25px;

            letter-spacing: 0px;
            float: left;
            font-family: Helvetica Now Display;
        }

        .btn-primary {
            border: none;
            padding: 5px 30px 10px 30px;
            color: #ffffff;
            position: relative;

            overflow: hidden;
            z-index: 1;
        }

        .btn-primary:before {

            background: rgb(2, 0, 36);
            background: linear-gradient(123deg, #6839ae 0%, #8f44cc 80%) 0% 0% no-repeat padding-box;
            position: absolute;
            content: "";

            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -1;

            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            -o-border-radius: 40px;
            border-radius: 40px;

            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
            transform: scale(1.5);

        }

        .gradient.theme-btn {
            border: none;
            padding: 5px 30px 10px 30px;
            color: #ffffff;
            position: relative;

            overflow: hidden;
            z-index: 1;
        }

        .gradient.theme-btn:before {

            background: rgb(2, 0, 36);
            background: linear-gradient(123deg, #6839ae 0%, #8f44cc 80%) 0% 0% no-repeat padding-box;
            position: absolute;
            content: "";

            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: -1;

            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            -o-border-radius: 40px;
            border-radius: 40px;

            -webkit-transform: scale(1.5);
            -moz-transform: scale(1.5);
            -ms-transform: scale(1.5);
            -o-transform: scale(1.5);
            transform: scale(1.5);

        }


        .button--loading .button__text {
            visibility: hidden;
            opacity: 0;
        }

        .button--loading::after {
            content: "";
            position: absolute;
            width: 16px;
            height: 16px;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            border: 4px solid transparent;
            border-top-color: #ffffff;
            border-radius: 50%;
            animation: button-loading-spinner 1s ease infinite;
        }

        @keyframes button-loading-spinner {
            from {
                transform: rotate(0turn);
            }

            to {
                transform: rotate(1turn);
            }
        }


        .social {
            float: left;
            width: 100%;
            margin-top: 50px;
        }

        .social a {
            float: left;
            font-size: 21px;
            color: #ced0e6;
            margin-right: 28px;
            position: relative;
        }

        .clsec {
            float: left;
            width: 100%;
            padding: 0 280px;
        }

        .cl {
            float: left;
            width: 20%;
            text-align: center;
            margin-top: 50px;
        }

        .cards-weare {
            display: flex;
            width: 100%;
            justify-content: center;
            gap: 32px;
            padding: 50px 18px 0;
        }

        .card-weare {
            border-radius: 20px;
            background: #ffffff85;
            border: 1px solid #EBEBFE;
            padding: 32px;
            color: #0C0E1D;
            width: 390px;
            min-height: 346px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            gap: 10px;
        }

        .card-weare-content {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            gap: 10px;
        }

        .card-weare-title {
            font-weight: 700;
            font-size: 24px;
        }

        .card-weare-description {
            font-weight: 400;
            font-size: 20px;
            color: #0C0E1D;
        }

        .cite-cta {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 50px;
            position: relative;
            z-index: 1;
        }

        .text-gradient-purple {
            font-size: 48px;
            font-weight: 700;
            text-align: center;
            line-height: 60px;
            letter-spacing: -2%;
            margin-top: 100px;
            background: linear-gradient(135deg, #5C2D9A, #6278B5 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .cite-cta .btn-cod-custom .arrow-btn-container {
            height: 34px !important;
            width: 34px !important;
        }


        /* Responsive: Press Section */
        @media (max-width: 980px) {
            .press-title {
                font-size: 40px;
            }

            .press-title.text-center {
                margin-top: 60px;
            }

            .carousel-press-slick .press-card-source {
                font-size: 28px;
            }

            .carousel-press-slick .press-card-title {
                font-size: 18px;
            }

            .carousel-press-slick .press-card-link {
                font-size: 18px;
            }

            .cards-weare {
                flex-direction: column;
                gap: 24px;
                padding: 40px 18px 0;
            }

            .card-weare {
                padding: 24px;
            }

            .card-weare-title {
                font-size: 22px;
            }

            .card-weare-description {
                font-size: 18px;
            }

            .cite-cta {
                gap: 40px;
            }

            .text-gradient-purple {
                font-size: 40px;
                margin-top: 80px;
            }
        }

        @media (max-width: 680px) {
            .press-title {
                font-size: 32px;
                text-align: center;
            }

            .press-title.text-center {
                margin-top: 40px;
            }

            .carousel-press {
                padding-left: 0;
            }

            .carousel-press-slick .press-card {
                margin: 0 10px;
            }

            .carousel-press-slick .press-card-source {
                font-size: 24px;
            }

            .carousel-press-slick .press-card-title {
                font-size: 16px;
            }

            .carousel-press-slick .press-card-link {
                font-size: 16px;
            }

            .cards-weare {
                gap: 20px;
                padding: 30px 10px 0;
            }

            .card-weare {
                padding: 20px;
            }

            .card-weare-title {
                font-size: 20px;
            }

            .card-weare-description {
                font-size: 16px;
            }

            .cite-cta {
                gap: 30px;
            }

            .text-gradient-purple {
                font-size: 32px;
                margin-top: 60px;
            }
        }

        @media (max-width: 480px) {
            .press-title {
                font-size: 28px;
            }

            .press-title.text-center {
                margin-top: 30px;
            }

            .carousel-press-slick .press-card {
                margin: 0 5px;
            }

            .carousel-press-slick .press-card-source {
                font-size: 20px;
            }

            .carousel-press-slick .press-card-title {
                font-size: 14px;
            }

            .carousel-press-slick .press-card-link {
                font-size: 14px;
            }

            .cards-weare {
                gap: 16px;
                padding: 20px 5px 0;
            }

            .card-weare {
                padding: 16px;
                width: 100%;
            }

            .card-weare-title {
                font-size: 18px;
            }

            .card-weare-description {
                font-size: 14px;
            }

            .cite-cta {
                gap: 24px;
            }

            .text-gradient-purple {
                font-size: 28px;
                margin-top: 40px;
            }
        }


        body.lines {
            background-image: url('../images/lines.png');
            background-repeat: repeat;
            margin: 0;
        }

        body div .expadding {
            padding: 0 280px !important;
        }

        .why-info {
            float: left;
            width: 100%;
            padding-right: 0px;
        }

        .why-info>h3 {
            float: left;
            width: 100%;
            font-size: 36px;
            color: #002060;
            font-family: Helvetica Now Display;
            letter-spacing: 0px;
            font-weight: 500;
        }

        .why-info>p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            line-height: 30px;
        }

        .fancybtn {
            float: left;
            width: 100%;
            margin-top: 40px;
        }

        .fancybtn>strong {
            font-size: 20px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
        }

        .fancybtn i {
            font-size: 15px;
            color: #f90150;
            font-style: normal;
            margin-top: 3px;
            display: block;
        }

        .pulse {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            cursor: pointer;
            position: relative;
            width: 48px;
            height: 48px;
            border: 2px solid #f90150;
            float: left;
            text-align: center;
            line-height: 48px;
            margin-right: 20px;
            background: #ffffff;
            z-index: 1;
        }

        .pulse:after {
            content: "";
            display: block;
            width: 35px;
            height: 35px;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            border: 2px solid #f90150;
            position: absolute;
            top: 4px;
            left: 5px;
            animation: pulse 2s cubic-bezier(0, .76, .2, 1.16) 0s infinite;
            opacity: 0.1;
            z-index: -6;
            background: #ffffff;
        }

        @keyframes pulse {
            0% {
                opacity: 1;

                -webkit-transform: scale(1);
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);

            }

            80% {
                opacity: 0;

                -webkit-transform: scale(2);
                -moz-transform: scale(2);
                -ms-transform: scale(2);
                -o-transform: scale(2);
                transform: scale(2);

            }

            100% {
                opacity: 0;

                -webkit-transform: scale(3);
                -moz-transform: scale(3);
                -ms-transform: scale(3);
                -o-transform: scale(3);
                transform: scale(3);

            }
        }

        .sersec {
            float: left;
            width: 100%;
            padding-left: 100px;
        }

        .ser {
            float: left;
            width: 100%;
            text-align: center;
            background: transparent;
            border: 1.5px solid #13E2D3;

            -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
            -ms-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
            -o-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);


            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            margin-bottom: 30px;
            padding: 24px 40px;
        }

        .ser p {


            color: #fff;
            margin: 0;
            margin-top: 10.61px;

            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            line-height: 21.6px;
            letter-spacing: 0%;
            text-align: center;


        }

        .contentImgCmFunc {
            background: #B47BFF33;
            width: 77px;
            height: 77px;
            border-radius: 100%;
            line-height: 74px;


        }

        .tc1 {
            background: #fff;

            box-shadow: 4px 4px 4px 0px rgba(80, 28, 109, 0.2);

        }

        .tc2 {
            background: #fff;
            box-shadow: 4px 4px 4px 0px rgba(80, 28, 109, 0.2);

        }

        .tc3 {
            background: #fff;
            box-shadow: 4px 4px 4px 0px rgba(80, 28, 109, 0.2);

        }

        .tc4 {
            background: #fff;
            box-shadow: 4px 4px 4px 0px rgba(80, 28, 109, 0.2);

        }

        .tc5 {
            background: rgba(221, 195, 255, 0.5);
        }

        .tc6 {
            background-color: rgba(221, 195, 255, 0.5);
        }

        .tc1::before {
            content: "1";
            color: #1C1C1C0D;
            position: absolute;
            top: -68px;
            left: 60%;
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 259.56px;
            line-height: 120%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;


        }

        .tc2::before {
            content: "2";
            color: #1C1C1C0D;
            position: absolute;
            top: -68px;
            left: 41%;
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 259.56px;
            line-height: 120%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

        }

        .tc3::before {
            content: "3";
            color: #1C1C1C0D;
            position: absolute;
            top: -68px;
            left: 41%;
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 259.56px;
            line-height: 120%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

        }

        .tc4::before {
            content: "4";
            color: #1C1C1C0D;
            position: absolute;
            top: -68px;
            left: 41%;
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 259.56px;
            line-height: 120%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

        }

        .tokenfesec {
            float: left;
            width: 100%;
            margin-bottom: 82px;
        }

        .tokenfesec>.row {
            margin: 0 -25px;
        }

        .tokenfesec>.row>div {
            padding: 0 30px;
        }

        .dark {
            color: rgba(39, 37, 37, 1);
            font-family: Helvetica Now Display;
            font-weight: 500 !important;
            font-size: 16px !important;
            ;
            line-height: 22px;
            letter-spacing: 0%;

        }

        .input_container {
            position: relative;

        }

        .control {
            height: 25px;
            margin: 0;
            padding-right: 5px;
            width: 100%;
        }

        .icon {
            position: absolute;
            bottom: 13px;
            right: 12px;
            width: 20px;
            height: 16px;
            border-width: 1.5px;
            border-width: 1.5px;
            z-index: 1;

        }

        .imgContrasena .icon {
            position: absolute;
            bottom: -29px;
            right: 12px;
            width: 20px;
            height: 16px;
            border-width: 1.5px;
            border-width: 1.5px;
            z-index: 1;

        }

        .contBg30dias {
            /* transition: all 1.5s; */
            transition:
                background-color 1.5s ease-in-out,

                color 1.5s ease-in-out,

                opacity 1.5s ease-in-out,

                transform 1.5s ease-in-out,

                width 0s ease-in;
            max-height: 102px;
            /* overflow-y: hidden;
                overflow-x: visible; */

            align-items: center;


            border-top-left-radius: 60px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 60px;

        }

        .contBg30dias.act {
            transition: background-color 1.5s ease-in-out,
                color 1.5s ease-in-out,
                opacity 1.5s ease-in-out,
                transform 1.5s ease-in-out,
                width 4.5s linear;
            width: 100px;
        }

        .contAnuncio {
            background: linear-gradient(118.11deg, #EEE1FF 38.94%, #97E8E6 100%);
            border: 1px solid #EBEBEB;
            border-radius: 10px;
            width: 1240px;
            /* height: 57px; */
            position: relative;
            left: -15px;
            padding: 8px;


        }

        .textRentCupos {

            background: #DEC5FF;
            border-radius: 4px;
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 11px;
            line-height: 26px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            color: #6F3BB3;
            padding: 3px 6px;


            ;

        }

        .lineTex {
            text-decoration: line-through;
        }

        .txtDescProyct {
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 16px;
            line-height: 26px;
            letter-spacing: 0%;

            color: #6F3BB3;

        }

        .contAnuncio p {
            color: #6F3BB3;

            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 24px;
            line-height: 30px;
            letter-spacing: 0%;
            /* vertical-align: middle; */

        }

        .modal {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .contAnuncio strong {
            font-family: Helvetica Now Display;
            font-weight: 900;
            font-size: 24px;
            line-height: 30px;
            letter-spacing: 0%;
            /* vertical-align: middle; */
            color: #460E8E;
        }

        .contBg30diasColor {
            background: #402F54;
            border: 1px solid rgba(235, 235, 235, 0.2);
            backdrop-filter: blur(30px)
        }

        .contBg30dias h3 {
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 0%;
            vertical-align: middle;

            color: rgba(105, 219, 217, 1);

        }

        .contBg30dias p {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 0%;
            vertical-align: middle;
            color: rgba(250, 250, 250, 1);
            ;

        }

        #laContr {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 14px;

            letter-spacing: 0%;

        }

        #laContr a {
            color: rgba(111, 59, 179, 1);
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 14px;

            letter-spacing: 0%;


        }

        .iconoboton {
            position: absolute;
            width: 14px;
            left: 13px;
            top: 6px !important;
        }

        .parallelogram-button {
            background-color: #6A1B9A;
            padding: 0 20px;
            color: white;
            padding: 0 68px;
            clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
            display: inline-block;
            box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);
            width: 57%;

        }

        .contBoxBordNew {
            box-shadow: 0px 0px 30px 0px #0000000D;
            border: 2.14px solid #EBEBEB;
            border-radius: 20px;
            margin: 20px 0;

        }

        .contImgNewComoFUn {
            /* max-width: 433px; */
            position: relative;
            top: 25px;
        }

        .boxNew {
            border-radius: 30px;
            overflow: hidden;
            height: 217px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

        .boxNew::before {
            content: "";
            position: absolute;
            width: 48px;
            height: 48px;
            background: url('../images/play.png') no-repeat;
            transition: all 300ms ease-in-out;
        }

        .boxNew:hover::before {
            transform: scale(1.3);
        }

        .boxNew.playing::before {
            display: none !important;
        }

        .boxNew.playing:hover::before {
            display: none !important;
        }

        .video-title {
            color: #EBEBFE;
            font-weight: 400;
            font-size: 24px;
            text-align: center;
            position: absolute;
            bottom: 20px;
        }

        .video-title::before {
            content: "";
            position: absolute;
            background: #4772ED;
            width: 48px;
            height: 2px;
            bottom: -1px;
        }

        /* Responsive: Benefits Section */
        @media (max-width: 980px) {
            .benefits-back {
                padding: 60px 0;
            }

            .benefits-back-title {
                font-size: 36px;
                margin-bottom: 50px;
            }

            .benefits-back-subtitle {
                font-size: 40px;
            }

            .cards-benefits {
                grid-template-columns: repeat(2, 1fr);
                gap: 24px;
                margin-top: 60px;
            }

            .card-benefit {
                padding: 24px;
                min-height: 280px;
            }

            .card-benefit-title {
                font-size: 26px;
            }

            .card-benefit-description {
                font-size: 18px;
                line-height: 26px;
            }

            .sponsors {
                margin-top: 60px;
            }

            .videos {
                margin-top: 60px;
            }
        }

        @media (max-width: 680px) {
            .benefits-back {
                padding: 40px 0;
            }

            .benefits-back-title {
                font-size: 28px;
                margin-bottom: 30px;
                text-align: left;
            }

            .benefits-back-subtitle {
                font-size: 32px;
            }

            .cards-benefits {
                grid-template-columns: 1fr;
                gap: 20px;
                margin-top: 40px;
                padding: 0 10px;
            }

            .card-benefit {
                padding: 20px;
                min-height: auto;
            }

            .card-benefit-title {
                font-size: 22px;
                margin-top: 15px;
            }

            .card-benefit-description {
                font-size: 16px;
                line-height: 24px;
            }

            .sponsors {
                margin-top: 40px;
            }

            .sponsors-list {
                flex-wrap: wrap;
                gap: 20px;
            }

            .sponsors-list img {
                max-width: 120px;
            }

            .videos {
                margin-top: 40px;
            }

            .videos .row {
                flex-direction: column;
                gap: 20px;
            }

            .boxNew {
                height: 200px;
            }
        }

        @media (max-width: 480px) {
            .benefits-back {
                padding: 30px 0;
            }

            .benefits-back-title {
                font-size: 24px;
                margin-bottom: 20px;
            }

            .benefits-back-subtitle {
                font-size: 26px;
            }

            .cards-benefits {
                gap: 16px;
                margin-top: 30px;
                padding: 0 5px;
            }

            .card-benefit {
                padding: 16px;
            }

            .card-benefit-title {
                font-size: 20px;
                margin-top: 12px;
            }

            .card-benefit-description {
                font-size: 14px;
                line-height: 20px;
            }

            .sponsors {
                margin-top: 30px;
            }

            .sponsors-list img {
                max-width: 100px;
            }

            .videos {
                margin-top: 30px;
            }

            .boxNew {
                height: 180px;
            }
        }

        .contImgNewComoFUn img {
            width: 100%;
            max-height: 542px;
        }

        .why-info h5 {
            font-family: Helvetica Now Display;
            font-weight: 800;
            font-size: 29px;
            line-height: 130%;
            letter-spacing: 0%;
            color: #592F8F;


        }

        .contIconParti {
            background: #1C1C1C0D;
            border-radius: 53%;
            width: 51px;
            height: 51px;
            line-height: 51px;
            /* margin: auto; */
            margin-bottom: 18px;
            margin-left: 27px;
            margin-top: -29px;
            text-align: center;
        }

        .contIconParti img {
            width: 60% !important;
        }

        .barraDegra {
            position: relative;
            left: 10px;
            padding-left: 12px;
        }

        .contentBar {
            width: 87%;
            height: 6px;
            margin: auto;
            border-radius: 4.5px;
            background: #D9D9D9;

        }

        #montoInputInvertir {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 36px;
            line-height: 110.00000000000001%;
            letter-spacing: -1.9%;
            text-align: right;
            vertical-align: middle;
            background: transparent;
            border: none;

        }

        .contMontoInput {
            position: relative;
            width: 200px;
            /* margin: auto; */
            margin-left: 25%;
        }

        .contMontoInput::after {
            content: '€';
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 36px;
            line-height: 123%;
            letter-spacing: -1.9%;
            text-align: center;
            vertical-align: middle;
            position: absolute;
            color: #ADAEC7;

            top: 10px;
        }

        #errorMontoInput {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 12px;
            line-height: 22px;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;
            color: #EF1818;
            border-top: 1px solid #EF1818;
            padding-top: 20px;
            width: 250px;
            margin: auto;



        }

        .barPro {
            /* width: 101px; */
            height: 6px;
            /* top: 37px;
left: 954px; */
            border-radius: 4.5px;
            background: linear-gradient(90deg, #FF0172 0%, #6F3BB3 100%);


        }

        .font-fechas {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 10px;
            line-height: 100%;
            letter-spacing: 0%;
            vertical-align: middle;
            color: #ADAEC7;

        }

        .w-600 {
            max-width: 600px !important;
            width: 600px !important;
        }

        .w-724 {
            width: 780px !important;
            max-width: 780px !important;

        }

        .radius20 {
            border-radius: 20px !important;
        }

        #invertir .modal-body {
            /* background: linear-gradient(180deg, rgba(22, 0, 51, 1) 0%, rgba(89, 47, 143, 1) 14.87%, rgba(250, 250, 250, 1) 51%); */

            background: linear-gradient(180deg, #1C1C1C 0%, #361F53 100%);
            border: 1px solid #4D4D4D;

            border-radius: 20px;

        }

        .contInverSec .contRadios {
            /* border: 1px solid rgba(173, 174, 199, 1); */
            border-radius: 8px;

        }

        .politicas {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 22px;
            line-height: 29.7px;
            letter-spacing: 0%;
            color: rgba(0, 0, 0, 1);
        }

        .politicas h5 {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 22px;
            line-height: 29.7px;
            letter-spacing: 0%;
            color: rgba(0, 0, 0, 1);

            margin-bottom: 22px;
        }

        .politicas p {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 18px;
            line-height: 25px;
            letter-spacing: 0%;
            margin-bottom: 22px;

        }

        .politicas ol ol {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 18px;
            line-height: 25px;
            letter-spacing: 0%;

        }

        .politicas ol ol h5 {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            line-height: 25px;
            letter-spacing: 0%;


        }

        .copiar {
            cursor: pointer !important;
            ;
        }

        .alert-successMsg {
            background: rgba(255, 250, 240, 1);
            color: rgba(69, 146, 33, 1);
            border: 0.5px solid rgba(69, 146, 33, 1) !important;
            border-radius: 7px !important;

            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 13px;
            line-height: 18px;
            letter-spacing: 0%;

        }

        .alertInfo {
            background: rgba(255, 250, 240, 1);
            color: rgba(111, 59, 179, 1);
            border: 0.5px solid rgba(111, 59, 179, 1) !important;
            border-radius: 7px !important;

            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 13px;
            line-height: 18px;
            letter-spacing: 0%;

        }

        .alert-dangerDatCuenta {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 16px;
            line-height: 45px;
            letter-spacing: 0%;
            color: rgba(239, 24, 24, 1) !important;
            border-radius: 7px !important;
            background: rgba(255, 211, 211, 1);
        }

        .enlaceRed {
            color: rgba(67, 35, 107, 1) !important;
            text-decoration: underline !important;
        }

        .politicas ul {
            list-style: disc;
            padding-left: 34px;
            margin-bottom: 22px;
        }

        .politicas ul li span {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 18px;
            line-height: 25px;
            letter-spacing: 0%;

        }

        .politicas ul span.dark {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            line-height: 25px;
            letter-spacing: 0%;
            color: rgba(0, 0, 0, 1);

        }

        .contPerNew {
            background: rgba(111, 59, 179, 1);
            width: 50px;
            height: 22px;
            top: 175px;
            left: 248px;
            border-radius: 50px;
            color: #fff;
            font-size: 13px;
            line-height: 22px;


        }

        .contInverSec .contRadios label {

            width: 168px;

            margin: 0 10px !important;
            height: 35px;
            line-height: 35px;
            border-radius: 40px;
            position: relative;
            color: rgba(39, 37, 37, 1);
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 14px;
            line-height: 35px;
            background: #FFFFFF;

            text-align: center;

            display: flex;
            justify-content: space-around;
            align-items: center;


        }

        . .contInverSec .contRadios label::after {
            /* content: ''; */
            position: absolute;
            /* width: 0px !important; */
            height: 15px !important;
            border-right: 0.5px solid rgba(173, 174, 199, 1);
            top: 11px;
            right: 0;
            left: unset;
        }

        .contInverSec .contRadios label.selected {
            background: #F8F2FF;

            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 16px;
            /* line-height: 110.00000000000001%; */
            letter-spacing: -1.9%;
            text-align: center;
            vertical-align: middle;

            border: 0.5px solid #6F3BB3 !important;
            box-shadow: #6F3BB3 0px 0px 5px;




        }

        .contInverSec .contRadios label.selected::after,
        .contInverSec .contRadios label:last-child::after {
            content: none;
        }

        .contInverSec .close {
            padding: 0 20px !important;
        }

        .container-modal {
            max-width: 504px;
            margin: auto;
            padding-top: 16px;
        }

        .contTextTotalCal {
            border: 1px solid rgba(173, 174, 199, 1);
            height: 66px;
            border-radius: 10px;

        }

        .contTextTotalCal h6 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 16px;
            line-height: 19.39px;
            letter-spacing: 0%;
            margin-bottom: 2px;
            color: rgba(39, 37, 37, 1);

        }

        .contTextTotalCal p {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 13px;
            line-height: 22px;
            letter-spacing: 0%;
            color: rgba(39, 37, 37, 1);
            margin-bottom: 0;

        }

        .contTotalCalculado h3 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 24px;
            line-height: 29.09px;
            letter-spacing: 0%;
            text-align: center;

        }

        #solicitarModulo {
            line-height: 3 !important;
        }

        .contCuadroRadius {
            /* border: 1px solid rgba(173, 174, 199, 1); */
            border-radius: 10px;
            background: #FFF;
            /* box-shadow: 0 0 10px #EBEBEB; */
        }

        .contCuadroRadius p {
            margin: 0;
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0%;
            vertical-align: middle;
            color: #1C1C1C;
            padding: 12px 40px;


        }

        #inversionAsegu {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-style: italic;
            font-size: 12px;
            line-height: 100%;
            letter-spacing: 0%;
            vertical-align: middle;
            color: #6F3BB3;

        }

        #inversionAsegu img {
            max-width: 666px;
            width: 100%;
        }

        .contCuadroRadius div {
            /* border-bottom:1px solid rgba(173, 174, 199, 1); ; */

        }

        .contCuadroRadius div:last-child {
            border-bottom: none;
        }

        .contMontosEurs {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            /* line-height: 21.82px; */
            letter-spacing: 0%;
            text-align: right;
            color: rgba(0, 0, 0, 1);

        }

        .contMontosEurs span {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            line-height: 21.82px;
            letter-spacing: 0%;
            text-align: right;

        }

        .montoInverNew {
            text-align: center;
        }

        .montoInverNew span {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 40px;
            line-height: 110.00000000000001%;
            letter-spacing: -1.9%;

            vertical-align: middle;

        }

        .imgContrasena {
            display: block;
            position: relative;
        }

        .contDataCuentaBan {
            border: 1px solid rgba(0, 69, 128, 1);
            border-radius: 10px 10px 0 0;
            padding: 20px 25px;
        }

        .contInfoCuenta {
            padding: 26px 45px;
            padding-bottom: 0;
        }

        .contInfoCuenta span {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 18px;
            line-height: 100%;
            letter-spacing: 0%;
            vertical-align: middle;
            color: rgba(39, 37, 37, 1);

        }

        .contCuadroRadius p.fontTP {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 20px;
            line-height: 100%;
            letter-spacing: 0%;
            vertical-align: middle;
            margin: 15px 0;

        }

        .contMontosEurs span.fontNumINv {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 20px;
            line-height: 100%;
            letter-spacing: 0%;
            text-align: right;
            vertical-align: middle;


        }

        .contDataCuentaBan h6 {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 14px;
            line-height: 16.8px;
            letter-spacing: 0%;
            color: rgba(39, 37, 37, 1);

        }

        .contInfoCuenta h5 {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 18px;
            line-height: 120%;
            letter-spacing: 0%;
            text-align: right;
            vertical-align: middle;

            color: rgba(39, 37, 37, 1);
        }

        .bgAle {
            background: rgba(255, 250, 240, 1);
            min-height: 128px;
            border: 0.5px solid rgba(173, 174, 199, 1);
            border-radius: 0 0 10px 10px;
        }

        .contAlertM {
            padding-left: 24px;
            padding-right: 18px;
            min-height: 60px;
        }

        .alertmsj {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0%;
            text-align: justify;
            vertical-align: middle;

            color: rgba(111, 59, 179, 1);
            margin: 0;

        }

        .alertmsj i {
            position: relative;
            left: -11px;
        }

        .contMontoATransferir {
            border: 1px solid rgba(0, 69, 128, 1);
            border-top: none;
            background: rgba(243, 245, 247, 1);
            padding: 10px 43px;
            border-radius: 0 0 10px 10px;
            height: 65px;
        }

        .contMontoATransferir p {
            margin: 0;
        }

        .contSign a {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 16px;
            line-height: 2.5 !important;
            letter-spacing: 0%;
            text-align: right;
            color: rgb(250, 250, 250) !important;


        }

        .btnSign {
            max-width: 270px;
        }

        .contSign2 {
            margin-top: 40px !important;
            margin-bottom: 40px !important;
        }

        .contSign .btnLOg,
        .contSign .btnLOgLine {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 16px;
            line-height: 17.6px;
            letter-spacing: 0%;
            text-align: center;
            min-width: 216px;
            height: 50px !important;
            padding: 0;

        }

        .contSign .btnLOgLine {
            margin-right: 24px;
            color: rgba(39, 37, 37, 1) !important;
        }

        .contSign3 {
            margin-top: 22px;
        }

        .contSign3 .btnLOgLine {
            margin-right: 0;
            color: rgba(39, 37, 37, 1);
            width: 190px;
        }

        #contacto .modal-content {
            background: rgba(28, 28, 28, 1);
            color: white;
        }

        #contacto p {
            color: white;
        }

        .subTextModal {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 0%;

        }

        .barraDegra::before {
            content: ' ';
            background: linear-gradient(180deg, #6F3BB3 0%, #13E2D3 100%);
            display: block;

            width: 15px;
            height: 100%;

            position: absolute;
            left: -2%;

        }

        .barraDegraINV {
            position: relative;
            /* left: 6px; */
        }

        .barraDegraINV::before {
            content: ' ';
            background: linear-gradient(180deg, #6F3BB3 0%, #13E2D3 100%);
            display: block;

            width: 15px;
            height: 100%;

            position: absolute;
            left: -3%;
        }

        .retirosTitle {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 22px;
            line-height: 22px;
            letter-spacing: 0%;
            vertical-align: middle;
            color: #6F3BB3;


        }

        #retiroModal p {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 0%;
            vertical-align: middle;
            color: #1C1C1C;

        }

        #retiroModal p a {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 18px;
            line-height: 22px;
            letter-spacing: 0%;
            vertical-align: middle;
            text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-offset: 0%;
            text-decoration-thickness: 0%;
            text-decoration-skip-ink: auto;
            color: #1C1C1C;

        }

        .tkenf {
            float: left;
            width: 100%;
            text-align: start;
            position: relative;
            -webkit-border-radius: 23.5px;
            -moz-border-radius: 23.5px;
            -ms-border-radius: 23.5px;
            -o-border-radius: 23.5px;
            border-radius: 23.5px;

            height: 188px;
            color: #ffffff;
            padding-top: 47px;
            border: 1.18px solid #EBEBEB;
            overflow: hidden;
            box-shadow: 0px 0px 23.5px 0px #0000001A;

        }

        hr {
            background-color: rgba(161, 161, 161, 1)
        }

        h5.card-title strong {
            font-size: 24px;
        }

        .card-body h5 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
            letter-spacing: 0%;




        }

        .tkenf span {
            float: left;
            width: 100%;
            font-size: 15px;
            padding-left: 15px;
            margin-top: 14px;
            color: #592F8F;
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 28.2px;
            line-height: 32.9px;
            letter-spacing: 0%;
            vertical-align: middle;


        }

        .whytoken {
            float: left;
            width: 100%;
            text-align: center;
        }

        .whytoken>h3 {
            float: left;
            width: 100%;
            font-size: 30px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
        }

        .whytoken>p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            line-height: 30px;
            padding: 0 280px;
            letter-spacing: 0px;
            margin-bottom: 60px;
        }

        .countsec {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 50px;
        }

        .countsec>h3 {
            float: left;
            width: 100%;
            font-size: 30px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
        }

        .countsec>p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            line-height: 30px;
            padding: 0 390px;
            letter-spacing: 0px;
            margin-bottom: 60px;
        }

        .countdown-soon {
            float: left;
            width: 100%;
            text-align: center;
            margin: 0;
        }

        .countdown-soon>li>span {
            float: none;
            display: inline-block;
            margin: 0;
            width: 110px;
            height: 110px;
            text-align: center;

            background: rgb(250, 57, 102);
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 57, 102, 1)), color-stop(32%, rgba(250, 57, 102, 1)), color-stop(100%, rgba(188, 2, 224, 1)));
            background: -webkit-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -o-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -ms-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: linear-gradient(to right, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fa3966', endColorstr='#bc02e0', GradientType=1);

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            position: relative;
            z-index: 0;
            font-size: 40px;
            color: #002060;
            font-weight: bold;
            line-height: 107px;
        }

        .countdown-soon>li>span::before {
            position: absolute;
            left: 0;
            top: 0;
            width: 106px;
            height: 106px;
            content: "";
            background: #ffffff;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            left: 50%;
            top: 50%;

            -webkit-transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
            -o-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);

            z-index: -1;
        }

        .countdown-soon>li {
            float: none;
            display: inline-block;
            width: 110px;
            margin: 0 15px;
        }

        .countsec .btns li {
            float: none;
            display: inline-block;
            margin: 0;
            margin-top: 20px;
        }

        .countsec .social {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 40px;
        }

        .countsec .social a {
            float: none;
            display: inline-block;
            margin: 0 10px;
            font-size: 21px;
            color: #8488c0;
        }

        .someblock {
            float: left;
            width: 100%;
            text-align: center;
            margin: 0;
        }

        .someblock>li {
            display: inline-block;
            position: relative;
            text-align: left;
            width: 280px;
            margin: 0;
            position: relative;
            padding-left: 40px;
            margin: 20px 0;
        }

        .someblock>li::before {
            position: absolute;
            left: 0;
            top: 9px;
            width: 25px;
            height: 1px;
            background: #ced0e6;
            content: "";
        }

        .someblock>li span,
        .someblock>li p {
            font-size: 15px;
            color: #443c62;
            font-family: Helvetica Now Display;
            margin: 0;
        }

        .distisec {
            float: left;
            width: 100%;
            text-align: center;
        }

        .distisec>h3 {
            float: left;
            width: 100%;
            font-size: 30px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
        }

        .chartsec {
            width: 385px;
            margin-top: 50px;
            position: relative;
            display: inline-block;
        }

        .chart-img {
            float: left;
            width: 100%;
            width: 385px;
            height: 385px;
            background-image: url('../images/ring.png');
            background-size: contain;
            background-repeat: no-repeat;
        }

        .charttip.one {
            top: 24px;
            left: -202px;
        }

        .charttip.one span {
            color: #76dfef;
        }

        .charttip.one:before {
            background: #76dfef;
        }

        .charttip.two {
            top: 155px;
            left: -265px;
        }

        .charttip.two span {
            color: #1485ec;
        }

        .charttip.two:before {
            background: #1485ec;
        }

        .charttip.three {
            top: 315px;
            left: -195px;
        }

        .charttip.three span {
            color: #009abc;
        }

        .charttip.three:before {
            background: #009abc;
        }

        .charttip.four {
            left: auto;
            right: -270px;
            top: 164px;
        }

        .charttip.four span {
            color: #31318e;
        }

        .charttip.four:before {
            background: #31318e;
        }

        .charttip.five {
            left: auto;
            right: -185px;
            top: 325px;
        }

        .charttip.five span {
            color: #0f62b0;
        }

        .charttip.five:before {
            background: #0f62b0;
        }

        .charttip {
            position: absolute;
            left: 0;
            top: 0;
            padding-right: 120px;
            width: 280px;
            text-align: right;
        }

        .charttip>span {
            float: left;
            width: 100%;
            font-size: 30px;
            font-weight: bold;
        }

        .charttip>p {
            float: left;
            width: 100%;
            margin: 0;
            color: #443c62;
            line-height: 24px;
        }

        .charttip::before {
            position: absolute;
            right: 0;
            top: 23px;
            width: 101px;
            height: 1px;
            content: "";
        }

        .charttip.flip {
            text-align: left;
            padding-left: 120px;
            padding-right: 0;
        }

        .charttip.flip::before {
            right: auto;
            left: 0;
        }

        .chartproceed {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 80px;
            display: table;
        }

        .chartproceed>div {
            display: table-cell;
            vertical-align: top;
            text-align: center;
        }

        .chartproceed>div.chartsinfo {
            display: table-cell;
            vertical-align: middle;
            text-align: left;
            width: 400px;
        }

        .chartsinfo>span {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            position: relative;
            margin: 23px 0;
        }

        .chartsinfo>span>i {
            float: left;
            width: 16px;
            height: 16px;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            margin: 2px 0;
            margin-right: 0px;
            margin-right: 20px;
        }

        .chartsinfo>span>i.clr1 {
            background-color: #fd6742;
        }

        .chartsinfo>span>i.clr2 {
            background-color: #ffc856;
        }

        .chartsinfo>span>i.clr3 {
            background-color: #90d661;
        }

        .chartsinfo>span>i.clr4 {
            background-color: #47cbff;
        }

        .chartsinfo>span>i.clr5 {
            background-color: #4a77f6;
        }

        .chartsinfo>span>i.clr6 {
            background-color: #1c4aa1;
        }

        .roadmapsec {
            float: left;
            width: 100%;
        }

        .roadmapsec>h3 {
            float: left;
            width: 100%;
            font-size: 30px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
            text-align: center;
        }

        .roadnavsec {
            float: none;
            display: inline-block;
            width: 425px;
            position: relative;
            left: 50%;

            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);


            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;


            background: rgb(250, 57, 102);
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 57, 102, 1)), color-stop(32%, rgba(250, 57, 102, 1)), color-stop(100%, rgba(188, 2, 224, 1)));
            background: -webkit-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -o-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -ms-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: linear-gradient(to right, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa3966', endColorstr='#bc02e0', GradientType=1);
        }

        .roadnav {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0 30px;
        }

        .roadnav>li {
            float: none;
            display: inline-block;
        }

        .roadnav li {
            margin: 0;
        }

        .roadnav li span {
            float: left;
            width: 100%;
            text-align: center;
            color: #ffffff;
            font-size: 15px;
            font-family: Helvetica Now Display;
            padding: 23px 0;
            cursor: pointer;
            position: relative;
            z-index: 0;
        }

        .roadnav li.slick-slide.slick-current.slick-active.slick-center span::before {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            content: "";
            background: #ffffff;
            height: 100%;

            -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);


            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;

            z-index: -1;
        }

        .roadnav li.slick-slide.slick-current.slick-active.slick-center span {
            color: #1d1d76;
        }

        .roadcontent {
            float: left;
            width: 100%;
            margin: 0;
            padding-top: 30px;
            position: relative;
        }

        .roadcontent::before {
            position: absolute;
            left: 0;
            top: 210px;
            height: 2px;
            width: 100%;
            background: #dfe2ff;
            /* content: ""; */
            transform: rotateY(71deg) skewY(-3deg);
        }

        .roadcontent::after {
            position: absolute;
            right: -34%;
            top: 160px;
            height: 2px;
            width: 100%;
            background: #dfe2ff;
            /* content: ""; */
            transform: rotateY(69deg);
            z-index: -1;
        }

        .rxt1 {
            margin-top: 19.3% !important;
            top: -33px;
            left: 30px;
        }

        .rxt1::before {
            position: absolute;
            left: -15% !important;
            top: 30% !important;
            width: 1px;
            height: 69% !important;
            content: "";

        }

        .rxt1>i.cl1 {

            top: 17%;
            left: -20%;
        }

        .rxt2 {

            margin-top: -12% !important;
            padding-left: 38px;
            padding-top: 132px !important;
        }

        .rxt2::before {
            position: absolute;
            left: 0;
            top: 50% !important;
            width: 1px;
            height: 60% !important;
            content: "";
            /* background: #e4e5f4; */
            background: white;
            background-image: radial-gradient(black 4px, transparent 0);
            background-size: 13px 17px;
            background-position: -19px -19px;

        }

        .rxt2>i.cl2 {
            background-color: #0ee3d3;
            top: 112%;
        }

        .rxt3 {
            margin-top: 16.5% !important;

            top: -57px;
            left: 30px;
        }

        .rxt3::before {
            position: absolute;
            left: -15% !important;
            top: 31% !important;
            width: 1px;
            height: 68% !important;
            content: "";


        }

        .rxt3>i.cl3 {

            left: -21%;
            top: 20%;
        }

        .rxt4 {
            margin-top: -15.5% !important;
        }

        .rxt4::before {
            position: absolute;
            left: -15.5% !important;
            top: 47% !important;
            width: 1px;
            height: 77% !important;
            content: "";

        }

        .rxt4>i.cl4 {
            background-color: #0ee3d3;
            top: 123%;
            left: -21%;
        }

        .rxt5 {
            margin-top: 130px !important;
            top: -70px;
        }

        .rxt5::before {
            position: absolute;
            left: -15% !important;
            top: 31% !important;
            width: 1px;
            height: 68% !important;
            content: "";


        }

        .rxt5>i.cl5 {

            left: -21%;
            top: 25%;
        }

        .rxt6 {
            margin-top: -22.5% !important;
        }

        .rxt6::before {
            position: absolute;
            left: -15% !important;
            top: 47% !important;
            width: 1px;
            height: 77% !important;
            content: "";
        }

        .rxt6>i.cl6 {
            background-color: #0ee3d3;
            top: 120%;
            left: -20.5%;
        }

        .roadmap>i.cl6:before {
            background-color: #0ee3d3;
        }

        .roadcontent .slick-slide {
            text-align: center;
        }

        .roadmap-1::before {
            position: absolute;
            left: -191%;
            top: -2px;
            width: 100%;
            height: 2px;
            width: 288%;
            background: #dfe2ff;
            /* content: ""; */
            z-index: -1;
            /* transform: rotateY(71deg) skewY(-2deg); */
        }

        #three {
            background-image: url('../images/Line 3.png');
            background-repeat: no-repeat;
            /* background-position: center; */
            background-position: 55% 36%;
            background-size: 1440px;
            margin-top: 145px;

        }

        .equipoSec p {
            margin: 0;
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 24px;
            line-height: 140%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

            color: #FFFFFF;


        }

        .contInfoEqi {
            text-align: center;
            position: relative;
            top: -107px;
            left: 10px;
            width: 264px;
            height: 96px;
            border-radius: 16px;
            background: #71717180;
            backdrop-filter: blur(10px);
            padding-top: 14px;



        }

        .roadcontent .slick-slide .roadmap {
            float: none;
            display: inline-block;
            padding-top: 110px;
            position: relative;
            text-align: left;
            width: 180px;
        }

        .roadcontent .slick-slide .roadmap {
            float: none;
            display: inline-block;
            padding-top: 110px;
            position: relative;
            text-align: left;
            width: 180px;
            float: left;
            margin-top: 230px;
        }

        .roadmap::before {
            position: absolute;
            left: 0;
            top: 39px;
            width: 1px;
            height: 50px;
            content: "";
            background: white;

            background-image: radial-gradient(rgba(173, 174, 199, 1) 4px, transparent 0);
            background-size: 13px 17px;
            background-position: -19px -19px;
        }

        .roadmap>i {
            position: absolute;
            left: -13px;
            top: -13px;
            width: 26px;
            height: 26px;
            background: #666666;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

        }

        .roadmap>i::before {

            position: absolute;
            left: 50%;
            top: 50%;
            width: 42px;
            height: 42px;
            content: "";

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            z-index: -1;

            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);

            opacity: 0.1;

        }

        .rmcontent {

            float: none;
            display: inline-block;
            position: relative;
            z-index: 1;

            padding-left: 230px;
        }

        .roadmap>h1 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 36px;
            line-height: 43.2px;
            letter-spacing: 0%;
            color: rgba(0, 0, 0, 1);

        }

        .roadmap>h3 {

            float: left;
            width: 100%;

            color: rgba(0, 0, 0, 1);
            margin: 0;

            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            line-height: 21.6px;
            letter-spacing: 0%;


        }

        .roadmap>p {

            float: left;
            width: 100%;
            font-size: 15px;
            color: rgba(0, 0, 0, 1);
            line-height: 28px;
            margin: 0;
            margin-top: 0px;
            margin-top: 8px;
            padding-right: 70px;
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 18px;
            line-height: 21.6px;
            letter-spacing: 0%;


        }

        .roadmap>i.cl1,
        .roadmap>i.cl1:before {
            background-color: #0ee3d3;
        }

        .roadmap>i.cl2,
        .roadmap>i.cl2:before {
            background-color: #0ee3d3;
        }

        .roadmap>i.cl3,
        .roadmap>i.cl3:before {
            background-color: #0ee3d3;
        }

        .roadmap>i.cl4,
        .roadmap>i.cl4:before {
            background-color: #0ee3d3;
        }

        .roadmap>i.cl5,
        .roadmap>i.cl5:before {
            background-color: #0ee3d3;
        }

        body div .expadding.noright {
            padding-right: 0 !important;
        }

        .countdown-soon>li>p {
            float: left;
            width: 100%;
            font-size: 15px;
            text-transform: uppercase;
            margin-top: 20px;
            color: #443c62;
        }

        .teaminfos {
            float: left;
            width: 340px;
            margin-top: 60px;
        }

        .teaminfos>h3 {
            float: left;
            width: 100%;
            color: #ffffff;
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 30px;
            margin-bottom: 30px;
        }

        .teaminfos>p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #ffffff;
            line-height: 30px;
            margin: 0;
        }

        .teamline::before {
            position: absolute;
            left: 0;
            top: 441px;
            width: 100%;
            height: 1px;
            background: #5C2D9A;
            content: "";
        }

        .teamlist {
            float: left;
            width: 100%;
            margin-left: 140px;
            margin-top: 60px;
            margin-bottom: 60px;
        }

        .teamcarousel {
            float: left;
            width: 100%;
            margin: 0;
        }

        .teamcarousel li {
            padding: 0 14px;
            margin: 0;
        }

        .team {
            float: left;
            width: 100%;
            background: #282e7e;
            position: relative;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

        }

        .team img {
            float: left;
            width: 100%;

            -webkit-border-radius: 10px 10px 0px 0px;
            -moz-border-radius: 10px 10px 0px 0px;
            -ms-border-radius: 10px 10px 0px 0px;
            -o-border-radius: 10px 10px 0px 0px;
            border-radius: 10px 10px 0px 0px;

        }

        .team>h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            color: #ffffff;
            font-size: 20px;
            margin: 0;
            margin-top: 0px;
            margin-top: 30px;
            padding-left: 30px;
            font-weight: normal;
        }

        .team>span {
            float: left;
            width: 100%;
            color: #8488c0;
            font-size: 15px;
            padding-left: 30px;
            margin-top: 8px;
            margin-bottom: 30px;
        }

        .team>.social {
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 18px;
            position: absolute;
            bottom: 116px;
            left: 0;
            z-index: 1;
            width: 100%;
            padding: 10px;
            text-align: center;
            background: rgba(33, 31, 95, 0.6);
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
        }

        .team>.social a {
            color: #c1c9ff;
            float: none !important;
            font-size: 15px !important;
            margin-right: 10px !important;
        }

        .team:hover .social {
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .teamcarousel button {
            position: absolute;
            left: -660px;
            top: 294px;
        }

        .teamcarousel button.slick-next {
            background-position: 0px -20px;
            right: 200px;
        }

        .teamcarousel button::before {
            display: none;
        }

        #footerSect {
            background-color: #111122;
            border-top: 1px solid #1E1D33;
            padding-top: 30px;
        }

        #footerSect i {
            color: #13E2D3 !important;
        }

        #acercadeSect {
            margin-top: 84px;
        }

        .containerNav {
            max-width: 1324px;
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

        #acercadeSect h3 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 34px;
            line-height: 40.8px;
            letter-spacing: 0%;

        }

        #acercadeSect p {
            text-align: justify;
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 17px;
            line-height: 24.3px;
            letter-spacing: 0%;
            color: rgba(0, 0, 0, 1) !important;


        }

        #acercadeSect .font-weight-bold,
        #acercadeSect strong {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            line-height: 24.3px;
            letter-spacing: 0%;
            color: rgba(0, 0, 0, 1) !important;
        }

        #sectEquipo {
            margin-top: 50px;
        }

        #contSectEquipo .contImgEquipo {
            border-radius: 20px;
            overflow: hidden;
        }

        #contSectEquipo .dark {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            line-height: 25.2px;
            letter-spacing: 0%;

            color: rgba(88, 88, 88, 1);
        }

        #contSectEquipo .dark span {
            border-bottom: 1px white solid;

            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 18px;
            line-height: 140%;
            letter-spacing: 0%;
            vertical-align: middle;
            /* text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-offset: 0%;
            text-decoration-thickness: 0%; */
            color: white;


        }

        #contSectEquipo i,
        #contSectEquipo a {
            display: inline-block;
            vertical-align: middle;
        }

        .faqsec {
            float: left;
            width: 100%;
            text-align: left;
        }

        .faqsec>h3 {
            float: left;
            width: 100%;
            font-size: 30px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
            text-align: center;
            margin-bottom: 120px;
        }

        #toggle-widget {
            text-align: left;
            float: left;
            width: 100%;
        }

        #toggle-widget>h2 {
            float: left;
            width: 100%;
            position: relative;
            height: 60px;
            background: #f2f7ff;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

            color: #443c62;
            font-family: Helvetica Now Display;
            font-size: 18px;
            padding: 18px 40px;
            cursor: pointer;
            margin-bottom: 13px;
            font-weight: normal;
            margin-top: 0;
        }

        #toggle-widget>h2::before {
            position: absolute;
            content: "";
            background-image: url('../images/faq.png');
            width: 16px;
            height: 23px;
            background-repeat: no-repeat;
            right: 30px;
            top: 17px;

            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);

        }

        #toggle-widget>h2.active::before {

            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);

        }

        #toggle-widget .content {
            float: left;
            width: 100%;
        }

        #toggle-widget .content p {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #443c62;
            padding-left: 37px;
            padding-right: 90px;
            margin-bottom: 27px;
            margin-top: 18px;
        }

        #toggle-widget>h2.active {
            background: #ffffff;

            -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
            -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
            -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);

        }

        .contactsec {
            float: left;
            width: 100%;
            display: table;
        }

        .contactsec>h3 {
            float: left;
            width: 100%;
            font-size: 30px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
            text-align: center;
            margin-bottom: 60px;
        }

        .contactlists {
            display: table-cell;
            vertical-align: top;
            width: 100%;
        }

        .contactlists>span {
            float: left;
            width: 100%;
            margin-bottom: 50px;
        }

        .contactlists>span>strong {

            width: 100px;
            height: 100px;
            background: #ffffff;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            padding: 22px 0;

            text-align: center;
            float: left;
            margin-right: 41px;

            -webkit-box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);
            -moz-box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);
            -ms-box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);
            -o-box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);
            box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);

        }

        .consec {

            display: table;
            float: left;
            width: 100%;

        }

        .contactlists>span i {
            display: block;
            margin: 0;
            line-height: 30px;
            font-size: 15px;
            color: #443c62;
            font-style: normal;
            margin: 19px 0;
        }

        .contactformsec {
            float: left;
            width: 670px;
            background: #ffffff;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 40px;

            -webkit-box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);
            -moz-box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);
            -ms-box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);
            -o-box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);
            box-shadow: 0px 0px 50px rgb(148, 128, 224, 0.1);

        }

        .contactformsec>form {
            float: left;
            width: 100%;
        }

        .contactformsec>form>input,
        .contactformsec>form>textarea {
            float: left;
            width: 100%;
            background: #f2f7ff;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            font-family: Helvetica Now Display;
            font-size: 15px;
            color: #443c62;
        }

        .contactformsec>form .theme-btn {
            float: left;
            width: 100%;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            font-size: 15px;
            font-family: Helvetica Now Display;
            padding: 18px 0;
            background: none;
            position: relative;
            z-index: 0;
        }

        .contactlists .social a {
            font-size: 15px;
            color: #ced0e6;
        }

        .bottomline {
            float: left;
            width: 100%;
            text-align: center;
            background: #ffffff;
            font-size: 15px;
            color: #443c62;
            padding: 30px 0;
            padding-bottom: 30px;
            padding-bottom: 23px;
            margin-top: 90px;
        }


        /* foo */
        .contLogF {
            border: 1px solid #1E1D33;
            width: 1218px;
            margin-left: -15px;
        }

        /* .contLogF::before {
            content: '';
            width: 44%;
            height: 1px;
            border: 1px solid #FFFFFF80;
            position: absolute;
            left: 0;
            ;
        }

        .contLogF::after {
            content: '';
            width: 44%;
            height: 1px;
            border: 1px solid #FFFFFF80;
            position: absolute;
            right: 0;
            ;
        } */

        .buttonload {}

        /* Add a right margin to each icon */
        .buttonload .fa {
            margin-left: -12px;
            margin-right: 8px;
        }

        .contCopy {
            /* background: #51218F4D; */
            /* border-radius: 0 0 10px 10px; */
            /* padding: 15.5px; */
            color: #868686;
            /* font-size: 12px; */
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 14px;
            line-height: 25px;
            letter-spacing: 0%;
            text-align: justify;
        }

        .contCopy a {
            color: #9593BD !important;
        }

        .colorTex p {
            color: #616083;
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 14px;
            line-height: 25px;
            letter-spacing: 0%;
            text-align: justify;
            margin-top: 50px;
        }

        .copyright-text {
            font-size: 14px;
            color: #616083;
        }

        /* endfoo */
        .btnAut {
            font-weight: 600;
            background: transparent;
            border-radius: 30px;
            border: 1px solid #6F3BB3;

            display: inline-block;
            width: 200px;
            height: 50px !important;
            border-radius: 50px;
            border-width: 1px;
            text-align: center;
            line-height: 44px;

        }


        .btnAut:hover {
            background: #f7f2fe;
            font-weight: 500;
            color: #5C2D9A;
        }

        .btnAutcolor {
            font-weight: 600;
            border-radius: 30px;
            border: 1px solid #5C2D9A;
            display: inline-block;
            width: 200px;
            height: 50px !important;
            border-radius: 50px;
            border-width: 1px;
            text-align: center;
            line-height: 44px;
            background-image: linear-gradient(to right, #5C2D9A, #5C2D9A);
            color: #ffffff !important;

        }


        .btnAutcolor:hover {
            background-image: linear-gradient(to right, #511da0, #3f0c78);
            color: black;
        }

        .MtNAv {
            height: 80px;
        }

        /* login inicio modales regisro */
        .bgImgLogin {
            /* background-image: url('../images/loginimg.png'); */
            background-size: cover;
            background-position: center;
            border-radius: 0 10px 10px 0 !important;

        }

        #modMsCOnt .modal-body {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }

        #modMsCOnt .w-600 {
            max-width: 735px !important;
            width: 100% !important;
        }

        #guardarDatosCuentaLeft.btnLOg {
            background: rgba(92, 45, 154, 1);
            color: #fff;
        }

        #cancelarEdicion {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-style: Bold;
            font-size: 18px;
            /* leading-trim: NONE; */
            line-height: 110.00000000000001%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

            color: #5C2D9A;
            text-decoration: none !important;

        }

        .btnAutVio {
            border: 1px solid rgba(92, 45, 154, 1);
            height: 50px;
            /* angle: 0 deg; */
            opacity: 1;
            /* top: 393px;
            left: 20px; */
            border-radius: 50px;
            border-width: 1px;

            font-family: Helvetica Now Display;
            font-weight: 700;
            font-style: Bold;
            font-size: 18px;
            /* leading-trim: NONE; */
            line-height: 110.00000000000001%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

            text-decoration: none !important;

            margin: auto;


        }

        #modMsCOnt p {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-style: Regular;
            font-size: 16px;
            /* leading-trim: NONE; */
            line-height: 28px;
            letter-spacing: 0%;
            vertical-align: middle;

        }

        #modMsCOnt .btnLOgLineOut,
        #modMsCOnt .btnLOgLine {
            width: 200px;
            margin: 0 5px;
        }

        .logIng {
            background: rgba(28, 28, 28, 1) !important;
            border: 1px solid rgba(77, 77, 77, 1) !important;
            border-radius: 30px;
            color: #fff;


        }


        .logIng p {
            color: #fff;
        }

        .logIng a {
            color: rgba(105, 219, 217, 1);
        }

        .wdt,
        .wdtRegs {
            /* max-width: 990px !important; */

        }

        /* .wdtRegs {
    max-width: 900px !important;
} */

        label {
            padding: 0 !important;
        }

        label::before {
            content: normal;
            -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
            -ms-border-radius: 0 !important;
            -o-border-radius: 0 !important;
            border-radius: 0 !important;
            /* background: #e9eaf7; */
            border-radius: 0 !important;
        }

        input[type="text"],
        input[type="password"],
        input[type="email"] {
            /* background: rgba(43, 43, 43, 1) none repeat scroll 0 0; */
            /* border: 1px solid #ADAEC7; */
            float: none;
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 0;
            padding: 12px;
            width: 100%;
            border-radius: 10px;
            /* color: #fff; */

        }

        .modalNor input[type="text"],
        .modalNor input[type="password"],
        .modalNor input[type="email"] {
            background: rgba(43, 43, 43, 1) none repeat scroll 0 0;
            border: none;
            float: none;
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 0;
            padding: 12px;
            width: 100%;
            border-radius: 10px;
            color: #fff;

        }

        .modalNor input[type="text"]:focus,
        .modalNor input[type="password"]:focus,
        .modalNor input[type="email"]:focus {
            background: rgba(43, 43, 43, 1);
            color: #fff;

        }

        .modalNor input[type="text"]:-webkit-autofill,
        .modalNor input[type="text"]:-webkit-autofill:focus,
        .modalNor input[type="password"]:-webkit-autofill,
        .modalNor input[type="email"]:-webkit-autofill,
        .modalNor input[type="email"]:-webkit-autofill:focus {

            -webkit-box-shadow: 0 0 0px 1000px rgba(43, 43, 43, 1) inset !important;

            -webkit-text-fill-color: #fff !important;
        }

        #fechaNac {
            text-align: center;
            /* font-size: 14px; */
            /* padding: 0; */
            /* border: none; */
            word-spacing: 1.3rem;
        }

        .contMsgDatCu {
            background: rgba(249, 241, 220, 1);
            border-radius: 10px;
            padding: 10px 11px;
        }

        .contMsgDatCu h5 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-style: Bold;
            font-size: 16px;
            /* leading-trim: NONE; */
            line-height: 20px;
            letter-spacing: 0%;
            vertical-align: middle;
            color: rgba(67, 35, 107, 1);


        }

        .contMsgDatCu p {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-style: Regular;
            font-size: 16px;
            leading-trim: NONE;
            line-height: 22px;
            letter-spacing: 0%;
            vertical-align: middle;
            color: rgba(67, 35, 107, 1);
            margin: 0;

        }

        .labelArchivo {
            width: 100%;
            height: 60px;
            /* top: 361px;
            left: 16px; */
            border-radius: 10px;
            border: 1px solid rgba(92, 45, 154, 1);
            opacity: 1;
            border-width: 1px;

            padding: 0 23px !important;

            font-family: Helvetica Now Display;
            font-weight: 500;
            font-style: Medium;
            font-size: 18px;
            /* leading-trim: NONE; */
            line-height: 100%;
            letter-spacing: 0%;
            vertical-align: middle;
            color: rgba(92, 45, 154, 1);



        }

        .contentCargaArch {
            width: 100%;
            min-height: 60px;

            border-radius: 10px;
            border-width: 0.5px;
            padding: 15px 23px !important;
            opacity: 1;
            border: 0.5px solid rgba(235, 235, 235, 1);
            box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.15);


        }

        #contfechaNac {
            /* background: rgba(43, 43, 43, 1) none repeat scroll 0 0; */
            /* border: 1px solid #ADAEC7; */
            float: none;
            font-size: 12px;
            font-weight: 400;
            margin-bottom: 0;
            padding: 0px;
            width: 100%;
            height: 44px;
            border-radius: 10px;
            position: relative;
            display: flex;
        }

        .modal #contfechaNac {
            background: rgba(43, 43, 43, 1) none repeat scroll 0 0;
        }

        #contfechaNac input {
            background: transparent;
            border: none;
            /* border-right: 1px solid #ADAEC7; */
            /* color: #1C1C1C; */
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 0;
            padding: 0px;
            width: calc(100% / 3);
            border-radius: 0;
            text-align: center;

        }

        #contfechaNac input:disabled {
            cursor: default;

            color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
        }

        #contfechaNac input:focus {
            box-shadow: none;
        }


        #contfechaNac::after {
            content: '';
            width: 1px;
            height: 100%;
            /* background: #ADAEC7; */
            position: absolute;
            top: 0px;
            right: calc(100% - 66.3%);

        }

        #contfechaNac::before {
            content: '';
            width: 1px;
            height: 100%;
            /* background: #ADAEC7; */
            position: absolute;
            top: 0px;
            left: calc(100% - 67.2%);

        }

        .iti__country-container::before {
            /* content: ''; */
            width: 1px;
            height: 100%;
            background: #ADAEC7;
            position: absolute;
            top: 0px;
            right: 0;
            z-index: 1;
        }

        /* #contactForm .iti ::before {
    content: none;
    width: 1px;
    height: 100%;
    background: #ADAEC7;
    position: absolute;
    top: 0px;
    left:0;
    z-index: 1;
}  */
        #contfechaNac.errorFecha {
            border: 1px solid red !important;
        }

        #contfechaNac.errorFecha::before,
        #contfechaNac.errorFecha::after {
            background: red !important;
        }

        .logoLog {
            width: 150px;
        }

        .contTextModalInfoAvisoInversion .logIng {

            background: linear-gradient(180deg, #4F2784 0%, #160033 100%);

        }

        .contTextModalInfoAvisoInversion .close {
            opacity: 1;
            position: relative;
            z-index: 99;
        }


        .contTextModalInfoAvisoInversion .btnLOgLine {
            background: transparent;
            border: 1px solid white;
            color: white;
        }

        .contTextModalInfoAvisoInversion .contImgIlust {
            /* display: flex;
            justify-content: space-between; */
            position: relative;

        }

        .contTextModalInfoAvisoInversion .contImgIlust .itemContImgIlust {
            position: absolute;
            width: 300px;
        }

        .contTextModalInfoAvisoInversion .contImgIlust .itemContImgIlust:nth-child(1) {
            transform: rotate(165deg);
        }

        .contTextModalInfoAvisoInversion .contImgIlust .itemContImgIlust:nth-child(2) {
            right: 0;
        }

        .contTextModalInfoAvisoInversion .contTextAv {
            /* margin-top: 210px; */
            color: #fff;
            padding: 240px 0;
        }

        .contTextModalInfoAvisoInversion .contTextAv h5 {
            color: #fff;
        }

        .contTextModalInfoAvisoInversion .contTextAv p {
            color: #fff;
            max-width: 278px;
        }

        .contTextModalInfoAvisoInversion .contImgIlust .itemContImgIlust img {
            width: 100%;
        }

        .contTextModalInfoAviso h5 {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 24px;
            line-height: 29.09px;
            letter-spacing: 0%;
            text-align: center;
            /* color: rgba(39, 37, 37, 1); */
        }

        .contTextModalInfoAviso p {
            font-family: Helvetica Now Display;
            font-weight: 500 !important;
            font-size: 16px !important;
            line-height: 22px !important;
            ;
            letter-spacing: 0%;
            text-align: center;
            max-width: 341px;
            margin: auto;
            margin-bottom: 30px;
        }

        #revisCoContacto p {
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: 0%;
            text-align: center;
            color: #fff;
        }


        .textLA {
            font-family: "Helvetica Now Display";
            font-size: 16px;
            font-weight: 400;
            line-height: 45px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: #fff;
            margin-bottom: 20px;

        }

        .aLogin {
            color: gray;
        }

        .divModal {
            border: 1px solid rgba(235, 235, 235, 0.2);
            margin: 24px 0;
        }

        .btnLOg {

            width: 100%;
            height: 40px !important;
            /* top: 480px; */
            /* left: 188px; */
            float: none;
            gap: 0px;
            opacity: 1;
            background-image: linear-gradient(to left, rgba(92, 45, 154, 1), rgba(92, 45, 154, 1));
            border-radius: 50px;
            color: #fff;
            transition: all 0.3s ease;

        }

        .btnLOg:hover {
            background-image: linear-gradient(90deg, rgba(110, 55, 174, 1) 0%, rgba(92, 45, 154, 1) 100%);
        }

        .contProgressBardInv {
            width: 100%;
            max-width: 433px;
            margin: auto;
            margin-top: -9px;
        }

        .contProgressBardInv .progress {
            height: 8px;
        }

        .bg-Degb {
            background: linear-gradient(90deg, #6F3BB3 0%, #69DBD9 100%);

        }

        .modal .btnLOg,
        #SectChangeContra .btnLOg {

            width: 100%;
            height: 40px !important;
            /* top: 480px; */
            /* left: 188px; */
            float: none;
            gap: 0px;
            opacity: 1;
            background-image: linear-gradient(to left, rgba(92, 45, 154, 1), rgba(92, 45, 154, 1));
            border-radius: 50px;
            color: #fff;

        }

        .modal .btnLOg:hover {
            background-image: linear-gradient(90deg, rgba(110, 55, 174, 1) 0%, rgba(92, 45, 154, 1) 100%);
            font-weight: 500;


        }

        .loadbtn {


            background-size: 100% 200%;

            -webkit-transition: background-position 5s;
            -moz-transition: background-position 5s;
            transition: background-position 5s;
            animation-name: loadBt;
            animation-duration: 20s;
            animation-iteration-count: infinite;


        }

        @keyframes loadBt {
            0% {
                background-position: left 0em bottom 10px;
            }

            100% {
                background-position: left 40em bottom 10px;
            }
        }

        .loadbtnBtnWi {

            background-image: linear-gradient(to left, #fff, #e7d6fa);
            background-size: 100% 200%;

            -webkit-transition: background-position 5s;
            -moz-transition: background-position 5s;
            transition: background-position 5s;
            animation-name: loadBt;
            animation-duration: 4s;
            animation-iteration-count: infinite;


        }

        /* @keyframes loadBt {
      0%   {background-position: left 0em bottom 10px;}
    
      100% {background-position: left 40em bottom 10px;}
    } */
        body.color {
            background: #322f89;
            margin: 0;
        }

        .fsec.s4 {
            float: left;
            width: 100%;
            padding: 0;
        }

        .fsec.s4 .finfos>p {
            padding: 0;
            border: none;
            margin-bottom: 38px;
        }

        .fcount .countdown-soon>li>span::before {
            display: none;
        }

        .fcount .countdown-soon>li>span {
            width: 70px;
            height: 70px;
            background: #ffffff;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

            font-size: 30px;
            font-family: Helvetica Now Display;
            font-weight: 500;
            color: #0ee3d3;
            line-height: 70px;
            padding: 0;
        }

        .fcount .countdown-soon>li>p {
            width: 100%;
            font-size: 15px;
            color: #7f88e1;
            font-family: Helvetica Now Display;
            text-transform: capitalize;
            margin: 0;
            margin-top: 0px;
            margin-top: 6px;
        }

        .fsec.s4 .finfos {
            padding: 0;
        }

        .prosec {
            float: left;
            width: 100%;
            padding: 0 13px;
            margin-top: 21px;
        }

        .prosec>span {
            font-size: 15px;
            color: #7f88e1;
            font-family: Helvetica Now Display;
        }

        .prosec>p {
            font-size: 15px;
            color: #7f88e1;
            font-family: Helvetica Now Display;
            margin: 0;
        }

        .progresssec {
            float: left;
            width: 100%;
            background: #fff;
            height: 15px;

            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px;
            border-radius: 30px;

            margin-top: 11px;
            margin-bottom: 4px;
        }

        .rpogressbar {
            float: left;
            height: 15px;
            background: #002060;

            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px;
            border-radius: 30px;

        }

        .fcount .btns {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 30px;
        }

        .fcount .btns li {
            float: none;
            display: inline-block;
            margin: 0;
        }

        .fcount .social {
            float: left;
            width: 100%;
            margin-top: 37px;
            text-align: center;
        }

        .fcount .social a {
            float: none;
            display: inline-block;
            font-size: 18px;
            color: #8488c0;
            margin: 0 10px;
        }

        .fsec.s4 .finfos>h1 {
            margin-top: -40px;
        }

        .fcount {
            float: left;
            width: 350px;
            margin-right: 80px;
            margin-top: 45px;
        }

        .fsec.s4 .finfos .theme-btn.blank {
            padding: 16px 42px;
        }

        .why-info.s2.color p {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 23px;
            line-height: 130%;
            letter-spacing: 0%;
            color: #4D4D4D;
        }

        .why-info.s2.color h5 {
            margin-bottom: 12px;
        }

        .why-info.s2.color h3 {
            color: #ffffff;
        }

        .why-info.s2.color .fancybtn i {
            color: #c1c9ff;
        }

        .why-info.s2.color .fancybtn strong {
            color: #ffffff;
        }

        .why-info.s2.color .fancybtn span {
            background: none;
            border-color: #ffffff;
        }

        .why-info.s2.color .fancybtn span:after {
            border-color: #ffffff;
        }

        .sersec.color .ser {
            background: none;
            border: 2px solid #494a9b;

            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;

        }

        .sersec.color .ser p {
            color: #aeb5f0;
        }

        .whytoken.color>h3 {
            color: #ffffff;
        }

        .whytoken.color>p {
            color: #c1c9ff;
            padding: 0 170px;
        }

        .whytoken.color .tkenf {
            height: 155px;
            padding: 17px 0;
        }

        .countsec.color>h3 {
            color: #ffffff;
        }

        .countsec.color>p {
            color: #c1c9ff;
        }

        .countsec.color .countdown-soon li span {
            color: #ffffff;
        }

        .countsec.color .countdown-soon li p {
            color: #ffffff;
        }

        .countsec.color .someblock li span,
        .countsec.color .someblock li p {
            color: #c1c9ff;
        }

        .distisec.color>h3 {
            color: #ffffff;
        }

        .distisec.color .chart-img {
            background-image: url('../images/ring2.png');
        }

        .distisec.color .charttip span {
            color: #47cbff;
            font-family: Helvetica Now Display;
        }

        .distisec.color .charttip p {
            color: #c1c9ff;
        }

        .distisec.color .charttip::before {
            background: #47cbff;
        }

        .distisec.color .chartsinfo span {
            color: #c1c9ff;
        }

        .roadmapsec.color>h3 {
            color: #ffffff;
            margin-bottom: 90px;
        }

        .roadmapsec.color .roadnavsec {
            background: #1d1d76;
        }

        .roadmapsec.color .roadcontent::before {
            background: #4d4dad;
        }

        .roadmapsec.color .roadmap>i {
            background: #ffc430;
        }

        .roadmapsec.color .roadmap>i::before {
            background: #c1c9ff;
        }

        .roadmapsec.color .roadmap::before {
            background: #e4e5f4;
        }

        .roadmapsec.color .roadmap>h3 {
            color: #ffffff;
        }

        .roadmapsec.color .roadmap>p {
            color: #c1c9ff;
        }

        .teamlist.color .team {
            background: #1e246c;
        }

        .partnersec.color>h3 {
            color: #ffffff;
        }

        .faqsec.color>h3 {
            color: #ffffff;
            margin-bottom: 30px;
        }

        .faqsec.color #toggle-widget h2 {
            background: #28276f;
            color: #ffffff;
        }

        .faqsec.color #toggle-widget h2.active {
            background: #ffffff;
            color: #002060;
        }

        .faqsec.color #toggle-widget .content p {
            color: #c1c9ff;
        }

        .contactsec.color>h3 {
            color: #ffffff;
        }

        .contactsec.color .contactlists {
            padding: 0;
        }

        .contactsec.color .contactformsec {

            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;

        }

        .contactsec.color .consec.s2 .contactformsec input,
        .contactsec.color .consec.s2 .contactformsec textarea {
            color: #c1c9ff !important;
            border-color: #5d5da2;
        }

        .bottomline.s2.color {
            border-top: 1px solid #58589d;
        }

        .bottomline.s2.color span {
            color: #c1c9ff;
        }

        header.flat {
            padding: 0;
        }

        .fsec.slice {
            padding: 0;
            margin-top: 50px;
            position: relative;
            z-index: 2;
        }

        .fcount.s2 {
            background: #0ee3d3;
            padding: 33px 20px;
            width: 380px;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

        }

        /* =============== Botones Reutilizables =================== */
        .btn-cod-custom {
            border: 1px solid transparent;
            background: transparent;
            color: inherit;
            transition: all 0.3s ease;
            width: fit-content;
            display: flex !important;
            align-items: center;
            gap: 10px;
            padding-right: 20px;
            height: 44px;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            
        }

        .btn-cod-custom span {
            display: inline-flex;
        }

        .btn-cod-custom:hover {
            opacity: 0.9;
            transform: translateY(-1px);
        }

        .btn-cod-custom .arrow-btn-container {
            border-radius: 50%;
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .btn-cod-custom .arrow-btn-container img {
            width: 14px;
            object-fit: contain;
        }

        .btn-cod-custom .arrow-btn {
            width: 20px;
            height: 20px;
            object-fit: contain;
        }

        .fcount.s2 {

            float: left;
            width: 100%;
            text-align: center;
            color: #ffffff;
            font-family: Helvetica Now Display;
            font-weight: 500;
            margin: 0;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-bottom: 25px;
            font-size: 25px;
            margin-top: 6px;

            width: 400px;
        }

        .costb {
            float: left;
            width: 100%;
            margin: 0;
            margin-top: 0px;
            margin-top: 30px;
            padding: 0 12px;
        }

        .costb>li {
            float: left;
            width: 50%;
            text-align: left;
        }

        .costb>li>h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            color: #ffffff;
            font-size: 25px;
            font-weight: normal;
            margin: 0;
            margin-bottom: 0px;
            margin-bottom: 5px;
        }

        .costb>li>span {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #7f88e1;
        }

        .costb>li:last-child {
            text-align: right;
        }

        .fsec.slice .finfos>h1 {
            margin-top: -50px;
            margin-bottom: 30px;
        }

        .clsec.s2 {
            padding: 0;
        }

        .sliceup {
            float: left;
            width: 100%;
            margin-top: 70px;
        }

        .block.sliceimg {
            padding-bottom: 120px;
        }

        .tokenfesec.s2.gapless {
            padding-left: 0;
        }

        .tokenfesec.s2.gapless .row>div {
            padding: 0 14px;
        }

        .nomargin {
            margin: 0;
        }

        .countdown-soon.sflat {
            float: none;
            display: inline-block;
            width: auto;
            background: #0ee3d3;

            -webkit-border-radius: 26px;
            -moz-border-radius: 26px;
            -ms-border-radius: 26px;
            -o-border-radius: 26px;
            border-radius: 26px;

            padding: 36px 0px;
            padding-bottom: 41px;
            margin-bottom: 40px;
        }

        .countdown-soon.sflat>li {
            margin: 0 20px;
        }

        .countdown-soon.sflat>li>span::before {
            display: none;
        }

        .countdown-soon.sflat>li>span {
            background: none;
            width: auto;
            height: auto;
            line-height: normal;
            color: #ffffff;
        }

        .countdown-soon.sflat>li>p {
            color: #002060;
            margin: 0;
        }

        .faqsec.s3 #toggle-widget h2 {
            background: #e8eafa;
        }

        .sliceimg2 .consec.s2 .contactformsec>form input,
        .sliceimg2 .consec.s2 .contactformsec>form textarea {
            border-bottom: 1px solid #8b92d9;
        }

        .sliceimg2 .contactformsec>form .theme-btncontact {
            border-radius: 25px;
            background: rgb(250, 57, 102);
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 57, 102, 1)), color-stop(32%, rgba(250, 57, 102, 1)), color-stop(100%, rgba(188, 2, 224, 1)));
            background: -webkit-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -o-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -ms-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: linear-gradient(to right, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa3966', endColorstr='#bc02e0', GradientType=1);
            padding: 8px 20px;
            margin-right: 13px;
        }

        .sliceimg2 .contactformsec>form .theme-btncontact:hover {
            border-radius: 25px;
            background: rgb(250, 57, 102);
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 57, 102, 1)), color-stop(32%, rgba(250, 57, 102, 1)), color-stop(100%, rgba(188, 2, 224, 1)));
            background: -webkit-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -o-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -ms-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: linear-gradient(to right, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa3966', endColorstr='#bc02e0', GradientType=1);
        }

        .sliceimg2 .bottomline {
            background: #0ee3d3 !important;
        }

        .countsec.slice>p {
            padding: 0 290px;
        }

        .open-minimal-menu {
            float: left;
            margin: 0;
            position: relative;
            margin: 11px 0;
            width: 37px;
            display: none;
        }

        /* Hamburger two */
        #hamburger-two {
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
        }

        #hamburger-two:before {
            content: '';
            display: block;
            position: absolute;
            height: 80px;
            width: 80px;
            background: transparent;
            top: -23px;
            left: -5px;

            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
        }

        #hamburger-two span {
            display: block;
            width: 70%;
            height: 3px;
            left: 15%;
            background: #fff;
            position: absolute;
        }

        #hamburger-two span:nth-of-type(1) {
            top: 0px;
            left: auto;
            right: 15%;
        }

        #hamburger-two span:nth-of-type(2) {
            top: 9px;
        }

        #hamburger-two span:nth-of-type(2):before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
            width: 100%;
            height: 100%;
        }

        #hamburger-two span:nth-of-type(3) {
            top: 18px;
            left: 15%;
        }

        #hamburger-two.active span:nth-of-type(1),
        #hamburger-two.active span:nth-of-type(3) {
            width: 0%;
        }

        #hamburger-two.active span:nth-of-type(2) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #hamburger-two.active span:nth-of-type(2):before {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        #hamburger-two {
            float: left;
            width: 100%;
            cursor: pointer;

            -webkit-transform: scale(0.7);
            -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
            -o-transform: scale(0.7);
            transform: scale(0.7);
            margin-left: -8px;
            margin-top: 5px;
        }

        header.sticky {
            background: #111122 !important;
            position: fixed;

            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
            -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
            -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
            /* box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); */

        }

        header.sticky .logo img {
            width: 156px;
        }

        .logo {
            margin: auto;
        }

        .logo>a {
            float: left;
            position: relative;
        }

        .logo>a img {
            float: left;
            width: 156px;
        }

        header.sticky .menusec {
            margin: 0;
        }

        header.sticky .logo {
            margin: 13px 0;
        }

        header.sticky.light {
            background: #fff;
        }

        .simple.theme-btn {
            background: #5C2D9A;
            color: #ffffff;
        }

        .theme-btn.blank.simple2 {
            background: #f2f2f2;
            border: none;
            color: #0ee3d3;
        }

        .fa {
            font-size: 20px;
        }


        .theme-btn.blank.simple2.enviar {
            margin-left: 40%;
        }

        .theme-btn.blank.simple2:hover {
            border-color: #ffffff;
            color: #0ee3d3;
        }

        .s2.bottomline .scrollup::before {
            background: #ffffff;
        }

        .s2.bottomline .scrollup a {
            color: #ffffff;
        }

        .bottomline.s2 .scrollup {
            bottom: 142px;
        }

        .g4.gradient.theme-btn:before {

            background: rgb(2, 0, 36);
            background: linear-gradient(123deg, #6839ae 0%, #8f44cc 80%) 0% 0% no-repeat padding-box;
        }

        .gradient.g4.theme-btn {
            color: #232323;
        }

        .fsec.s4 .finfos .theme-btn.blank:hover {
            border-color: #ffffff;
        }

        .fsec.s3 .theme-btn.blank:hover {
            border-color: #ffffff;
        }

        .whytoken.s2.lowgape p {
            padding-left: 50px;
        }

        .roadmapsec.lshort .roadcontent::before {}

        .roadmapsec.lshort {
            position: relative;
        }

        .roadmapsec.lshort .rmcontent {
            padding-left: 100px;
        }

        .block.gray.glight {
            background: #f9faff;
        }

        .gradient.g5.theme-btn:before {

            background: rgb(2, 0, 36);
            background: linear-gradient(123deg, #6839ae 0%, #8f44cc 80%) 0% 0% no-repeat padding-box;
        }

        .fsec.s2 .theme-btn.blank:hover {
            background-color: #8488c0;
            border-color: #8488c0;
            color: #ffffff;
        }

        .menusec nav>ul>li:hover::before {
            width: 100%;
        }

        .menusec nav>ul>li.active::before {
            width: 100%;
        }

        .contactformsec>form .loader {
            background: #ffffff;

            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px;

            float: right;
            margin-top: -38px;
            position: relative;
            margin-right: 20px;
        }

        nav>ul>li.menu-item-has-children ul {
            background: #1C1C1C;
            -webkit-border-radius: 0px 0px 10px 10px;
            -moz-border-radius: 0px 0px 10px 10px;
            -ms-border-radius: 0px 0px 10px 10px;
            -o-border-radius: 0px 0px 10px 10px;
            border-radius: 0px 0px 10px 10px;
            left: -150px;
            list-style: outside none none;
            margin: 0;
            position: absolute;
            top: 100%;
            visibility: hidden;
            width: 220px;
            opacity: 0;
            transition: all 0.4s ease 0s;
            padding: 10px 0px;
        }

        .menusec nav li.menu-item-has-children:hover>ul {
            opacity: 1;
            visibility: visible;

        }

        nav>ul>li.menu-item-has-children ul>li {
            float: left;
            width: 100%;
            padding: 8px 30px;
            margin: 0;
            color: white;
            display: flex;
            justify-content: right;

        }

        .dividerBottom a {
            border-bottom: 1px solid #DEC5FF80;
            padding-bottom: 16px;
        }

        nav>ul>li.menu-item-has-children ul>li a {
            float: left;
            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 16px;
            line-height: 17.6px;
            letter-spacing: 0%;
            color: #fff;
            text-align: right;
            display: block;
        }

        nav>ul>li.menu-item-has-children ul::before {
            background: #0ee3d3 none repeat scroll 0 0;
            /* content: ""; */
            height: 20px;
            right: 15px;
            position: absolute;
            top: -6px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 20px;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;


        }

        nav>ul>li.menu-item-has-children ul>li:hover>a {
            color: #69dfd3;
            padding-left: 5px;
        }

        header.sticktop.sticky nav ul>li a {
            /* color: #fff; */
        }

        .logo>a .showc {
            position: absolute;
            left: 0;
            /* top: -11px; */
            opacity: 0;
            visibility: hidden;
        }

        header.sticky .logo img.hidec {
            opacity: 0;
            visibility: hidden;
        }

        header.sticky .logo img.showc {
            opacity: 1;
            visibility: visible;
        }

        header.sticktop.sticky nav ul>li.menu-item-has-children ul li a {
            color: #ffffff;
        }

        section#six {
            position: relative;
            z-index: 2;
        }

        header.bg::before {
            background-image: url('../images/pattern.jpg');
            background-size: 250px;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            content: "";
        }

        header.sticky.bg::before {
            opacity: 0;
        }

        header.sticky.nav-up {
            top: -220px;
        }

        header.sticky.nav-down {
            top: 0px;
        }

        .menu-item-has-children.notactive.active::before {
            display: none;
        }

        .innerhead {
            float: left;
            width: 100%;
            text-align: center;
            background: #f1f3ff;
            padding: 40px 0;
        }

        .innerhead>h3 {
            float: left;
            width: 100%;
            font-size: 30px;
            color: #8488c0;
            font-weight: 500;
            font-family: Helvetica Now Display;
            margin: 0;
        }

        .breadcrumbs {
            float: left;
            width: 100%;
            margin: 0;
            margin-top: 0px;
            margin-top: 10px;
        }

        .breadcrumbs>li {
            float: none;
            display: inline-block;
            margin: 0;
            padding: 0 14px;
            font-size: 13px;
            font-family: Helvetica Now Display;
            position: relative;
        }

        .breadcrumbs>li a {
            color: #0ee3d3;
        }

        .breadcrumbs>li::before {
            position: absolute;
            right: -6px;
            top: 1px;
            content: ">";
            font-family: Helvetica Now Display;
        }

        .breadcrumbs>li:last-child:before {
            display: none;
        }

        .absec {
            float: right;
            text-align: center;
            position: relative;
        }

        .why-info.about {
            margin: 0;
        }

        .why-info.about h3 {
            margin-top: 0;
        }

        .absec img {
            float: right;

            -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);

        }

        .absec::before {
            position: absolute;
            left: -50px;
            bottom: -50px;
            width: 247px;
            height: 155px;
            background-image: url("../images/dots.png");
            background-size: cover;
            content: "";
            z-index: -1;
        }

        .whyussec {
            float: left;
            width: 100%;
            text-align: center;
            margin-bottom: -50px;
        }

        .t {
            float: left;
            width: 100%;
            margin: 0;
            margin-bottom: 0px;
            font-size: 30px;
            font-family: Helvetica Now Display;
            color: #002060;
            font-weight: 500;
            margin-bottom: 80px;
            text-align: center;
        }

        .ybox {
            float: left;
            width: 100%;
            margin-bottom: 50px;
        }

        .ybox img {
            float: none;
            display: inline-block;
        }

        .ybox h3 {
            float: left;
            width: 100%;
            text-align: center;
            margin: 0;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: 22px;
            color: #8488c0;
            font-weight: normal;
            margin-top: 22px;
            font-family: Helvetica Now Display;
            margin-bottom: 25px;
        }

        .ybox p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            font-family: Helvetica Now Display;
            margin: 0;
        }

        .t.white {
            color: #ffffff;
        }

        .teamsec {
            float: left;
            width: 100%;
            margin-top: -30px;
        }

        .teamsec .team {
            float: left;
            width: 100%;
            margin-top: 30px;
        }

        .footer {
            float: left;
            width: 100%;
            text-align: center;
        }

        .footer .social {
            float: none;
            display: inline-block;
            width: auto;
        }

        .footer .social a {
            font-size: 15px;
            margin: 0 14px;
            color: #ffffff;
        }

        .footer>ul {
            float: left;
            width: 100%;
            margin: 0;
            margin-top: 60px;
        }

        .footer>ul>li {
            float: none;
            display: inline-block;
            margin: 0;
        }

        .footer>ul>li a {
            float: left;
            font-size: 15px;
            color: #ffffff;
            padding: 0 20px;
        }

        .bottomline.color {
            background: #1f2975;
            margin-top: 80px;
        }

        .bottomline.color .scrollup::before {
            background: #ffffff;
        }

        .bottomline.color .scrollup a {
            color: #ffffff;
        }

        .servicesec {
            float: left;
            width: 100%;
            margin-top: -30px;
        }

        .service {
            float: left;
            width: 100%;
            margin-top: 30px;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            overflow: hidden;
        }

        .service>img {
            float: left;
            width: 100%;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

        }

        .service>h3 {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            font-weight: normal;
            text-align: center;
            margin: 22px 0;
        }

        .service>h3 a {

            color: #443c62;

        }


        .service:hover img {

            -webkit-border-radius: 0 0;
            -moz-border-radius: 0 0;
            -ms-border-radius: 0 0;
            -o-border-radius: 0 0;
            border-radius: 0 0;

        }

        .service:hover {
            background: #fcbf2d;
        }

        .loadmore {
            float: left;
            width: 100%;
            margin-top: 70px;
            text-align: center;
        }

        .loadmore a {
            float: none;
            display: inline-block;
            background: #ced0e6;
            font-size: 15px;
            color: #443c62;
            padding: 15px 35px;

            -webkit-border-radius: 33px;
            -moz-border-radius: 33px;
            -ms-border-radius: 33px;
            -o-border-radius: 33px;
            border-radius: 33px;

        }

        .loadmore a img {
            float: left;
            margin: 6px 0;
            margin-right: 13px;
        }

        .bottomline.color span {
            color: #bdc2eb;
        }

        .terms {
            float: left;
            width: 100%;
            margin-bottom: 20px;
        }

        .terms>h3 {
            float: left;
            width: 100%;
            margin-top: 0;
            font-size: 25px;
            font-family: Helvetica Now Display;
            font-weight: 500;
            color: #002060;
        }

        .terms p {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #443c62;
            line-height: 24px;
            letter-spacing: 0px;
            margin-bottom: 20px;
        }

        /* Plans Sec */
        .plans-sec {
            float: left;
            width: 100%;
            margin-top: -30px;
        }

        .pricetable {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 30px;
            background: #ecedf9;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

            padding: 10px;
        }

        .pricetable-head {
            float: left;
            width: 100%;
            background: #ffffff;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;


            padding: 35px 0;
        }

        .pricetable-head h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 25px;
            color: #002060;
            margin: 0;
            font-weight: normal;
        }

        .pricetable-head h2 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 60px;
            font-weight: 500;
            margin: 0;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-top: 17px;
            line-height: 50px;
            margin-bottom: 13px;
            color: #ced0e6;
        }

        .pricetable-head h2 i {
            font-style: normal;
            font-size: 18px;
            line-height: 0px;
            position: relative;
            bottom: 3px;
        }

        .pricetable-head span {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 13px;
            color: #443c62;
            margin-top: 6px;
            padding: 0 70px;
            line-height: 24px;
        }

        .pricetable ul {
            float: left;
            width: 100%;
            margin: 0;
            margin-top: 30px;
        }

        .pricetable ul li {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 13px;
            color: #443c62;
            line-height: 35px;
        }

        .pricetable>a {
            float: none;
            display: inline-block;
            font-family: Helvetica Now Display;
            font-size: 15px;
            color: #ffffff;
            padding: 15px 55px;

            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            -o-border-radius: 30px;
            border-radius: 30px;

            margin-bottom: 40px;
            margin-top: 20px;
        }

        .pricetable.active>a {
            background: #ffffff;
        }

        .pricetable.active ul li {
            color: #ffffff;
        }

        .pricetable.active {
            background: #002060;
        }

        .pricetable.active h2 {
            color: #002060;
        }

        .pricetable>a.theme-btn {
            padding: 15px 100px;
            font-family: Helvetica Now Display;
            font-size: 17px;
        }

        .servciesinfos {
            float: left;
            width: 100%;
        }

        .sd-carousel {
            float: left;
            width: 100%;
            margin: 0;
            padding: 0;
            margin-bottom: 50px;
        }

        .sd-carousel .slick-list li.slick-slide {
            margin: 0;
        }

        .sd-carousel li img {
            float: left;
            width: 100%;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

        }

        .servciesinfos>h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 30px;
            font-weight: 500;
            color: #002060;
        }

        .servciesinfos>p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
        }

        .schart {
            float: left;
            width: 100%;
            margin-top: 40px;
            display: table;
        }

        .schart-img {
            display: table-cell;
            vertical-align: middle;
            width: 255px;
        }

        .schart-img img {
            float: left;
            width: 100%;
        }

        .schartinfo {
            display: table-cell;
            vertical-align: middle;
            padding-left: 80px;
        }

        .schartinfo>span {
            float: left;
            width: 100%;
            margin: 8px 0;
            font-size: 15px;
            color: #443c62;
        }

        .schartinfo>span i {
            float: left;
            width: 14px;
            height: 14px;
            margin-top: 3px;
            margin-right: 15px;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

        }

        .schartinfo>span i.scolor1 {
            background-color: #465766;
        }

        .schartinfo>span i.scolor2 {
            background-color: #3ec5f3;
        }

        .schartinfo>span i.scolor3 {
            background-color: #ff615f;
        }

        .slist {
            float: left;
            width: 100%;
            margin: 0;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-top: 80px;
            margin-bottom: 30px;
        }

        .slist>li {
            float: left;
            width: 100%;
            margin: 0;
            font-size: 15px;
            color: #443c62;
            border-left: 2px solid #8488c0;
            padding-left: 22px;
            margin: 10px 0;
            line-height: 28px;
        }

        .gsec {
            float: left;
            width: 100%;
            margin-top: 30px;
        }

        .gimg {
            float: left;
            width: 100%;
        }

        .gchartinfo {
            float: left;
            width: 100%;
            margin-top: 30px;
        }

        .gchartinfo span {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            margin-bottom: 16px;
        }

        .gchartinfo span i {
            float: left;
            width: 14px;
            height: 14px;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            margin: 3px 0;
            margin-right: 0px;
            margin-right: 15px;
        }

        .gchartinfo>span i.scolor1 {
            background-color: #7da2f5;
        }

        .gchartinfo>span i.scolor2 {
            background-color: #91e3a0;
        }

        .rmenu {
            float: left;
            width: 100%;
            background: #002060;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 29px 15px;
        }

        .rmenu a {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #ced0e6;
            padding: 6px 0;
            padding-left: 0px;
            margin: 7px 0;
            padding-left: 25px;
            border-left: 2px solid transparent;
        }

        .rmenu a:hover {
            border-color: #fff;
            color: #fff;
        }

        .cpbtn {
            float: left;
            width: 100%;
            margin: 30px 0;
            margin-top: 50px;
        }

        .cpbtn a {
            float: left;
            position: relative;
            background: #ffc330;
            width: 100%;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

            padding-left: 85px;
            color: #443c62;
            font-size: 14px;
            line-height: 57px;
        }

        .cpbtn a img {
            float: left;
            margin-left: -50px;
            margin-top: -20px;
            margin-bottom: 19px;
        }

        .gquote {
            float: left;
            width: 100%;
            background: #433850;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

            padding: 60px 35px;
        }

        .gquote p {
            float: left;
            width: 100%;
            font-size: 20px;
            font-family: Helvetica Now Display;
            color: #ffffff;
        }

        .gquote a {
            float: left;
            color: #ffc430;
            font-size: 17px;
            font-family: Helvetica Now Display;
            padding-bottom: 2px;
            border-bottom: 1px solid #ffc430;
        }

        .blogpost {
            float: left;
            width: 100%;
            margin-bottom: 60px;
        }

        .blogpost>h2 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 25px;
            color: #002060;
            font-weight: 500;
            margin-top: 0;
            margin-bottom: 14px;
        }

        .metas {
            float: left;
            width: 100%;
            margin: 0;
        }

        .metas li {
            float: left;
            margin: 0;
            margin-right: 0px;
            font-size: 13px;
            color: #8488c0;
            margin-right: 34px;
        }

        .blogthumb {
            float: left;
            width: 100%;
            margin: 25px 0;
        }

        .blogthumb a {
            float: left;
            width: 100%;
        }

        .blogthumb a img {
            float: left;
            width: 100%;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

        }

        .blogpost>p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            margin-bottom: 20px;
        }

        .blogrmore {
            float: left;
            background: #fcc82a;
            font-size: 15px;
            font-family: Helvetica Now Display;
            color: #333333;
            padding: 17px 60px;

            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            -o-border-radius: 40px;
            border-radius: 40px;

            margin-top: 8px;
        }

        .paginationc {
            float: left;
            width: 100%;
            text-align: center;
            margin: 0;
            margin-top: 60px;
        }

        .paginationc li {
            float: none;
            display: inline-block;
            margin: 0 2px;
        }

        .paginationc li a {
            float: left;
            width: 50px;
            height: 50px;
            border: 2px solid #ced0e6;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            line-height: 46px;
            font-size: 15px;
            color: #443c62;
        }

        .paginationc li:first-child a,
        .paginationc li:last-child a {
            background: #ced0e6;
            width: auto;
            padding: 0 33px;

            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            -o-border-radius: 40px;
            border-radius: 40px;

        }

        .search {
            float: left;
            width: 100%;
            background: #e7e9f2;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

            margin-bottom: 30px;
        }

        .search form {
            float: left;
            width: 100%;
            position: relative;
        }

        .search form input {

            float: left;
            width: 100%;
            background: none;
            font-size: 14px;
            color: #443c62;
            letter-spacing: 0px;
            font-family: Helvetica Now Display;
            padding: 15px 30px;

            margin: 0;
        }

        .search form button {

            position: absolute;
            right: 20px;
            top: 12px;
            background: none;
            color: #b2b7ce;
            padding: 0;

        }

        .rmenusec {
            float: left;
            width: 100%;
            margin-bottom: 30px;
        }

        .rmenusec>h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 25px;
            font-weight: 500;
            color: #443c62;
            margin-top: 0;
        }

        .rpostsec {
            float: left;
            width: 100%;
            margin-bottom: 30px;
        }

        .rpostsec>h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 25px;
            font-weight: 500;
            color: #443c62;
            margin-top: 0;
        }

        .recentposts {
            float: left;
            width: 100%;
            position: relative;
            display: table;
            margin-bottom: 25px;
        }

        .rpostthumb {
            display: table-cell;
            vertical-align: top;
            width: 81px;
        }

        .rpostthumb a {
            float: left;
            width: 100%;
        }

        .rpostthumb a img {
            float: left;
            width: 100%;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

        }

        .rpostinfo {
            display: table-cell;
            vertical-align: top;
            padding-left: 20px;
        }

        .rpostinfo h4 {
            float: left;
            width: 100%;
            margin: 0;
            margin-bottom: 0px;
            font-size: 15px;
            color: #443c62;
            font-weight: normal;
            margin-bottom: 6px;
            line-height: 21px;
        }

        .rpostinfo span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #8488c0;
            margin-top: 3px;
        }

        .qlinks {
            float: left;
            width: 100%;
            margin-bottom: 30px;
        }

        .recentposts:last-child {
            margin: 0;
        }

        .qlinks>h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 25px;
            font-weight: 500;
            color: #443c62;
            margin-top: 0;
        }

        .qlinks>ul {
            float: left;
            width: 100%;
            margin: 0;
        }

        .qlinks>ul li {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 14px;
            border-bottom: 1px solid #e5e5e5;
            margin: 0;
            border-left: 2px solid transparent;
        }

        .qlinks>ul li a {
            float: left;
            width: 100%;
            padding: 18px 20px;
        }

        .qlinks>ul li:hover {
            border-left-color: #fcc82a;
        }

        .qlinks>ul li:last-child {
            border-bottom: transparent;
        }

        .blogpost.grid .blogthumb {
            margin-top: 0;
            position: relative;
            margin-bottom: 21px;
        }

        .bdate {
            position: absolute;
            left: 20px;
            top: 20px;
            background: #ffffff;
            width: 78px;
            height: 78px;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

            font-size: 30px;
            color: #8488c0;
            text-align: center;
            padding: 10px 0;
        }

        .bdate i {
            font-size: 13px;
            font-style: normal;
            float: left;
            width: 100%;
        }

        .blogpost.grid>h2 {
            margin-top: 13px;
        }

        .blogpost.grid {
            margin-bottom: 30px;
        }

        .blogpost>h3 {
            float: left;
            width: 100%;
            font-size: 25px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
            margin-top: 20px;
            margin-bottom: 30px;
        }

        p.pull-left {
            float: left !important;
        }

        p.pull-right {
            float: right !important;
            text-align: right;
        }

        .single-post .fcount {
            margin-right: 30px;
        }

        .single-post .blogpost>p {
            float: none;
            display: block;
        }

        .single-post .slist {
            margin-top: 20px;
        }

        .tags-share {
            float: left;
            width: 100%;
            margin-bottom: 50px;
            margin-top: 10px;
        }

        .tagspost {
            float: left;
            width: 50%;
        }

        .tagspost a {
            float: left;
            font-family: Helvetica Now Display;
            font-size: 13px;
            color: #443c62;
            border: 2px solid #E8E8E8;
            margin-right: 8px;
            padding: 5px 16px;

            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
            border-radius: 20px;

        }

        .tags-share .social {
            float: right;
            width: 50%;
            margin: 6px 0;
        }

        .tags-share .social a {
            float: right;
            font-size: 15px;
        }

        .commentsec {
            float: left;
            width: 100%;
        }

        .commentsec>h3 {
            float: left;
            width: 100%;
            font-size: 25px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
            margin-top: 20px;
            margin-bottom: 30px;
        }

        .commentsarea {
            float: left;
            width: 100%;
            padding: 0;
            margin: 0;
        }

        .commentsarea>li {
            float: left;
            width: 100%;
            margin-bottom: 50px;
        }

        .comment {
            float: left;
            width: 100%;
            display: table;
        }

        .cavatar {
            display: table-cell;
            vertical-align: top;
            width: 90px;
        }

        .cavatar img {
            float: left;
            width: 100%;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

        }

        .commentinfo {
            display: table-cell;
            vertical-align: top;
            padding-left: 40px;
        }

        .commentinfo>h3 {
            float: left;
            width: 100%;
            font-size: 15px;
            font-family: Helvetica Now Display;
            font-weight: 500;
            color: #555ba8;
            margin: 0;
        }

        .commentinfo span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #8488c0;
            margin-top: 7px;
        }

        .commentinfo p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
            line-height: 26px;
            margin: 0;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-top: 10px;
            margin-bottom: 16px;
        }

        .commentinfo>a {
            float: left;
            font-size: 13px;
            color: #8488c0;
            line-height: 20px;
        }

        .commentinfo>a img {
            float: left;
            margin: 3px 0;
            margin-right: 8px;
        }

        .leavecomment {
            float: left;
            width: 100%;
            padding-right: 250px;
        }

        .leavecomment>h3 {
            float: left;
            width: 100%;
            font-size: 25px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
            margin-top: 20px;
            margin-bottom: 30px;
        }

        .leavecomment form {
            float: left;
            width: 100%;
        }

        .leavecomment form input,
        .leavecomment form textarea {
            float: left;
            width: 100%;
            background: #ffffff;
            font-size: 15px;
            color: #443c62;
            border: 2px solid #e1e2f4;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            font-family: Helvetica Now Display;
            padding: 17px 30px;
        }

        .leavecomment form input[type="submit"] {
            background: #f9ba29;
            border: none;
        }

        .stb-select-container {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            width: 200px;
            display: inline-block;
            outline: none;

            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;

            border: none;
            border: 2px solid #e1e2f4;
            padding: 13px 22px;
            outline: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            position: relative;
            text-align: left;
            cursor: pointer;
            float: right;
            font-family: Helvetica Now Display;
        }

        .stb-select-container ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        .stb-select-container select {
            display: none;
        }

        .stb-select-container .stb-select {
            position: absolute;
            background: white;
            left: -2px;
            top: 50px;
            padding: 8px 21px;
            border: 2px solid #e1e2f4;
            z-index: 10;
            max-height: 200px;
            width: 200px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 20px 20px;
            padding-bottom: 7px;
        }

        .stb-select-container span {
            opacity: 0.54;
            font-size: 13px;
            font-family: Helvetica Now Display;
            color: #443c62;
            opacity: 1;
        }

        .stb-select-container::after {
            opacity: 0.54;
            content: "v";
            position: absolute;
            right: 8px;
            -ms-transform: scaleY(0.5);
            -webkit-transform: scaleY(0.5);
            -o-transform: scaleY(0.5);
            -moz-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }

        .stb-select-container .stb-select li {
            opacity: 0.54;
        }

        .stb-select-container .stb-select li:first-of-type {
            opacity: 0.34;
        }

        .stb-select-container .stb-select li+li {
            margin-top: 8px;
        }

        .filterbar {
            float: left;
            width: 100%;
            margin-bottom: 40px;
        }

        .filterbar>span {
            float: left;
            font-size: 13px;
            color: #443c62;
            line-height: 47px;
        }

        .filterbar span img {
            float: left;
            margin: 18px 0;
            margin-right: 17px;
        }

        .cdropdown {
            float: right;
            position: relative;
        }

        .product {
            float: left;
            width: 100%;
            margin-bottom: 40px;
        }

        .productsec .card {
            box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.1);
            border-radius: 10px;

        }

        .productsec .card .card-body {}

        .productthumb {
            float: left;
            width: 100%;
            border: 3px solid transparent;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            overflow: hidden;
            position: relative;
            background: #ffffff;
        }

        .productthumb img {
            float: left;
            width: 100%;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

        }

        .productthumb a {
            position: absolute;
            left: 0;
            top: 50%;
            width: 100%;
            text-align: center;
            font-family: Helvetica Now Display;
            font-size: 20px;
            color: #443c62;
            opacity: 0;

            font-weight: 500;
        }

        .productthumb a img {
            width: auto;
            float: none;

            -webkit-border-radius: 0 0;
            -moz-border-radius: 0 0;
            -ms-border-radius: 0 0;
            -o-border-radius: 0 0;
            border-radius: 0 0;

            position: relative;
            top: 11px;
            margin-right: 10px;
        }

        .productthumb:hover img {
            opacity: 0.1;
        }

        .productthumb:hover {
            border-color: #5C2D9A;
        }

        .productthumb:hover a {
            opacity: 1;
            margin-top: -30px;
        }

        .productthumb:hover a img {
            opacity: 1;
        }

        .productinfo {
            float: left;
            width: 80%;
            margin-top: 15px;
        }

        .productinfo h3 {
            float: left;
            width: 100%;
            margin-top: 9px;
            font-size: 17px;
            font-family: Helvetica Now Display;
            font-weight: 500;
            color: #443c62;
            margin-bottom: 0;
        }

        .productprice {
            float: left;
            width: 20%;
            padding-top: 23px;
            text-align: right;
        }

        .productprice span {
            float: left;
            width: 100%;
            font-weight: 500;
            font-size: 20px;
            font-family: Helvetica Now Display;
            color: #002060;
        }

        .cartbtn {
            position: fixed;
            top: 220px;
            z-index: 9;
            right: 40px;
            width: 54px;
            height: 54px;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            padding: 0;

            background: rgb(250, 57, 102);
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZhMzk2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAyZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 57, 102, 1)), color-stop(32%, rgba(250, 57, 102, 1)), color-stop(100%, rgba(188, 2, 224, 1)));
            background: -webkit-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -o-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: -ms-linear-gradient(left, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            background: linear-gradient(to right, rgba(250, 57, 102, 1) 0%, rgba(250, 57, 102, 1) 32%, rgba(188, 2, 224, 1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa3966', endColorstr='#bc02e0', GradientType=1);
        }

        .cartbtn strong {
            position: absolute;
            right: -4px;
            top: -5px;
            width: 20px;
            height: 20px;
            background: #1C1C1C;
            color: #ffffff;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            text-align: center;
            line-height: 20px;
            font-size: 11px;
            font-family: Helvetica Now Display;
            font-weight: 500;
        }

        .cartbtn img {
            line-height: 54px;
            text-align: center;
            float: none;
            padding: 13px 15px;
        }

        .tab {
            float: left;
            width: 100%;
            display: table;
        }

        .tabs {
            display: inline-block;
            margin-top: 20px;
            vertical-align: top;
            float: left;
        }

        .tabs>li {

            width: 110px;
            float: left;
            margin: 0;
        }

        .tabs>li a {

            width: 110px;
            float: left;
        }

        .tabs>li a img {
            width: 110px;
            float: left;
            border: 3px solid transparent;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

        }

        .tabs>li.current a img {
            border-color: #0ee3d3;
        }

        .tabs_item:first-child {
            display: block;
        }

        .tabs_item {
            display: none;
        }

        .tab_content {
            vertical-align: top;
            text-align: center;
            width: 100%;
        }

        .tabs_item {
            display: none;
            float: left;
            width: 100%;
        }

        .pbigimg {
            float: left;
            width: 100%;
        }

        .pbigimg img {
            float: left;
            width: 100%;
            border: 3px solid transparent;

            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px;
            border-radius: 25px;
        }

        .sproduct-info {
            float: left;
            width: 100%;
        }

        .sproduct-info>h3 {
            float: left;
            width: 100%;
            font-size: 25px;
            color: #002060;
            font-family: Helvetica Now Display;
            font-weight: 500;
            margin-top: 0;
            margin-bottom: 25px;
        }

        .sproduct-info>span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #8488c0;
            line-height: 26px;
        }

        .sproduct-info>span img {
            float: left;
            margin: 4px 0;
            margin-right: 0px;
            margin-right: 12px;
        }

        .sproduct-info>p {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #443c62;
            letter-spacing: 0px;
            line-height: 24px;
            margin-top: 17px;
        }

        .extrainput {
            float: left;
            width: 100%;
            margin-top: 10px;
            margin-bottom: 33px;
        }

        .extrainput>span {
            float: left;
            font-family: Helvetica Now Display;
            font-size: 25px;
            color: #002060;
            font-weight: 500;
            margin-right: 50px;
            line-height: 49px;
        }

        .quantity {
            float: left;
            width: 80px;
            height: 50px;
            border: 2px solid #e1e2f4;
            position: relative;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

        }

        .quantity>span {
            float: left;
            width: 100%;
        }

        .quantity>span input[type="text"] {
            background: none;
            margin: 0;
            padding: 0;
            font-family: Helvetica Now Display;
            font-size: 14px;
            color: #8d8d8d;
            padding: 12px 17px;
            font-weight: 500;
        }

        .quantity>span input[type="button"] {
            position: absolute;
            right: 0;
            top: -2px;
            background: none;
            border: none;
            font-family: Helvetica Now Display;
            font-size: 27px;
            font-weight: normal;
            color: #e1e2f4;
        }

        .quantity>span input.userincr-btn-dec {
            top: 13px;
            right: 1px;
        }

        .extrainput .theme-btn {
            float: left;
            margin-left: 20px;
            padding: 15px 60px;
        }

        .extrainput .theme-btn img {
            float: left;
            width: 19px;
            margin-right: 11px;
        }

        .extratips {
            float: left;
            width: 100%;
            font-size: 14px;
            color: #443c62;
            line-height: 24px;
        }

        .revdes-tabs {
            float: left;
            width: 100%;
        }

        .revdes-tabs>ul {
            float: left;
            width: 100%;
            text-align: center;
            margin: 0;
        }

        .revdes-tabs>ul>li {
            float: none;
            display: inline-block;
            margin: 0 16px;
        }

        .revdes-tabs>ul>li.active a {
            color: #002060;
        }

        .revtab-content {
            float: left;
            width: 100%;
            background: #f9faff;
            margin-top: 30px;
            padding-top: 70px;
            padding-bottom: 120px;
        }

        .revtab-content .leavecomment input,
        .revtab-content .leavecomment textarea {
            background: none;
        }

        .revtab-content .commentsec>h3 {
            margin-bottom: 50px;
        }

        .cartseclist {
            float: left;
            width: 100%;
            border: 2px solid #e1e2f4;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 0px 20px;
            background: #ffffff;
        }

        .cartlist {
            float: left;
            width: 100%;
            display: table;
            border-bottom: 1px solid #e1e2f4;
            padding: 10px 0;
        }

        .delcart {
            display: table-cell;
            vertical-align: middle;
            font-style: normal;
            color: #68cde6;
            cursor: pointer;
            font-family: Helvetica Now Display;
            font-size: 21px;
            padding-right: 10px;
            padding-left: 20px;
        }

        .cartthumb {
            display: table-cell;
            vertical-align: middle;
            width: 100px;
        }

        .cartthumb img {
            float: left;
            width: 100%;
        }

        .cartlist h3 {
            display: table-cell;
            vertical-align: middle;
            font-family: Helvetica Now Display;
            font-size: 13px;
            color: #443c62;
            font-weight: normal;
            margin: 0;
            padding-left: 30px;
        }

        .cartlistinfo {
            display: table-cell;
            vertical-align: middle;
        }

        .cartlistinfo>span {
            display: table-cell;
            vertical-align: middle;
            font-size: 13px;
            color: #8488c0;
        }

        .cartlistinfo .quantity {
            float: none;
            display: table-cell;
            vertical-align: middle;
        }

        .cartlistinfo>span {
            display: table-cell;
            vertical-align: middle;
            font-size: 13px;
            color: #8488c0;
            padding-right: 28px;
            padding-left: 28px;
        }

        .cartlistinfo>span:last-of-type {
            padding-right: 0;
        }

        .cartlist:last-child {
            border: none;
        }

        .cartextras {
            float: left;
            width: 100%;
            padding: 30px 0;
            background: #ffffff;
            margin-top: -22px;
        }

        .cartextras>form {
            float: left;
        }

        .cartextras>form input {
            float: left;
            margin: 0;
            background: #ffffff;
            width: 200px;
            height: 50px;
            border: 2px solid #e1e2f4;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

        }

        .cartextras>form button {
            float: left;
            font-size: 13px;
            font-family: Helvetica Now Display;
            background: #555ba8;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 16px 40px;
            margin-left: 13px;
        }

        .cartextras>a {
            float: right;
            font-family: Helvetica Now Display;
            font-size: 13px;
            background: #ffc935;
            color: #434444;
            padding: 17px 45px;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

        }

        .carttotal {
            float: left;
            width: 100%;
            background: #002060;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 40px;
        }

        .carttotal>h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 25px;
            color: #ffffff;
            font-weight: 500;
            margin: 0;
            margin-bottom: 20px;
        }

        .carttotal>span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #ffffff;
            margin: 15px 0;
        }

        .carttotal>span i {
            font-style: normal;
            float: right;
        }

        .carttotal a.theme-btn {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 30px;
        }

        .checkoutsec {
            float: left;
            width: 100%;
        }

        .clickaccount {
            float: left;
            width: 100%;
            border: 2px dashed #ced0e6;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 16px 20px;
            background: #ffffff;
        }

        .clickaccount span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #443c62;
        }

        .clickaccount a {
            color: #505cc6;
        }

        .checkoutsec>form {
            float: left;
            width: 100%;
            padding-top: 25px;
        }

        .checkoutsec>form>h3 {
            float: left;
            width: 100%;
            cursor: pointer;
            font-family: Helvetica Now Display;
            font-size: 22px;
            font-weight: 500;
            color: #002060;
            margin: 0;
            position: relative;
            padding-bottom: 20px;
            border-bottom: 1px solid #e8ecec;
        }

        .checkoutsec>form>h3::before {
            position: absolute;
            right: 0;
            top: 11px;
            width: 15px;
            height: 2px;
            content: "";
            background: #333333;
        }

        .checkoutform {
            float: left;
            width: 100%;
        }

        .fieldform {
            float: left;
            width: 100%;
            margin-top: 20px;
            position: relative;
        }

        .fieldform>span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #443c62;
        }

        .fieldform>input,
        .fieldform>textarea {
            float: left;
            width: 100%;
            margin: 0;
            background: #ffffff;
            border: 2px solid #e1e2f4;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            font-family: Helvetica Now Display;
            font-size: 13px;
            color: #8c8c8c;
            padding: 14px 30px;
            margin-top: 12px;
        }

        .fieldform .stb-select-container {
            float: left;
            width: 100%;
            margin-top: 12px;
        }

        .c-label {
            float: left;
            width: 100%;
            margin: 20px 0;
            font-size: 13px;
            color: #443c62;
        }

        .shipingtotal {
            float: left;
            width: 100%;
            background: #002060;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 40px;
        }

        .shipingtotal>h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 25px;
            color: #ffffff;
            font-weight: 500;
            margin: 0;
        }

        .shipingtotal>ul {
            float: left;
            width: 100%;
            margin: 0;
            margin-top: 0px;
            margin-top: 20px;
        }

        .shipingtotal>ul>li {
            float: left;
            width: 50%;
            margin: 0;
        }

        .shipingtotal li h6 {
            float: left;
            width: 100%;
            margin: 0;
            margin-top: 0px;
            margin-bottom: 0px;
            font-size: 15px;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 16px;
            margin-top: 16px;
        }

        .shipingtotal li span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #ffffff;
            font-family: Helvetica Now Display;
            margin-bottom: 18px;
            margin-top: 9px;
        }

        .shipingtotal>ul li:last-child {
            text-align: right;
        }

        .shipingtotal li h3 {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 25px;
            font-weight: bold;
            color: #ffffff;
            margin-top: 11px;
        }

        .choseoption {
            float: right;
        }

        .cinput label {
            font-family: Helvetica Now Display;
            font-size: 13px;
            color: #ffffff;
            margin-top: 9px;
        }

        .cinput input[type="radio"]:checked+label::before {
            background: #ffffff;
        }

        .cinput label::before {
            background: #ffffff;
        }

        .shipingtotal ul li>i {
            float: left;
            width: 100%;
            font-style: normal;
            color: #ffffff;
            font-family: Helvetica Now Display;
            font-size: 13px;
            text-decoration: underline;
            margin-top: 9px;
        }

        .choosepaymentopt {
            float: left;
            width: 100%;
            margin-top: 30px;
        }

        .choosepaymentopt .cinput label {
            font-family: Helvetica Now Display;
            font-size: 15px;
            line-height: 18px;
        }

        .choosepaymentopt .cinput {
            margin: 3px 0;
        }

        .choosepaymentopt .choseoption>p {
            float: left;
            width: 100%;
            margin: 0;
            font-size: 13px;
            font-family: Helvetica Now Display;
            color: #ffffff;
            line-height: 20px;
            margin: 4px 0;
            margin-bottom: 4px;
            padding-right: 30px;
            margin-bottom: 10px;
        }

        .terms-label {
            float: left;
            width: 100%;
            margin-top: 20px;
            font-family: Helvetica Now Display;
            font-size: 13px;
            color: #ffffff;
        }

        .terms-label label::before {
            background: #ffffff;
        }

        .terms-label input[type="checkbox"]:checked+label::before {
            background: #ffffff;
        }

        .terms-label input[type="checkbox"]+label::after {
            color: #002060;

        }

        .shipingtotal .theme-btn {
            float: left;
            width: 100%;
            text-align: center;
        }

        .orderconfirmed {
            float: left;
            width: 100%;
            text-align: center;
            border: 2px dashed #d8dcdc;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            padding: 20px 0;
        }

        .orderconfirmed img {
            float: none;
            display: inline-block;
        }

        .orderconfirmed>span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #443c62;
            margin-top: 9px;
        }

        .orderinfo {
            float: left;
            width: 100%;
            margin: 40px 0;
            text-align: center;
        }

        .orderinfo li {
            float: none;
            display: inline-block;
            margin: 0;
            width: 160px;
            text-align: left;
            font-size: 13px;
            color: #8d8d8d;
        }

        .orderinfo li span {
            float: left;
            width: 100%;
            color: #111111;
            margin-top: 8px;
        }

        .shipingtotal.order-details {
            padding: 70px 90px;
        }

        .billingaddress {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 30px;
        }

        .billingaddress h3 {
            float: left;
            width: 100%;
            font-size: 25px;
            color: #002060;
            font-weight: 500;
            font-family: Helvetica Now Display;
        }

        .billingaddress span {
            float: left;
            width: 100%;
            font-size: 13px;
            color: #443c62;
            margin-bottom: 13px;
        }

        /* DashPer */
        .contValorTo {
            background: #FFFFFF;
            border-radius: 10px;
            border: 1px solid #ADAEC7;
            height: 218px;

        }

        .contNumToTal p {
            margin: 0;
            text-align: center;
        }

        #dashPer h6 {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 16px;
            line-height: 19.2px;
            letter-spacing: 0%;
            text-align: center;

        }


        .contValorTo .contNumToTal {
            padding: 24px 37px 18px 37px;
        }

        .contValorTo .contNumToTal h6 {
            text-align: left !important;
        }

        .contValorTo .contNumToTal p {
            margin-top: 21px !important;
            text-align: left !important;
            font-family: Helvetica Now Display;
            font-weight: 600 !important;
            font-size: 44px !important;
            line-height: 120% !important;
            letter-spacing: 0%;
            vertical-align: middle;

        }

        /* .contValCentro  */
        #dashPer .numTotal {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 28px;
            /* line-height: 38.4px; */
            letter-spacing: 0%;

            color: #6F3BB3;
            margin-top: 6px;

        }

        .contValCentro {
            background: #fff;
            border: 1px solid #ADAEC7;
            border-radius: 10px;
        }

        .contValCentro h6 {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 16px;
            line-height: 19.2px;
            letter-spacing: 0%;
            text-align: center;

        }

        .contValCentro .btnLOg {
            padding: 8px 20px;
            width: auto;
            /* font-size: 16px; */
        }

        .contValTable {
            border: 1px solid #ADAEC7;

            border-radius: 10px;
            margin-right: -15px;
            margin-left: -15px;

        }

        .contItemsTac {
            padding: 10px 10px;
        }

        #somb {
            width: 100%;
            height: 74px;
            background-color: transparent;
            position: relative;
            top: 42px;
            z-index: 2;
            ;
        }

        .subContTalble {
            border-top: 1px solid #ADAEC7;
            /* padding-top: 10px; */
        }

        .alert-PerfG {
            background: #F8F2FF;
            color: #6F3BB3;
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0%;
            padding: 5px;

            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0%;
            vertical-align: middle;

            border: none !important;


        }

        .alert-PerfG a {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0%;
            vertical-align: middle;
            text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-offset: 0%;
            text-decoration-thickness: 0%;
            text-decoration-skip-ink: auto;
        }

        .barraHori {
            background: linear-gradient(45deg, #6F3BB3 0%, #13E2D3 100%);
            height: 4px;
            width: 97.6%;
            border-radius: 7px;
        }

        .circleIniProyect {
            background: #FF0172;
            color: #fff;
            border-radius: 100%;
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 16px;
            text-align: center;
            width: 41px;
            height: 41px;
            display: block;
            line-height: 41px;
        }

        button.close {
            /* padding: 20px !important; */
            /* margin-top: 15px; */
            margin-right: 20px;
            color: white;
        }

        /* datos de cuenta */
        #SectDatosCuenta label {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 16px;
            /* line-height: 45px; */
            letter-spacing: 0%;
            color: #ADAEC7;

        }

        #SectChangeContra label {
            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 16px;
            /* line-height: 45px; */
            letter-spacing: 0%;

        }

        .contDatosAside {
            border: 0.5px solid #6F3BB3;
            border-radius: 10px;
            /* padding: 16px 23px; */
        }

        #editarEnlaDatosCuenta {
            font-family: Helvetica Now Display;
            font-weight: 700;
            font-size: 16px;
            line-height: 15.4px;
            letter-spacing: 0%;
            text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-offset: Auto;
            text-decoration-thickness: Auto;
            text-decoration-skip-ink: auto;
            padding: 16px 0;
            display: block;

        }

        .contDatosAside .containerAside {
            padding: 16px;
            margin: 0;
        }

        .contDatosAside .TextNameLast {
            margin-top: 23px;
            margin-bottom: 14px;
        }

        .contDatosAside .TextNameLast h2 {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 26px;
            line-height: 31.51px;
            letter-spacing: 0%;
            margin: 0;

        }

        #modMsCOnt .logIng {
            top: 40vh;
        }

        .contDatosAside .contSup {
            /* background: #F8F2FF; */
            background: url('../images/ilustracionUser.png') no-repeat;
            background-color: #f3f4f9 !important;
            background-size: 60%;
            background-position: right;
            min-height: 167px;
            border-radius: 10px 10px 0px 0px;
        }

        .contDatosAside .contSup .btnUser {
            color: #6F3BB3 !important;
            background: #fff;
            border-radius: 100%;
            width: 50px;
            height: 50px;
            border: 1px solid #6F3BB3;
            display: flex;
            justify-content: center;
            align-items: center;

            font-family: Helvetica Now Display;
            font-weight: 500;
            font-size: 20px;
            line-height: 24.24px;
            letter-spacing: 0%;


        }

        .text-violet {
            color: #6F3BB3;
        }



        .contDatosCentro {
            border: 0.5px solid #6F3BB3;
            border-radius: 10px;

            padding: 33px 44px 47px 30px;
        }

        .contDatosForm {
            margin: 10px 0;
        }

        .contDatosForm .btnLOg {
            width: auto !important;
        }

        .contDatosCentro h5 {
            font-family: Helvetica Now Display;
            font-weight: 600;
            font-size: 18px;
            line-height: 21.6px;
            letter-spacing: 0%;

        }

        .contDatosCentro input,
        .contDatosCentro select {
            background: rgb(255, 255, 255) none repeat scroll 0 0;
            border: 1px solid #6F3BB3;
            float: none;

            margin-bottom: 0;
            padding: 12px;
            width: 100%;
            border-radius: 10px;

            font-family: Helvetica Now Display;
            font-weight: 400;
            font-size: 16px;

            letter-spacing: 0%;

        }

        .contDatosCentro label {
            font-family: Helvetica Now Display !important;
            font-weight: 400 !important;
            font-size: 16px !important;
            /* line-height: 45px !important; */
            letter-spacing: 0%;
            color: #1C1C1C !important;
            /* padding: 17px 0 !important; */

        }

        .contDni {
            display: flex;
            border: 1px solid #6F3BB3;
            border-radius: 7px;


        }

        .contDni select {
            border: 0;
            border-radius: 0;
            border-right: 1px solid #6F3BB3;
            background: transparent;
            padding: 10px;
            width: 50%;
        }

        .contDni input {
            border: 0;
        }

        /* end datos de cuenta */

        /* Account Popup Area */
        .account-popup-area {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(20, 31, 114, 0.6);
            opacity: 1;
            z-index: 99;
            overflow-Y: scroll;
            display: none;
        }

        .account-popup {
            position: relative;
            float: left;
            width: 460px;
            background: #ffffff;
            z-index: 1;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

            left: 50%;
            margin-left: -230px;
            text-align: center;
        }

        .account-popup>h3 {
            float: left;
            width: 100%;
            font-family: Quicksand;
            color: #222222;
            font-weight: bold;
            margin: 0;
            margin-bottom: 0px;
            margin-bottom: 12px;
            line-height: 10px;
        }

        .account-popup>span {
            float: left;
            width: 100%;
            font-family: Helvetica Now Display;
            font-size: 14px;
            color: #443c62;
            line-height: 24px;
        }

        .select-user {
            float: left;
            width: 100%;
            text-align: center;
            margin-top: 10px;
        }

        .select-user>span {
            float: none;
            display: inline-block;
            font-family: Helvetica Now Display;
            font-size: 14px;
            color: #202020;
            border: 2px solid;

            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px;
            border-radius: 25px;

            padding: 9px 29px;
            margin: 0 5px;
            margin-top: 0px;
            margin-top: 5px;
            cursor: pointer;
        }

        .account-popup>form {
            float: left;
            width: 100%;
            margin-top: 30px;
        }

        .account-popup>form .cfield {
            float: left;
            width: 100%;
            position: relative;
            margin-bottom: 19px;
            border: 2px solid #e1e2f4;

            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;

        }

        .account-popup>form .cfield input {
            float: left;
            width: 100%;
            background: no-repeat;
            margin: 0;
            font-family: Helvetica Now Display;
            font-size: 13px;
            color: #474747;
            padding: 16px 30px;
        }

        .account-popup>form .cfield i {
            position: absolute;
            right: 0;
            top: 18px;
            right: 23px;
            font-size: 15px;
            color: #0ee3d3;
        }

        .remember-label {
            float: left;
            margin: 0;
            font-family: Helvetica Now Display;
            font-size: 14px;
            color: #443c62;
        }

        .account-popup>form>a {
            float: right;
            font-family: Helvetica Now Display;
            font-size: 14px;
            text-decoration: underline;
            line-height: 30px;
            color: #6c7fff;
        }

        .account-popup>form button {
            float: none;
            height: 30px;
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 0.3px;

            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            -o-border-radius: 25px;
            border-radius: 25px;

        }

        .extra-login {
            float: left;
            width: 100%;
            margin-top: 30px;
            text-align: center;
            position: relative;
        }

        .extra-login::before {
            position: absolute;
            left: 0;
            top: 10px;
            width: 100%;
            height: 1px;
            background: #d8dcdc;
            content: "";
        }

        .extra-login>span {
            width: auto;
            float: none;
            display: inline-block;
            background: #ffffff;
            padding: 1px 20px;
            z-index: 1;
            position: relative;
            font-family: Helvetica Now Display;
            font-size: 14px;
            color: #443c62;
            text-transform: capitalize;
        }

        .login-social {
            float: left;
            width: 100%;
            margin-top: 15px;
        }

        .login-social a {
            float: none;
            display: inline-block;
            width: 50px;
            height: 40px;
            border: 2px solid;

            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            border-radius: 8px;

            line-height: 36px;
            font-size: 15px;
            margin: 0 5px;
            margin-top: 0px;
            margin-top: 6px;
        }

        .login-social a.fb-login {
            color: #3b5998;
            border-color: #3b5998;
        }

        .login-social a.tw-login {
            color: #1da1f2;
            border-color: #1da1f2;
        }

        .account-popup .close-popup {
            position: absolute;
            top: -20px;
            width: 50px;
            height: 50px;
            float: none;
            margin: 0;
            right: -20px;
            text-align: center;
            line-height: 50px;
            color: #ffffff;
            font-size: 20px;

            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;

            cursor: pointer;
        }

        .account-popup-area.static {
            position: static;
            float: left;
            width: 100%;
            display: block !important;
            overflow: auto;
            background: no-repeat;
            z-index: 1;
        }

        .t.s2 {
            font-size: 22px;
            margin-bottom: 50px;
        }

        .contactformsec.simple {
            background: none;
            padding: 0;

            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;

            width: 100%;
        }

        .contactformsec.simple input,
        .contactformsec.simple textarea {
            background: none;
            border: 2px solid #e1e2f4;
            margin-bottom: 40px;
        }

        .contactformsec.simple button {
            float: left;
            width: auto;
            padding: 17px 40px;
        }

        .ourofficesec>h3 {
            float: left;
            width: 100%;
            font-size: 22px;
            font-family: Helvetica Now Display;
            margin: 0;
            margin-bottom: 0px;
            color: #002060;
            font-weight: 500;
            margin-bottom: 20px;
        }

        .ourofficesec>p {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #443c62;
        }

        .ourofficesec .contactlists span>strong {
            background: none;

            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            box-shadow: none;

            width: auto;
            margin-right: 30px;
            padding: 0;
        }

        .ourofficesec .contactlists span i {
            margin: 0;
        }

        .ourofficesec .contactlists span {
            margin: 5px 0;
        }

        .contact-map {
            float: left;
            width: 100%;
        }

        .contact-map #map_div {
            float: left;
            width: 100%;
            height: 340px;

            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
            border-radius: 10px;

            margin-bottom: 30px;
        }

        .theme-btn.flat {
            background: #002060;
            color: #ffffff;
            border: none;
            padding: 17px 46px;
            margin-right: 13px;
        }

        .theme-btn.flatcolores {
            border-radius: 25px;
            background: rgb(2, 0, 36);
            background: linear-gradient(123deg, #6839ae 0%, #8f44cc 80%) 0% 0% no-repeat padding-box;
            padding: 5px 20px;
            margin-right: 5px;
        }

        .theme-btn.flatcolores:hover {
            color: white;
        }

        .theme-btn.flatgrises {
            border-radius: 25px;
            background-color: gray;
            padding: 5px 20px;
        }

        .theme-btn.flatgrises:hover {
            color: white;
        }

        nav>ul>li.menu-item-has-children ul ul {
            position: absolute;
            right: 100%;
            left: auto;
            background: #1b1b56;
            opacity: 0;
            visibility: hidden;

            -webkit-border-radius: 10px 0px 10px 10px;
            -moz-border-radius: 10px 0px 10px 10px;
            -ms-border-radius: 10px 0px 10px 10px;
            -o-border-radius: 10px 0px 10px 10px;
            border-radius: 10px 0px 10px 10px;

            top: 5px;
        }

        nav>ul>li.menu-item-has-children ul ul::before {
            display: none;
        }

        nav>ul>li.menu-item-has-children .menu-item-has-children>a:before {
            position: absolute;
            left: 7px;
            top: 17px;
            width: 13px;
            height: 1px;
            content: "";
            background: #ffffff;
            opacity: 0.3;
        }

        .blogrmore:hover {
            background: #002060;
            color: #fff;
        }

        .metas li a:hover {
            color: #333;
        }

        .blogthumb:hover img {
            opacity: 0.9;
        }

        .recentposts:hover .rpostinfo>h4 a,
        .recentposts:hover .rpostinfo>h4 {
            color: #1C1C1C;
        }

        .paginationc li:hover>a {
            background: #fff;
            border-color: #8b01ff;
        }

        .tagspost a:hover {
            background: #666666;
            border-color: #666666;
            color: #ffffff;
        }

        .leavecomment form input[type="submit"]:hover {
            background: #002060;
            color: #fff;
        }

        .revdes-tabs>ul>li a.active {
            color: #002060;
        }

        .fieldform .stb-select-container .stb-select {
            width: 100%;
            left: 0;
        }




        .mobilap {
            display: none;
        }

        .ctext p {
            color: #443c62;
            font-size: 15px;
        }



        /* Cross Browser Compatibility */
        .apps-btns>a,
        .theme-btn,
        .menusec nav>ul>li::before,
        .theme-btn.gradient,
        .gradient.theme-btn:before,
        .social a span,
        .social a,
        .clsec,
        .clsec *,
        .someblock>li:before,
        .roadmap *,
        .roadmap *:before,
        .roadmap:before,
        #toggle-widget>h2,
        #toggle-widget>h2:before,
        .consec *,
        .open-minimal-menu,
        .open-minimal-menu *,
        .open-minimal-menu *:before,
        .open-minimal-menu *:after,
        .menusec nav,
        header,
        header *,
        nav>ul>li.menu-item-has-children ul::before,
        header.bg::before,
        .service,
        .service *,
        .rmenu a,
        .qlinks>ul li,
        .product,
        .product *,
        .blogrmore,
        .metas *,
        .blogthumb,
        .blogthumb *,
        .recentposts,
        .recentposts *,
        .paginationc,
        .paginationc *,
        .tagspost a,
        .leavecomment form input[type="submit"] {
            -webkit-transition: all 0.4s ease 0s;
            -moz-transition: all 0.4s ease 0s;
            -ms-transition: all 0.4s ease 0s;
            -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
        }



        .homefrm::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #fff;
        }

        .homefrm::-moz-placeholder {
            /* Firefox 19+ */
            color: #fff;
        }

        .homefrm:-ms-input-placeholder {
            /* IE 10+ */
            color: #fff;
        }

        .homefrm:-moz-placeholder {
            /* Firefox 18- */
            color: #fff;
        }





        ::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #443c62;
        }

        ::-moz-placeholder {
            /* Firefox 19+ */
            color: #443c62;
        }

        :-ms-input-placeholder {
            /* IE 10+ */
            color: #443c62;
        }

        :-moz-placeholder {
            /* Firefox 18- */
            color: #443c62;
        }


        #slider_content-wrapper {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            padding-right: 20px;
        }

        .slider_column {
            width: 600px;
            padding: 10px;

        }

        #slider_featured {
            max-width: 500px;
            max-height: 600px;
            border-radius: 10px;
            object-fit: cover;
            cursor: pointer;

        }

        .slider_thumbnail {
            object-fit: cover;
            max-width: 180px;
            max-height: 100px;

            border-radius: 10px;
            cursor: pointer;
            opacity: 0.5;
            margin: 5px;

        }

        .slider_thumbnail:hover {
            opacity: 1;
        }

        .slider_active {
            opacity: 1;
        }

        #slider_slide-wrapper {
            max-width: 500px;
            display: flex;
            min-height: 100px;
            align-items: center;
        }

        #slider_slider {
            width: 440px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;

        }

        #slider_slider::-webkit-scrollbar {
            width: 8px;

        }

        /*
#slider_slider::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}
 
#slider_slider::-webkit-scrollbar-thumb {
  background-color: #dede2e;
  outline: 1px solid slategrey;
   border-radius: 100px;

}

#slider_slider::-webkit-scrollbar-thumb:hover{
    background-color: #18b5ce;
}
*/

        .slider_arrow {
            width: 30px;
            height: 30px;
            cursor: pointer;
            transition: .3s;
        }

        .slider_arrow:hover {
            opacity: .5;
            width: 35px;
            height: 35px;
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #c0c0c0 !important;
        }

        input:-moz-placeholder,
        textarea:-moz-placeholder {
            color: #c0c0c0 !important;
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            color: #c0c0c0 !important;
        }

        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            color: #c0c0c0 !important;
        }

        /* =============== Dropdown Styles =================== */
        .dropdown-cod {
            position: relative;
        }

        .dropdown-cod-trigger {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: all 0.3s ease;
            height: 100%;
        }

        .dropdown-cod-trigger:hover {
            opacity: 0.8;
        }

        .dropdown-cod-trigger img {
            transition: transform 0.3s ease;
        }

        .dropdown-cod-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 220px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            padding: 8px 0;
            margin-top: 8px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
        }

        .dropdown-cod-menu.dropdown-visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .dropdown-cod-menu.dropdown-hidden {
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
        }

        .dropdown-cod-menu li {
            list-style: none;
        }

        .dropdown-cod-menu li a {
            display: block;
            padding: 16px 41px;
            color: #fdfdfd;
            text-decoration: none;
            transition: all 0.2s ease;
        }

        .dropdown-cod-menu li:last-child a {
            border-bottom: none;
        }

        .dropdown-cod-menu li a:hover {
            color: #6C8EF1;
            font-weight: 500;
        }

        /* Rotar la flecha cuando el dropdown está abierto */
        .dropdown-cod.dropdown-open .dropdown-cod-trigger img {
            transform: rotate(180deg);
            filter: brightness(0) saturate(100%) invert(58%) sepia(6%) saturate(4696%) hue-rotate(189deg) brightness(96%) contrast(98%);
        }

        .dropdown-cod.dropdown-open .dropdown-cod-trigger {
            color: #6C8EF1;
            border-radius: 16px;
            background: #111121;
        }

        /* Estilos específicos para dropdown-select */
        .dropdown-select.dropdown-open .dropdown-cod-trigger {
            background: #ffffff !important;
            color: #333333 !important;
            border-radius: 16px;
            padding: 8px 16px;
        }

        .dropdown-select.dropdown-open .dropdown-cod-trigger img {
            filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%) !important;
        }

        .dropdown-select .dropdown-cod-menu {
            background: #ffffff !important;
            border: 1px solid #e0e0e0 !important;
            opacity: 0 !important;
            visibility: hidden !important;
            transform: translateY(-10px) !important;
            transition: all 0.3s ease !important;
        }

        .dropdown-select .dropdown-cod-menu.dropdown-visible {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translateY(0) !important;
            display: block !important;
            pointer-events: auto !important;
            z-index: 9999 !important;
        }

        .dropdown-select .dropdown-cod-menu.dropdown-hidden {
            opacity: 0 !important;
            visibility: hidden !important;
            transform: translateY(-10px) !important;
        }

        .dropdown-select .dropdown-cod-menu li a {
            color: #333333 !important;
        }

        .dropdown-select .dropdown-cod-menu li a:hover {
            background: #f5f5f5 !important;
            color: #0056b3 !important;
        }

        /* =============== Calculator Slider Styles =================== */
        .calculator-slider-container {
            margin-top: 20px;
            padding: 20px 0;
        }

        .calculator-slider-track {
            position: relative;
            height: 3px;
            background: #CCCBEB;
            border-radius: 4px;
            margin-bottom: 15px;
            /* margin-left: 23px; */
            cursor: pointer;
        }

        .calculator-slider-final {
            position: absolute;
            width: 3px;
            height: 12px;
            background: #CCCBEB;
            right: 0;
            top: -5px;
        }

        .calculator-slider-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: #559da4;
            border-radius: 4px;
            width: 0%;
            transition: none;
        }

        .calculator-slider-handle {
            position: absolute;
            top: 50%;
            left: 0%;
            transform: translate(-50%, -50%);
            width: 44px;
            height: 26px;
            border-radius: 200px;
            cursor: grab;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: none;
            z-index: 10;
            padding: 5px;
        }

        .calculator-main--saving .calculator-slider-handle {
            background: #509DA4;
        }

        .calculator-main--performance .calculator-slider-handle {
            background: #553197;
        }

        .calculator-main--saving .calculator-slider-fill {
            background: #509DA4;
        }

        .calculator-main--performance .calculator-slider-fill {
            background: #553197;
        }

        .calculator-slider-handle:active {
            cursor: grabbing;
            transform: translate(-50%, -50%) scale(1.1);
        }

        .calculator-slider-arrows {
            position: relative;
            color: white;
            font-size: 12px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .calculator-slider-arrows img {
            position: absolute;
            filter: brightness(0) saturate(100%) invert(100%) sepia(59%) saturate(0%) hue-rotate(327deg) brightness(103%) contrast(98%);
        }

        .calculator-slider-arrows img:first-child {
            transform: rotate(-90deg);
            left: 0;
        }

        .calculator-slider-arrows img:last-child {
            transform: rotate(90deg);
            right: 0;
        }

        .dropdown-cod.dropdown-open .dropdown-cod-trigger.dropdown-cod-trigger--transparent {
            background: #0000 !important;
            color: #fdfdfd !important;
        }

        .calculator-slider-labels {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            color: #6C8EF1;
            font-weight: 500;
            margin-top: 18px;
        }

        .calculator-slider-min,
        .calculator-slider-max {
            color: #9593BD;
            font-size: 16px;
            font-weight: 400;
        }

        .calculator-items {
            display: flex;
            justify-content: space-between;
            margin-top: 15px;
        }

        .calculator-item {
            text-align: center;
            position: relative;
            border-radius: 200px;
            color: #0C0E1D;
            padding: 6px 16px;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            border: 1px solid #9593BD;
            font-weight: 500;
        }

        .calculator-main--performance .calculator-item:hover {
            border: 1px solid #553197;
        }

        .calculator-main--saving .calculator-item:hover {
            border: 1px solid #4B9DA5;
        }

        .calculator-item-percentage {
            position: absolute;
            top: -15px;
            right: -2px;
            color: #F8F2FF;
            border-radius: 10px 10px 2px 10px;
            width: 54px;
            height: 22px;
            font-size: 14px;
            font-weight: 700;
            display: flex;
            align-content: center;
            justify-content: center;
        }

        .calculator-main--saving .calculator-item-percentage {
            background: #4B9DA5;
            border: .5px solid #3D3C5D;
        }

        .calculator-main--performance .calculator-item-percentage {
            background: #6F3BB3;
            border: .5px solid #3D3C5D;
        }

        .calculator-main--saving .calculator-item.calculator-item--active {
            color: #fff;
            background: #4B9DA5;
            border-color: #4B9DA5;
        }

        .calculator-main--saving .calculator-item.calculator-item--fixed .calculator-item-percentage {
            background: #2C4E5C;
            color: #F8F2FF;
            border: .5px solid #3D3C5D;
        }

        .calculator-main--performance .calculator-item.calculator-item--fixed .calculator-item-percentage {
            background: #3F2672;
            color: #F8F2FF;
            border: .5px solid #3D3C5D;
        }

        .calculator-main--performance .calculator-item.calculator-item--active {
            color: #fff;
            background: #553197;
            border-color: #553197;
        }

        .calculator-lists {
            color: #040404;
            font-size: 20px;
            display: flex;
            flex-direction: column;
            border: 1px solid #EBEBFE;
            border-radius: 16px;
        }

        .calculator-lists-item {
            gap: 3px;
            font-size: 18px;
            color: #040404;
            font-weight: 500;
            padding: 0 13px;
        }

        .calculator-mount {
            gap: 3px;
            font-size: 18px;
            font-weight: 700;
            line-height: 28px;
        }

        .calculator-shield {
            position: relative;
            z-index: 1;
            padding: 10px;
            border-radius: 12px;
            color: #3D3C5D;
            border: 1px solid #EBEBFE;
            display: flex;
            align-items: center;
            justify-content: start;
            font-size: 16px;
            background: #F9F9FF;
            gap: 12px;
            margin-top: 15px;
            font-weight: 500;
        }

        .calculator-shield span {
            background: linear-gradient(135deg, #4168D8 0%, #6D34CF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .calculator-shield.calculator-shield--only {
            justify-content: center;
            color: #282740;
            font-size: 24px;
            font-weight: 700;
            padding: 14px;
            border-radius: 16px;
            background-clip: padding-box;
        }

        .calculator-shield.calculator-shield--only::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to bottom, #84A1F3, #A57DD9);
            z-index: -1;
            border-radius: 16px;
        }

        .calculator-shield.calculator-shield--only::after {
            content: "";
            position: absolute;
            top: 1px;
            bottom: 1px;
            left: 1px;
            right: 1px;
            background: linear-gradient(to left, #F2E8FF, #E4EBFF);
            z-index: -1;
            border-radius: 16px;
        }

        .calculator-shield.calculator-shield--only.calculator-shield--only--ahorro::after {
            background: #222244;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .calculator-shield.calculator-shield--only.calculator-shield--only--ahorro::before {
            background: linear-gradient(to top, #A57DD9, #84A1F3);
        }

        .calculator-shield.calculator-shield--only.calculator-shield--only--ahorro {
            span {
                background: #CCCBEB;
                background-clip: text;
                font-weight: 500;
            }
        }

        /* Responsive: Calculator layout */
        @media (max-width: 980px) {
            .calculator-content {
                grid-template-columns: 1fr;
                gap: 32px;
            }

            .calculator-col {
                padding: 0 20px;
            }

            .calculator-content .input-dropdown {
                flex-direction: column;
                gap: 12px;
            }

            .calculator-content .input-dropdown .dropdown-cod {
                width: 100%;
            }

            .calculator-content .input-dropdown .dropdown-cod-trigger {
                border-right: 0;
                border-bottom: 1px solid #EBEBFE;
                width: 100%;
                justify-content: space-between;
            }

            .calculator-content .input-dropdown input {
                width: 100%;
            }

            .calculator-slider-container {
                margin-top: 12px;
            }

            .calculator-slider-labels {
                justify-content: space-between;
            }

            .calculator-items {
                gap: 10px;
            }

            .calculator-item {
                width: 100%;
            }

            .calculator-support {
                flex-direction: column;
                gap: 12px;
                align-items: stretch;
            }

            .calculator-support .btn {
                width: 100% !important;
                justify-content: center;
            }

        }

        @media (max-width: 680px) {
            .calculator-col {
                padding: 0 15px;
            }

            .calculator-content .input-dropdown input {
                padding: 14px;
            }

            .calculator-slider-handle {
                width: 28px;
                height: 28px;
            }

            .calculator-slider-arrows img {
                width: 10px;
            }

            .calculator-item {
                padding: 12px;
            }

            .calculator-item-months,
            .calculator-item-percentage {
                font-size: 16px;
            }

            .calculator-lists-item {
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .calculator-col {
                padding: 0 10px;
            }

            .calculator-content {
                gap: 24px;
            }

            .calculator-content .input-dropdown {
                gap: 10px;
            }

            .calculator-slider-handle {
                width: 24px;
                height: 24px;
            }

            .calculator-items {
                gap: 8px;
                flex-wrap: wrap;
            }

            .calculator-item {
                padding: 6px;
            }

            .calculator-lists-item {
                font-size: 15px;
            }
        }

        /* Regla general para todos los botones - font-size 20px y altura 50px */
        button,
        input[type="button"],
        input[type="submit"],
        .btn,
        .btnLg,
        .btnLgcolor,
        .btn-outline,
        .btn-fill,
        .btnTur,
        .btnUser,
        .btn-outlined,
        .btn-product-pozo,
        .btnLOgLineNew,
        .btn-cod--outlined,
        .btn-cod--fill,
        .theme-btn,
        .btn-primary {
            font-size: 20px !important;
            height: 50px !important;
        }



        /* .tooltip-cod-cod-label {
            position: relative;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .tooltip-cod-cod-label:hover {
            background-color: #45a049;
        }

        .tooltip-cod-cod {
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            background-color: #333;
            color: #fff;
            padding: 8px 12px;
            border-radius: 4px;
            font-size: 14px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
            margin-bottom: 10px;
            z-index: 100;
        }

        .tooltip-cod-cod-label:hover .tooltip-cod-cod {
            opacity: 1;
            visibility: visible;
        }

        .tooltip-cod-cod:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #333 transparent transparent transparent;
        } */

        /* START TOOLTIP-cod STYLES */
        [tooltip-cod] {
            position: relative;
            height: 24px;
            /* opinion 1 */
        }

        /* Applies to all tooltip-cods */
        [tooltip-cod]::before,
        [tooltip-cod]::after {
            text-transform: none;
            font-size: 14px;
            font-weight: 500;
            line-height: 1;
            user-select: none;
            pointer-events: none;
            position: absolute;
            display: none;
            opacity: 0;
        }

        [tooltip-cod]::before {
            content: '';
            z-index: 1001;
        }

        [data-cod-width]::after {
            content: '';
            width: attr(data-cod-width);
        }

        [tooltip-cod--dark]::after {
            color: #CCCBEB !important;
            background: #202140 !important;
            border-color: #3D3C5D !important;
        }

        [tooltip-cod]::after {
            display: inline-flex;
            content: attr(tooltip-cod);
            width: var(--width-tooltip);
            line-height: 1.3;
            /* most of the rest of this is opinion */
            font-family: Helvetica, sans-serif;
            text-align: left;
            /* white-space: nowrap; */
            /* overflow: hidden; */
            /* text-overflow: ellipsis; */
            padding: 8px 12px;
            border-radius: 10px 10px 10px 1px;
            border: 1px solid #EBEBFE;
            background: #F9F9FF;
            color: #9593BD;
            z-index: 1000;
            top: calc(100% - 56px);
            /* absurdity 2 */
        }

        /* Make the tooltip-cods respond to hover */
        [tooltip-cod]:hover::before,
        [tooltip-cod]:hover::after {
            display: block;
        }

        /* don't show empty tooltip-cods */
        [tooltip-cod='']::before,
        [tooltip-cod='']::after {
            display: none !important;
        }

        /* FLOW: UP */
        [tooltip-cod]:not([flow])::before,
        [tooltip-cod][flow^="up"]::before {
            bottom: 100%;
            border-bottom-width: 0;
            border-top-color: #333;
        }

        [tooltip-cod]:not([flow])::after,
        [tooltip-cod][flow^="up"]::after {
            bottom: calc(100% + 5px);
        }

        [tooltip-cod]:not([flow])::before,
        [tooltip-cod]:not([flow])::after,
        [tooltip-cod][flow^="up"]::before,
        [tooltip-cod][flow^="up"]::after {
            left: 50%;
            transform: translate(-50%, -.5em);
        }

        /* FLOW: DOWN */
        [tooltip-cod][flow^="down"]::before {
            top: 100%;
            border-top-width: 0;
            border-bottom-color: #333;
        }

        [tooltip-cod][flow^="down"]::after {
            top: calc(100% + 5px);
        }

        [tooltip-cod][flow^="down"]::before,
        [tooltip-cod][flow^="down"]::after {
            left: 50%;
            transform: translate(-50%, .5em);
        }

        /* FLOW: LEFT */
        [tooltip-cod][flow^="left"]::before {
            top: 50%;
            border-right-width: 0;
            border-left-color: #333;
            left: calc(0em - 5px);
            transform: translate(-.5em, -50%);
        }

        [tooltip-cod][flow^="left"]::after {
            top: 50%;
            right: calc(100% + 5px);
            transform: translate(-.5em, -50%);
        }

        /* FLOW: RIGHT */
        [tooltip-cod][flow^="right"]::before {
            top: 50%;
            border-left-width: 0;
            border-right-color: #333;
            right: calc(0em - 5px);
            transform: translate(.5em, -50%);
        }

        [tooltip-cod][flow^="right"]::after {
            left: calc(100% - 20px);
            transform: translate(.5em, -50%);
        }

        /* KEYFRAMES */
        @keyframes tooltip-cods-vert {
            to {
                opacity: .9;
                transform: translate(-50%, 0);
            }
        }

        @keyframes tooltip-cods-horz {
            to {
                opacity: .9;
                transform: translate(0, -18px);
            }
        }

        /* FX All The Things */
        [tooltip-cod]:not([flow]):hover::before,
        [tooltip-cod]:not([flow]):hover::after,
        [tooltip-cod][flow^="up"]:hover::before,
        [tooltip-cod][flow^="up"]:hover::after,
        [tooltip-cod][flow^="down"]:hover::before,
        [tooltip-cod][flow^="down"]:hover::after {
            animation: tooltip-cods-vert 300ms ease-out forwards;
        }

        [tooltip-cod][flow^="left"]:hover::before,
        [tooltip-cod][flow^="left"]:hover::after,
        [tooltip-cod][flow^="right"]:hover::before,
        [tooltip-cod][flow^="right"]:hover::after {
            animation: tooltip-cods-horz 300ms ease-out forwards;
        }

        .modal-avisarme {
            display: none;
            position: fixed;
            z-index: 1005;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #00000073;
            align-items: center;
            justify-content: center;
        }

        .modal-avisarme.modal-avisarme--active {
            display: flex;
        }

        .modal-card {
            width: 470px;
            border-radius: 16px;
            border: 1px solid #282740;
            background: #111122;
        }

        .modal-card img.icon-avisar {
            width: 56px;
            margin: 0 auto;
            display: block;
        }

        .modal-content-cod {
            position: relative;
            padding: 70px 40px 40px;

            p {
                color: #FDFDFD;
                font-size: 18px;
                margin-top: 20px;
                margin-bottom: 40px;
            }
        }

        .modal-content-cod .close-login-register {
            top: 16px;
            right: 16px;
        }

        .modal-avisarme .country-select {
            width: auto;
        }

        #onboarding-main {
            /* display: flex !important; */
            justify-content: center;
            align-items: center;
        }

        .onboarding-card {
            width: 502px;
            border-radius: 16px;
            background: #18162F;
            border: 1px solid #282740;
            padding: 20px 20px 40px;
            z-index: 1;
        }

        .onboarding-content {
            display: flex;
            flex-direction: column;

            .radios-cod {
                max-width: 358px;
                margin: 40px auto auto;
            }
        }

        .onboarding-steps {
            display: flex;
            gap: 16px;

            span {
                flex-grow: 1;
                background: #1E1D33;
                border-radius: 200px;
                height: 8px;
            }
        }

        .onboarding-steps span.fill {
            background: linear-gradient(to left, #4168D8, #6F3BB3);
        }

        .onboarding-title {
            color: #CCCBEB;
            font-size: 18px;
            font-weight: 700;
            text-align: center;
            margin-top: 40px;
        }

        .onboarding-question {
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            color: #CCCBEB;
            margin-top: 40px;
        }

        .radios-cod {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .radios-cod li {
            width: 100%;
            border: 1px solid #2C2D57;
            border-radius: 8px;
            display: flex;
            gap: 20px;
            padding: 16px 18px;
            margin: auto;
            cursor: pointer;

            span {
                color: #EBEBFE;
                font-size: 16px;
            }
        }

        .radios-cod li .radio-cod {
            position: relative;
            width: 20px;
            height: 20px;
            border-radius: 200px;
            border: 1px solid #3D3C5D;
        }

        .radio-select-cod {
            transition: all 200ms ease-in-out;
        }

        .radio-select-cod:hover {
            border-color: #37386d;
        }

        .onboarding-card .btn-submit-form {
            margin: 50px auto auto;
        }

        .radio-select-cod.radio-select-cod--active {
            border-color: #6C8EF1;
        }

        .radio-select-cod.radio-select-cod--active .radio-cod {
            border-width: 1.67px;
            border-color: #6C8EF1;
            display: grid;
            place-items: center;

            &::before {
                content: "";
                position: absolute;
                width: 10px;
                height: 10px;
                background: #6C8EF1;
                border-radius: 200px;
            }
        }

        .main-profile {
            width: 1020px;
            border-radius: 16px;
            max-width: 1020px;
            display: grid;
            grid-template-columns: 375px minmax(656px, 1fr);
            margin: 70px 0 90px;
        }

        .profile-left {
            padding: 24px;
            background: #F9F9FF;
            border: 1px solid #EBEBFE;
            max-width: 375px;
            border-radius: 16px 0 0 16px;
        }

        .profile-right {
            background: #FDFDFD;
            border: 1px solid #EBEBFE;
            border-radius: 0 16px 16px 0;
            padding: 28px 38px;
            width: 100%;
        }

        .profile-fullname {
            font-size: 26px;
            color: #1E1D33;
            font-weight: 700;
            margin-top: 30px;
        }

        .settings-profile {
            margin-top: 20px;
            padding: 15px;
            border-radius: 10px;
            border: 1px solid #EBEBFE;
            box-shadow: 0 0 10px #06061614;
        }

        .settings-profile-title {
            color: #552D9A;
            font-weight: 700;
            font-size: 16px;
        }

        .settings-profile-description {
            color: #282740;
            font-size: 14px;
            margin-top: 5px;
        }

        .settings-steps {
            margin-top: 20px;
            margin-bottom: 0;
            gap: 8px;
            display: flex;
            flex-direction: column;
        }

        .settings-profile-item {
            padding: 10px 12px;
            border-radius: 8px;
            background: #F9F9FF;
            border: 1px solid #EBEBFE;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #3D3C5D;
            cursor: pointer;

            .switch-profile {
                position: relative;
                width: 15px;
                height: 15px;
                border-radius: 200px;
                border: 1.08px solid #CCCBEB;
                display: grid;
                place-items: center;
            }
        }

        .settings-profile-item.settings-profile-item--done {
            color: #552D9A;

            .switch-profile::before {
                content: url('../images/helpers/done-profile.png');
                position: absolute;
                top: 4px;
            }
        }

        .settings-profile-item.settings-profile-item--done .switch-profile {
            background: #88CF68;
            border-color: #88CF68;
        }

        .settings-profile-item.settings-profile-item--active {
            background: #EBEBFE;
            font-weight: 600;
            color: #552D9A;
        }

        .sp-profile {
            border-top: 1px solid #EBEBFE !important;
            margin: 30px 0;

            &.sp-profile--last {
                margin-top: 80px;
            }
        }

        .profile-menu {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .profile-menu-item {
            padding: 12px 16px;
            font-size: 18px;
            color: #040404;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            border-radius: 10px;
            transition: all 200ms ease-in-out;
            font-weight: 500;

            .icon-menu-item {
                position: relative;
            }
        }

        .profile-menu-item:hover {
            background: #EBEBFE;
        }

        .profile-menu-item.profile-menu-item--active {
            background: #EBEBFE;
            color: #552D9A;
            font-weight: 600;

            img {
                filter: brightness(0) saturate(100%) invert(29%) sepia(10%) saturate(3828%) hue-rotate(218deg) brightness(95%) contrast(102%);
            }
        }

        .profile-menu-item.profile-menu-item--warning {
            .icon-menu-item::before {
                content: url('../images/helpers/warning.png');
                position: absolute;
                bottom: -8px;
                right: -2px;
            }
        }

        .subtitle-profile {
            color: #040404;
            font-size: 18px;
            font-weight: 600;
        }

        .fields-requerid {
            color: #552D9A;
            font-size: 16px;
            font-weight: 600;
        }

        .grid-cols-2-cod {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 40px;
        }

        .field-cod.field-cod--light .field-label {
            color: #1E1D33;

            b {
                color: #552D9A !important;
            }
        }

        .field-cod.field-cod--light input[type="text"],
        .field-cod.field-cod--light input[type="password"],
        .field-cod.field-cod--light input[type="email"] {
            background: #FDFDFD !important;
            border-color: #CCCBEB !important;
            color: #1E1D33 !important;
            padding: 12px 14px;
        }

        .field-cod--light input.tel-cod {
            background: #FDFDFD;
            border-color: #CCCBEB;
            color: #1E1D33;
            border-left: 0;
        }

        .field-cod--light .country-btn {
            height: 46px !important;
            background: #FAFAFA;
            color: #616083;
            border-color: #EBEBFE;
            cursor: default;
            width: 111px;
            grid-template-columns: 1fr 1fr;
            padding: 0 18px;
        }

        /* .field-cod--light .country-select {
            width: 111px;
        } */

        .btn-pencil {
            position: absolute;
            width: 40px;
            height: 38px;
            top: 36px;
            right: 3px;
            background: #FDFDFD;
            cursor: pointer;
            display: inline-flex;
            justify-content: center;
            align-items: center;
        }

        .field-cod.field-cod--disabled .field-label,
        .field-cod.field-cod--disabled input[type="text"],
        .field-cod.field-cod--disabled input[type="password"],
        .field-cod.field-cod--disabled input[type="email"],
        .field-cod--disabled input.tel-cod {
            color: #9593BD !important;
            border-color: #EBEBFE !important;
        }

        .input-dni-profile .country-btn {
            width: 90px;
        }

        /* Error styles for form fields */
        .field-cod.field-cod--error input[type="text"],
        .field-cod.field-cod--error input[type="password"],
        .field-cod.field-cod--error input[type="email"],
        .field-cod.field-cod--error input.tel-cod {
            border-color: #E53935 !important;
        }

        .field-cod.field-cod--error input#dni-profile {
            border-left: 1px solid #E53935 !important;
        }

        .field-cod.field-cod--error .input-cod-date--inputs input,
        .field-cod--error .input-cod-date--inputs input,
        .field-cod.field-cod--error.input-cod-date input,
        .field-cod--error.input-cod-date input,
        .field-cod.input-cod-date.field-cod--error input[type="number"] {
            border-color: #E53935 !important;
        }

        .select-main-cod.field-cod.field-cod--error .select-form-gloobal .main,
        .select-main-cod.field-cod--error .select-form-gloobal .main,
        .select-form-gloobal.field-cod--error .main,
        div.select-form-gloobal.field-cod--error .main {
            border-color: #E53935 !important;
        }

        .field-cod.field-cod--error .input-cod-date--inputs {
            border-color: #E53935 !important;
        }

        .select-form-gloobal {
            width: 100%;
            position: relative;
        }

        .select-form-gloobal .main {
            background: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 16px;
            font-weight: 500;
            padding: 12px 14px;
            border: 1px solid #CCCBEB;
            border-radius: 10px;
            cursor: pointer;
            color: #9593BD;
            height: 46px;

            img {
                transform: rotate(180deg);
            }
        }

        .select-form-gloobal .options {
            color: #9593BD;
            border-radius: 0 0 10px 10px;
            background: #fff;
            border: 2px solid #CCCBEB;
            border-top: none;
            position: absolute;
            z-index: 1;
            top: 42px;
            width: 100%;
            animation: var(--fadeInDown);
            display: none;
        }

        .select-form-gloobal .content-options {
            max-height: 260px;
            width: 100%;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .select-form-gloobal .content-options::-webkit-scrollbar {
            width: 10px;
        }

        .select-form-gloobal .content-options::-webkit-scrollbar-track {
            background: #fff;
        }

        .select-form-gloobal .content-options::-webkit-scrollbar-thumb {
            background-color: #dadada;
            border-radius: 11px;
            border: 1px solid #ffffff;
        }

        .select-form-gloobal .options hr {
            margin: 4px 10px 5px 10px;
            border-color: #EBEBFE;
        }

        .select-form-gloobal .options .option {
            padding: 15px;
            font-size: 16px;
            display: flex;
            flex-direction: column;
            cursor: pointer;
            transition: all 200ms ease-in-out;
        }

        .select-form-gloobal .options .option:hover {
            background: #f5f5f5;
            transform: translateX(3px);
        }

        .select-form-gloobal .options .option div.active {
            font-weight: bold;
        }

        .select-form-gloobal .options .option span {
            margin-top: 5px;
            font-size: .85em;
            color: silver;
        }

        .field-cod--light .input-cod-date--inputs {
            border-color: #CCCBEB
        }

        .field-cod--light.input-cod-date input:nth-child(2) {
            border-color: #CCCBEB
        }

        .field-cod--light.input-cod-date input {
            width: 100%;
            background: #FDFDFD;
        }

        .field-cod--light input::placeholder {
            color: #9593BD !important;
        }

        /* Native Select Styling */
        .field-cod--light select.select-cod {
            width: 100%;
            background: #FDFDFD;
            border: 1px solid #CCCBEB;
            border-radius: 8px;
            padding: 12px 14px;
            font-family: 'Helvetica Now Display', sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: #1E1D33;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231E1D33' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 14px center;
            padding-right: 40px;
        }

        .field-cod--light select.select-cod:focus {
            outline: none;
            border-color: #6F3BB3;
            box-shadow: 0 0 0 3px rgba(111, 59, 179, 0.1);
        }

        .field-cod--light select.select-cod:hover {
            border-color: #9593BD;
        }

        /* Placeholder styling for select */
        .field-cod--light select.select-cod option[value=""] {
            color: #9593BD;
        }

        .field-cod--light select.select-cod:invalid {
            color: #9593BD;
        }

        /* Error state for select */
        .field-cod--error select.select-cod {
            border-color: #E53935 !important;
            background-color: #FFF5F5 !important;
        }

        .field-cod--error select.select-cod:focus {
            border-color: #E53935 !important;
            box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.1) !important;
        }

        .btn-profile-purple {
            background: #552D9A;
            color: #FDFDFD;
            width: var(--btn-profile-width);
            float: right;
            font-size: 16px !important;
            font-weight: 700 !important;
            &.font-size-20 {
                font-size: 20px !important;
            }
        }
        .btn-profile-flat {
            background: #FDFDFD;
            color: #0C0E1D;
            width: var(--btn-profile-width);
            float: right;
            font-size: 20px !important;
            font-weight: 700 !important;
            border: 1px solid #CCCBEB;
        }
        .alert-cod {
            padding: 8px;
            border-radius: 8px;
            gap: 8px;
            display: flex;
            align-items: center;
            font-size: 14px;
            font-weight: 600;
        }

        .alert-cod.alert-cod--danger {
            color: #D92D20;
            background: #FEE4E2;
        }

        .alert-cod.alert-cod--check {
            color: #6DAC51;
            background: #E9FFE0;
        }

        /* File Upload */

        /* File Upload Component Styles */
        .cod-file-upload {
            border: 2px dashed #CCCBEB;
            border-radius: 8px;
            padding: 24px 43px;
            height: 148px;
            text-align: center;
            transition: all 0.3s ease;
            cursor: pointer;
            background: #F9F9FF;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .cod-file-upload:hover,
        .cod-file-upload.cod-dragover {
            border-color: #3498db;
            background: #F9F9FF;
        }

        .cod-file-upload__icon {
            width: 64px;
            height: 64px;
            color: #a0aec0;
            margin-bottom: 10px;
        }

        .cod-file-upload__text {
            font-size: 14px;
            color: #1C1C1C;
            font-weight: 600;
        }

        .cod-file-upload__subtext {
            font-size: 0.875rem;
            color: #718096;
        }

        .cod-file-upload__input {
            display: none;
        }

        .cod-file-upload__btn {
            display: inline-block;
            text-decoration: underline;
            color: #552D9A;
            font-weight: 600;
            font-size: 14px;
        }

        .cod-file-list {
            margin-top: 1.5rem;
        }

        .cod-file-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 16px 12px;
            background: #f8f9fa;
            border-radius: 8px;
            margin-bottom: 0.5rem;
            height: 56px;
        }

        .cod-file-item__info {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .cod-file-item__icon {
            width: 24px;
            height: 24px;
            color: #3498db;
        }

        .cod-file-item__details {
            display: flex;
            flex-direction: column;
        }

        .cod-file-item__name {
            font-weight: 600;
            color: #040404;
            font-size: 15.43px
        }

        .cod-file-item__size {
            font-size: 12px 16px;
            color: #718096;
        }

        .cod-file-item__remove {
            background: none;
            border: none;
            cursor: pointer;
        }

        .footer-upload {
            margin-top: 7px;
            padding: 0 10px;

            span {
                color: #8486B5;
                font-size: 14px;
            }
        }

        .info-contract {
            color: #9593BD;
            border: 1px solid #EBEBFE;
            border-radius: 8px;
            padding: 24px 43px;
            text-align: center;
            font-size: 14px;
        }

        .text-error-cod {
            color: #EF1818;
            font-size: 14px;
            padding: 0 10px;
            display: none;
            visibility: visible;
        }

        .text-error-cod.active {
            display: block;
            visibility: hidden;
        }

        .contracts {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .item-contracts {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #FDFDFD;
            border-radius: 8px;
            padding: 10px 16px;
            border: 1px solid #EBEBFE;
        }

        .item-contracts-header {
            display: flex;
            gap: 10px;
        }

        .item-contracts-header span {
            color: #616083;
            font-size: 14px;
            font-weight: 600;

            &.contract-value {
                color: #040404;
                font-size: 16px;
            }
        }

        .item-contracts-footer {
            font-size: 14px;
            color: #616083;

            .d-flex {
                gap: 20px;
                align-items: center;
            }
        }

        .alert-cod-warning {
            background: #FFFAEB;
            padding: 10px 8px;
            display: flex;
            gap: 7px;
            align-items: center;
            color: #3D3C5D;
            font-size: 13px;
            margin-bottom: 10px;
        }

        .mt-70 {
            margin-top: 70px;
        }

        .field-cod--light .toggle-password img {
            filter: brightness(0) saturate(100%) invert(17%) sepia(74%) saturate(1998%) hue-rotate(247deg) brightness(99%) contrast(97%) !important;
        }

        .main-profile .country-btn {
            border: 1px solid #EBEBFE;
            font-size: 16px;
            border-radius: 8px 0 0 8px;
        }

        .main-profile .country-btn span {
            font-size: 16px;
        }

        .main-profile input.tel-cod {
            border: 1px solid #CCCBEB;
            border-left: none;
            width: 100%;
            padding: 8px 14px;
            border-radius: 0 8px 8px 0;
        }

        .main-profile .input-cod-date input {
            color: black;
        }
        .calculator-main--saving .calculator-tasa-title-value.calculator-tasa-title-value--last {
            background: #2C4E5C;
        }
        .calculator-main--performance .calculator-tasa-title-value.calculator-tasa-title-value--last {
            background: #3F2672;
        }
        .text-gradient-to-right {
            background: linear-gradient(to right, #4168D8, #552D9A);
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .preloader-temp {
            position: fixed;
            background: #100f1c;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1200;
        }

        .loader {
            filter: url("#goo");
            position: relative;
            width: 500px;
            height: 100px;
        }

        .loader::after {
            content: "";
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: #ffffff;
            margin: 0 auto;
            position: absolute;
            top: 25px;
            left: 225px;
            -webkit-animation: scale 2.5s ease-in-out infinite;
            animation: scale 2.5s ease-in-out infinite;
        }

        .loader div {
            position: absolute;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #ffffff;
            top: 35px;
            left: 235px;
            -webkit-animation: move 2.5s ease-in-out infinite alternate;
            animation: move 2.5s ease-in-out infinite alternate;
        }

        .loader div::after,
        .loader div::before {
            content: "";
            display: block;
            position: absolute;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #ffffff;
        }

        .loader div::before {
            left: -75px;
        }

        .loader div::after {
            left: 75px;
        }

        @-webkit-keyframes move {
            0% {
                transform: translateX(-150px);
            }

            100% {
                transform: translateX(150px);
            }
        }

        @keyframes move {
            0% {
                transform: translateX(-150px);
            }

            100% {
                transform: translateX(150px);
            }
        }

        @-webkit-keyframes scale {
            10% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.25);
            }

            90% {
                transform: scale(1);
            }
        }

        @keyframes scale {
            10% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.25);
            }

            90% {
                transform: scale(1);
            }
        }

        .preloader-temp svg {
            position: absolute;
            z-index: -100;
            pointer-events: none;
        }