/* ===================================
    Crafto - Application
====================================== */
                            /* font */
                            
                            @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
                            @import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
                            /* variable */
                            
                             :root {
                                --alt-font: "Rubik", sans-serif;
                                --primary-font: "Rubik", sans-serif;
                                --base-color: #4285F4;
                                --dark-gray: #2c2e3c;
                                --medium-gray: #797a85;
                            }
                            
                            .border-left {
                                border-left: 1px solid;
                                padding-left: 40px;
                            }
                            
                            .text-justify {
                                text-align: justify !important;
                            }
                            /* reset */
                            
                             ::-webkit-input-placeholder {
                                color: var(--aluminium-grey) !important;
                                text-overflow: ellipsis;
                            }
                            
                             ::-moz-placeholder {
                                color: var(--aluminium-grey) !important;
                                text-overflow: ellipsis;
                                opacity: 1;
                            }
                            
                             :-ms-input-placeholder {
                                color: var(--aluminium-grey) !important;
                                text-overflow: ellipsis;
                                opacity: 1;
                            }
                            
                            .banner {
                                padding: 130px 0px;
                            }
                            
                            .contact-form-style-02 {
                                background: #ffffff99;
                                padding: 40px 10px;
                                border-radius: 10px;
                            }
                            
                            .candi-name {
                                font-size: 24px;
                                font-weight: 700;
                            }
                            /* custom cursor */
                            
                            @media (hover: hover) and (pointer: fine) {
                                .custom-cursor .circle-cursor-outer {
                                    border: 1px solid transparent;
                                }
                                .custom-cursor .circle-cursor-inner {
                                    width: 25px;
                                    height: 25px;
                                    background: rgba(44, 46, 60, .15)
                                }
                            }
                            /* bg gradient color */
                            
                            .bg-gradient-pink-orchid {
                                background-image: linear-gradient(to right top, #e958a1, #e15aae, #d15ec7, #c561db, #bf63e5);
                            }
                            
                            .bg-dark-haiti {
                                background-color: #2e2b39;
                            }
                            
                            .bg-floral-white {
                                background-color: #fff8e7;
                            }
                            
                            .bg-licorice-blue {
                                background-color: #585d72;
                            }
                            
                            .bg-black-pearl-blue {
                                background-color: #232530;
                            }
                            
                            .bg-black-pearl-blue-dark {
                                background-color: #1f212a;
                            }
                            
                            .bg-linen {
                                background-color: #fdedea;
                            }
                            
                            .bg-oxford-blue {
                                background-color: #262D38;
                            }
                            /* text gradient color */
                            
                            .text-gradient-pink-orchid {
                                background-image: linear-gradient(to right, #e958a1, #e15aae, #d15ec7, #c561db, #bf63e5);
                                -webkit-background-clip: text;
                                -webkit-text-fill-color: transparent;
                            }
                            
                            .h1,
                            .h2,
                            .h3,
                            .h4,
                            .h5,
                            .h6,
                            h1,
                            h2,
                            h3,
                            h4,
                            h5,
                            h6 {
                                margin-bottom: 25px;
                            }
                            /* btn */
                            
                            .btn {
                                font-weight: 600;
                                text-transform: none;
                                letter-spacing: 0;
                            }
                            
                            .btn.btn-extra-large {
                                font-size: 17px;
                            }
                            
                            .btn.btn-large {
                                font-size: 15px;
                            }
                            
                            .btn.btn-medium {
                                font-size: 14px;
                            }
                            
                            .btn.btn-small {
                                font-size: 13px;
                            }
                            
                            .btn.btn-very-small {
                                font-size: 12px;
                            }
                            
                            .btn-gradient-pink-orchid {
                                background-image: linear-gradient(to right, #e958a1, #bf63e5, #bf63e5);
                                background-size: 200% auto;
                                color: var(--white);
                            }
                            /* newsletter */
                            
                            .newsletter-style-02 .btn {
                                padding: 7px 18px 9px 18px;
                            }
                            
                            .newsletter-style-02 input {
                                padding-right: 50px;
                            }
                            /* border color gradient */
                            
                            .border-gradient-pink-orchid {
                                border-image: linear-gradient(to right top, #e958a1, #e15aae, #d15ec7, #c561db, #bf63e5);
                                border-image-slice: 1;
                            }
                            /* width */
                            
                             ::-webkit-scrollbar {
                                width: 3px;
                            }
                            /* Handle */
                            
                             ::-webkit-scrollbar-thumb {
                                background: black;
                            }
                            
                            .bb {
                                padding: 132px 0px;
                                background-size: cover;
                                background-position: center;
                            }
                            /* header */
                            /* header .navbar-brand img {
    max-height: 70px;
} */
                            
                            .text-h6 {
                                font-size: 23px;
                            }
                            
                            .navbar .navbar-nav .nav-link {
                                font-weight: 600;
                                font-size: 15px;
                            }
                            
                            .navbar .navbar-nav .nav-link {
                                font-size: 17px;
                                line-height: normal;
                                padding: 23px;
                            }
                            
                            .navbar .navbar-nav .dropdown .dropdown-menu {
                                top: 82% !important;
                                width: 90%;
                                left: 5%;
                                border-radius: 10px;
                            }
                            
                            header .btn i {
                                top: -1px !important;
                            }
                            
                            header.sticky.sticky-active .disable-fixed[data-header-hover=light] {
                                background-color: transparent !important;
                                box-shadow: none !important;
                            }
                            /* button type */
                            
                            .btn.btn-switch-text.btn-extra-large>span {
                                font-size: 17px;
                                padding: 16px 36px;
                            }
                            
                            .btn.btn-switch-text.btn-large>span {
                                font-size: 15px;
                                padding: 14px 34px;
                            }
                            
                            .btn.btn-switch-text.btn-medium>span {
                                font-size: 14px;
                                padding: 12px 28px;
                            }
                            
                            .btn.btn-switch-text.btn-small>span {
                                font-size: 13px;
                                padding: 8px 20px;
                            }
                            
                            .btn.btn-switch-text.btn-very-small>span {
                                font-size: 12px;
                                padding: 6px 20px;
                            }
                            
                            .btn.btn-link {
                                padding: 0 0 2px;
                            }
                            
                            .btn-yellow {
                                background-color: var(--yellow);
                                color: var(--dark-gray);
                            }
                            
                            .btn-yellow:hover {
                                background-color: transparent;
                                border-color: var(--yellow);
                                color: var(--yellow);
                            }
                            
                            .btn.btn-box-shadow.btn-yellow:hover {
                                background-color: var(--yellow) !important;
                                color: var(--dark-gray) !important;
                            }
                            
                            .btn-green {
                                background-color: var(--green);
                                color: var(--white);
                            }
                            
                            .btn-green:hover {
                                background-color: var(--white);
                                border-color: var(--white);
                                color: var(--dark-gray);
                            }
                            /* top right bottom left */
                            
                            .bottom-130px {
                                bottom: 130px;
                            }
                            
                            .bottom-150px {
                                bottom: 150px;
                            }
                            
                            .top-25 {
                                top: 25% !important;
                            }
                            /* height */
                            
                            .h-64px {
                                height: 64px !important;
                            }
                            /* margin */
                            
                            .margin-minus-95px-bottom {
                                margin-bottom: -95px;
                            }
                            /* border radius */
                            
                            .border-radius-top-left {
                                border-radius: 10px 0 0 10px !important;
                            }
                            
                            .border-color-transparent-dark {
                                border-color: rgba(31, 36, 46, 0.5) !important;
                            }
                            /* page title */
                            
                            .page-title-extra-large h1 {
                                font-size: 4.063rem;
                                line-height: 4.375rem;
                            }
                            
                            .page-title-extra-large h2 {
                                font-size: 16px;
                                line-height: 20px;
                            }
                            /* scrolling text */
                            
                            .marquees-text {
                                word-break: normal;
                            }
                            /* review */
                            
                            .review-star-icon i {
                                color: #ffae00;
                            }
                            /*  process step style 05  */
                            
                            .process-step-style-05 .progress-step-separator {
                                bottom: inherit;
                                height: 100%;
                            }
                            /*  footer  */
                            
                            footer .footer-logo img {
                                max-height: 32px;
                            }
                            
                            footer ul li {
                                margin-bottom: 0;
                            }
                            /* media query responsive */
                            
                            @media (max-width: 1199px) {
                                .review-star-icon i {
                                    letter-spacing: 2px;
                                }
                                .newsletter-style-02 input {
                                    padding-left: 15px;
                                }
                            }
                            
                            @media (max-width: 575px) {
                                header .header-icon .btn.btn-rounded.btn-small {
                                    padding-left: 20px;
                                }
                                .banner {
                                    padding: 50px 0px;
                                }
                                .right-t {
                                    border-top: 4px solid #ffc107;
                                    margin-top: 16px;
                                    border-left: none !important;
                                }
                                .left-t {
                                    border-bottom: 4px solid #ffc107;
                                    margin-bottom: 15px;
                                    border-right: none !important;
                                }
                                .line-connector {
                                    transform: rotate(90deg);
                                }
                            }
                            
                            @media (min-width: 575px) {
                                .mb-md-2 {
                                    margin-bottom: 2% !important;
                                }
                                .mt-md-0 {
                                    margin-top: 0px !important;
                                }
                            }
                            /* Revolution Slider */
                            
                            #demo-corporate-slider {
                                border-radius: 6px;
                            }
                            
                            .hesperiden.tparrows {
                                width: 54px;
                                height: 54px;
                                background: transparent;
                                border: 1px solid rgba(255, 255, 255, 0.2);
                                -webkit-transition: all 300ms ease-in-out;
                                transition: all 300ms ease-in-out
                            }
                            
                            .hesperiden.tparrows:hover {
                                border: 1px solid rgba(255, 255, 255, 1);
                                background: rgba(255, 255, 255, 1);
                                ;
                            }
                            
                            .hesperiden.tparrows:hover:before {
                                color: #232323
                            }
                            
                            .hesperiden.tparrows:before {
                                line-height: 52px;
                            }
                            
                            .hesperiden.tparrows.tp-leftarrow:before {
                                content: "\f104";
                                font-family: "Font Awesome 6 Free";
                                font-size: 16px;
                                font-weight: 900
                            }
                            
                            .hesperiden.tparrows.tp-rightarrow:before {
                                content: "\f105";
                                font-family: "Font Awesome 6 Free";
                                font-size: 16px;
                                font-weight: 900
                            }
                            
                            .hesperiden.tparrows.tp-leftarrow:before {
                                margin-left: 0;
                            }
                            
                            .hesperiden.tparrows.tp-rightarrow:before {
                                margin-right: 0;
                            }
                            
                            .get-started-btn {
                                transition: 0.3s ease-in-out !important;
                            }
                            
                            .hesperiden.tparrows {
                                z-index: 97;
                            }
                            
                            @media (max-width: 1199px) {
                                #demo-corporate-slider {
                                    border-radius: 0;
                                }
                            }
                            
                            .bg-regal-blue {
                                background-color: #162340;
                            }
                            /* box layout */
                            
                            .box-layout {
                                padding: 0 40px;
                            }
                            
                            @media (max-width: 1199px) {
                                .box-layout {
                                    padding: 0 15px;
                                }
                            }
                            /* btn */
                            
                            .btn {
                                letter-spacing: 0px;
                                text-transform: inherit;
                            }
                            
                            .btn.btn-extra-large {
                                font-size: 18px;
                            }
                            
                            .btn.btn-large {
                                font-size: 16px;
                            }
                            
                            .btn.btn-medium {
                                font-size: 15px;
                            }
                            
                            .btn.btn-small {
                                font-size: 14px;
                            }
                            
                            .btn.btn-link {
                                padding: 0 0 2px;
                                position: relative;
                                text-decoration: none;
                                border: 0;
                                border-bottom: 2px solid;
                                letter-spacing: 0;
                                background-color: transparent;
                            }
                            
                            .btn-gradient-flamingo-amethyst-green {
                                background-image: linear-gradient(to right, #f7693c, #c74e45, #7d3785, #582d9f, #3928af, #582d9f, #7d3785, #c74e45, #f7693c);
                                background-size: 200% auto;
                                color: var(--white);
                            }
                            /* box overlay */
                            
                            .interactive-banner-style-02.dark-hover:hover .btn {
                                opacity: 0.7;
                            }
                            /* blog comment */
                            
                            .blog-comment li .btn-reply {
                                padding: 6px 20px 7px;
                            }
                            /* process-step style 05 */
                            
                            .process-step-style-05 .progress-step-separator {
                                bottom: inherit;
                                height: 100%;
                            }
                            /* interactive banner */
                            
                            .interactive-banner-style-02:hover figure figcaption .features-icon {
                                margin-bottom: 17px;
                            }
                            /* blog grid */
                            
                            .pagination-style-01 .page-item .page-link:hover,
                            .pagination-style-01 .page-item.active .page-link {
                                background: var(--dark-gray);
                                color: var(--white);
                            }
                            
                            .pagination-style-01 .page-item:first-child .page-link,
                            .pagination-style-01 .page-item:last-child .page-link {
                                background: transparent;
                                color: var(--medium-gray);
                            }
                            
                            .pagination-style-01 .page-item:first-child .page-link:hover,
                            .pagination-style-01 .page-item:last-child .page-link:hover {
                                color: var(--dark-gray);
                            }
                            
                            .accordion-style-06 .accordion-item.active-accordion {
                                background-image: linear-gradient(to bottom, #f7f8f9, #f9fafb, #fbfbfc, #fdfdfd, #ffffff);
                            }
                            
                            .video-b {
                                position: relative;
                                bottom: 50%;
                                left: 37%;
                            }
                            
                            .banner-start {
                                padding: 110px 0px 45px;
                            }
                            
                            .title-gradient {
                                background: linear-gradient(90deg, #2f57ef, #b966e7);
                                -webkit-background-clip: text;
                                -webkit-text-fill-color: rgba(255, 255, 255, 0.001);
                            }
                            
                            .course-nav .nav-link {
                                color: #2c2e3c !important;
                                margin-right: 14px;
                            }
                            
                            .course-header {
                                border-radius: 50px;
                                box-shadow: 0px 17px 25px 5px #6c5eea17;
                                border: 4px outset #3358ef69;
                            }
                            
                            .course-header-section {
                                position: relative;
                                /* normal flow at first */
                                z-index: 999;
                                transition: all 0.3s ease;
                            }
                            
                            .course-header-section.sticky {
                                position: fixed;
                                top: 0;
                                left: 0;
                                width: 100%;
                                /* ensure background is visible */
                                padding: 25px 0px;
                            }
                            
                            .content {
                                display: none;
                            }
                            
                            .comparison-table {
                                width: 100%;
                                border-collapse: collapse;
                                margin: 20px 0;
                                font-size: 15px;
                            }
                            
                            .comparison-table th,
                            .comparison-table td {
                                border-bottom: 1px solid #e0e0e0;
                                padding: 14px 16px;
                                text-align: left;
                            }
                            
                            .comparison-table th {
                                /* background: #f9fafb; */
                                font-weight: 600;
                                font-size: 16px;
                                color: white;
                            }
                            
                            .comparison-table td {
                                vertical-align: middle;
                            }
                            
                            .btn-light:hover {
                                color: white;
                            }
                            
                            .gap-30px {
                                gap: 30px !important;
                            }
                            /* Checkmark & cross style */
                            
                            .check {
                                color: #00c853;
                                font-weight: bold;
                                font-size: 18px;
                            }
                            
                            .border-top-q {
                                border-top: 1px solid #c4c4c4;
                                padding-top: 20px;
                            }
                            
                            .icon-bg {
                                padding: 7px;
                                background: #2c2e3c2b;
                                border-radius: 50%;
                            }
                            
                            .cross {
                                color: #ff5252;
                                font-weight: bold;
                                font-size: 18px;
                            }
                            /* Highlight first column */
                            
                            .comparison-table td:first-child {
                                font-weight: 500;
                                color: #222;
                                width: 40%;
                            }
                            /* Responsive */
                            
                            @media (max-width: 768px) {
                                .comparison-table th,
                                .comparison-table td {
                                    font-size: 14px;
                                    padding: 10px;
                                }
                            }
                            /* Header Tab */
                            
                            .modern-tabs .nav-link {
                                border-radius: 8px;
                                margin-bottom: 8px;
                                padding: 12px 20px;
                                font-weight: 500;
                                color: #495057;
                                transition: all 0.3s ease;
                                position: relative;
                            }
                            
                            .modern-tabs .nav-link.active {
                                background-color: #0d6efd;
                                color: #fff;
                                box-shadow: 0 4px 12px rgba(13, 110, 253, 0.2);
                            }
                            
                            .modern-tabs .nav-link:hover:not(.active):not(:disabled) {
                                background-color: #e7f1ff;
                                color: #0d6efd;
                            }
                            
                            .modern-tabs .nav-link:disabled {
                                opacity: 0.6;
                                cursor: not-allowed;
                            }
                            
                            .modern-tabs .tab-content .tab-pane {
                                transition: all 0.4s ease;
                            }
                            
                            .modern-tabs .nav-link::before {
                                content: '';
                                position: absolute;
                                left: -10px;
                                top: 50%;
                                transform: translateY(-50%);
                                width: 5px;
                                height: 0;
                                background-color: #0d6efd;
                                border-radius: 2px;
                                transition: height 0.3s ease;
                            }
                            
                            .modern-tabs .nav-link.active::before {
                                height: 50%;
                            }
                            
                            .line {
                                border-left: 3px solid #00c853;
                                padding-left: 20px;
                            }
                            
                            .price {
                                display: flex;
                                justify-content: space-between;
                            }
                            
                            .header-btn-c {
                                color: white;
                                background-color: var(--base-color);
                                padding: 10px 20px;
                                border-radius: 50px;
                            }
                            
                            .divider {
                                background: radial-gradient(circle, rgba(141, 141, 141, 1) 0%, rgba(237, 95, 37, 0) 100%);
                                width: 100%;
                                height: 3px;
                            }
                            
                            @media (min-width: 1400px) {
                                .container,
                                .container-lg,
                                .container-md,
                                .container-sm,
                                .container-xl,
                                .container-xxl {
                                    max-width: 90%;
                                }
                            }
                            
                            .title-course {
                                line-height: normal;
                                font-size: 20px;
                                color: #2c2e3c;
                                font-weight: 600;
                                border-bottom: 1px dashed #eda8a3;
                                margin-bottom: 8px;
                                padding-bottom: 13px;
                            }
                            
                            .h-web {
                                height: -webkit-fill-available;
                            }
                            
                            .compact-form .form-control-sm {
                                height: 48px;
                                /* increase input height */
                                padding: 10px 14px;
                                /* increase padding inside */
                                font-size: 16px;
                                /* larger text */
                            }
                            
                            .close-absolute {
                                position: absolute;
                                top: 24px;
                                /* adjust as per your padding */
                                right: 24px;
                                /* keeps it fixed to right edge */
                                z-index: 10;
                            }
                            
                            .compact-form select.form-control-sm {
                                height: 52px;
                                /* increase dropdown height */
                                padding: 10px 14px;
                                font-size: 16px;
                            }
                            
                            .compact-form .btn-sm {
                                padding: 12px 18px;
                                /* larger button */
                                font-size: 16px;
                            }
                            
                            .compact-form .form-group {
                                margin-bottom: 15px;
                                /* more spacing between fields */
                            }
                            
                            .form-header {
                                background: linear-gradient(135deg, #004e92, #000428);
                                /* Modern gradient */
                                border-radius: 8px 8px 0 0;
                                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
                            }
                            /* Form wrapper */
                            
                            .modern-form {
                                border: 1px solid #eee;
                                border-radius: 16px;
                                transition: all 0.3s ease-in-out;
                            }
                            
                            .modern-form:hover {
                                box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
                            }
                            /* Header */
                            
                            .form-header {
                                background: linear-gradient(135deg, #004e92, #000428);
                                border-radius: 12px 12px 0 0;
                                position: relative;
                            }
                            
                            .form-header::after {
                                content: "";
                                position: absolute;
                                bottom: -12px;
                                left: 0;
                                width: 100%;
                                height: 12px;
                                background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 50"><path fill="%23ffffff" fill-opacity="1" d="M0,0 C480,60 960,-20 1440,20 L1440,0 L0,0 Z"></path></svg>') no-repeat center;
                                background-size: cover;
                            }
                            /* Inputs */
                            
                            .form-control {
                                border-radius: 8px;
                                border: 1px solid #ddd;
                                padding: 10px 12px;
                                font-size: 14px;
                            }
                            
                            .form-control:focus {
                                border-color: #004e92;
                                box-shadow: 0 0 6px rgba(0, 78, 146, 0.3);
                            }
                            /* Submit Button */
                            
                            .btn-gradient {
                                background: linear-gradient(135deg, #004e92, #000428);
                                color: #fff;
                                border: none;
                                border-radius: 8px;
                                transition: 0.3s;
                            }
                            
                            .btn-gradient:hover {
                                background: linear-gradient(135deg, #005db3, #001f3f);
                                transform: translateY(-2px);
                            }
                            /* Make sure the card is the positioning context */
                            
                            .modern-form {
                                position: relative;
                            }
                            /* Premium-looking, exactly top-right */
                            
                            .close-inside {
                                position: absolute;
                                top: 12px;
                                right: 12px;
                                width: 34px;
                                height: 34px;
                                border-radius: 50%;
                                border: 1px solid rgba(0, 0, 0, 0.1);
                                background: #ffffff;
                                color: #111;
                                font-size: 22px;
                                line-height: 1;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
                                cursor: pointer;
                                z-index: 100;
                            }
                            
                            .close-inside:hover {
                                transform: translateY(-1px);
                            }
                            /* Optional: if you still keep a .mfp-close somewhere else, neutralize MFP's offsets */
                            
                            .mfp-wrap .mfp-close {
                                right: 2px !important;
                                top: 2px !important;
                                transform: none !important;
                                margin: 0 !important;
                            }
                            
                            .list-li {
                                display: flex;
                                align-items: baseline;
                            }
                            
                            .courses-wrapper {
                                max-width: 100%;
                                margin: auto;
                            }
                            
                            .courses-title {
                                font-size: 2rem;
                                margin-bottom: 20px;
                                text-align: center;
                                color: #4285f4;
                            }
                            
                            .courses-table {
                                width: 100%;
                                border-collapse: collapse;
                                background: #ffffff;
                                border-radius: 12px;
                                overflow: hidden;
                                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
                            }
                            
                            .courses-table thead th {
                                background: #4285f4;
                                color: #fff;
                                padding: 14px 20px;
                                text-transform: uppercase;
                                font-weight: bold;
                                letter-spacing: 1px;
                            }
                            
                            .courses-table tbody td {
                                padding: 14px 20px;
                                border-bottom: 1px solid #eaeaea;
                                color: #2b2d3d;
                                font-weight: 400;
                            }
                            
                            .courses-row:hover {
                                background: #fff3ec;
                            }
                            
                            .apply-btn {
                                display: inline-block;
                                padding: 8px 16px;
                                background: #dc3544;
                                color: #fff;
                                border-radius: 6px;
                                text-decoration: none;
                                font-weight: bold;
                                transition: background 0.3s ease;
                            }
                            
                            .apply-btn:hover {
                                background: #ffc007;
                                color: white;
                            }
                            
                            .modal-dialog {
                                max-width: 700px;
                            }
                            
                            .position-sticky {
                                position: -webkit-sticky !important;
                                position: sticky !important;
                            }
                            
                            .banner-m {
                                margin-top: 110px;
                            }
                            
                            .comparison-section {
                                max-width: 1100px;
                                margin: auto;
                            }
                            
                            .comparison-title {
                                text-align: center;
                                font-size: 28px;
                                font-weight: 700;
                                margin-bottom: 40px;
                            }
                            
                            .comparison-wrapper {
                                display: grid;
                                grid-template-columns: 1fr 80px 1fr;
                                align-items: center;
                                gap: 20px;
                            }
                            
                            .column {
                                display: flex;
                                flex-direction: column;
                                gap: 30px;
                            }
                            
                            .comparison-box {
                                background: #f6f6f6;
                                padding: 20px;
                                border-radius: 12px;
                                position: relative;
                            }
                            
                            .comparison-box h3 {
                                font-size: 18px;
                                font-weight: 600;
                                margin-bottom: 10px;
                                color: #333;
                            }
                            
                            .comparison-box p {
                                font-size: 14px;
                                color: #666;
                                line-height: 1.6;
                            }
                            
                            .number-badge {
                                position: absolute;
                                top: 20px;
                                left: -40px;
                                background: #ff6b6b;
                                color: #fff;
                                font-size: 14px;
                                font-weight: 700;
                                padding: 10px 15px;
                                border-radius: 50%;
                            }
                            
                            .center-icons {
                                display: flex;
                                flex-direction: column;
                                gap: 60px;
                                align-items: center;
                                justify-content: center;
                            }
                            
                            .center-icons span {
                                font-size: 24px;
                                color: #ff9800;
                            }
                            
                            @media(max-width: 900px) {
                                .comparison-wrapper {
                                    grid-template-columns: 1fr;
                                }
                                .center-icons {
                                    display: none;
                                }
                                .comparison-box {
                                    margin-left: 0;
                                }
                                .number-badge {
                                    left: auto;
                                    right: -20px;
                                }
                            }
                            
                            .center-t {
                                text-align: center;
                                background: #d93646;
                                color: white;
                                padding: 6px 40px;
                                border-radius: 65px;
                                width: fit-content;
                                margin: 0px auto;
                            }
                            
                            .left-t {
                                background: #fcf3e7;
                                padding: 26px;
                                border-radius: 15px;
                                border-right: 4px solid #ffc107;
                                text-align: right;
                            }
                            
                            .right-t {
                                background: #fcf3e7;
                                padding: 26px;
                                border-radius: 15px;
                                border-left: 4px solid #ffc107;
                            }
                            
                            .line-connector {
                                position: absolute;
                                top: 50%;
                                left: 24%;
                                right: 0;
                                border-top: 1px dashed #d1394999;
                                z-index: -9;
                                width: 52%;
                            }
                            
                            .center-t h6 {
                                position: relative;
                                z-index: 2;
                                /* bring text above line */
                                font-size: 19px;
                            }
                            
                            p {
                                text-align: justify;
                                hyphens: auto;
                            }
                            /* MOBILE Screen */
                            
                            @media (min-width:0px) and (max-width:475px) {}
                            /* IPAD Screen */
                            
                            @media (min-width:600px) and (max-width:991px) {}
                            /* 1024PX Screen */
                            
                            @media (min-width:992px) and (max-width:1099px) {
                                .bb {
                                    padding: 94px 0px;
                                }
                            }
                            /* 1280PX Screen */
                            
                            @media (min-width:1100px) and (max-width:1300px) {
                                .bb {
                                    padding: 121px 0px;
                                }
                            }
                            /* 1440PX Screen */
                            
                            @media (min-width:1399px) and (max-width:1500px) {
                                .bb {
                                    padding: 142px 0px;
                                }
                            }
                            /* 1600PX Screen */
                            
                            @media (min-width:1500px) and (max-width:1670px) {
                                .bb {
                                    padding: 162px 0px;
                                }
                            }
                            /* 1680PX Screen */
                            
                            @media (min-width:1671px) and (max-width:1700px) {
                                .bb {
                                    padding: 173px 0px;
                                }
                            }
                            /* 1920PX Screen */
                            
                            @media (min-width:1701px) and (max-width:2000px) {
                                .bb {
                                    padding: 204px 0px;
                                }
                            }
                            /* 2k Screen  */
                            
                            @media (min-width:2001px) and (max-width:3000px) {
                                .bb {
                                    padding: 221px 0px;
                                }
                            }
                            /* 4k Screen  */
                            
                            @media (min-width:3001px) and (max-width:6000px) {
                                .bb {
                                    padding: 456px 0px;
                                }
                            }
                            /* 8k Screen */
                            
                            @media (min-width:6001px) and (max-width:8000px) {}
                            
                            button.wh-ap-btn {
                                outline: none;
                                width: 50px;
                                height: 50px;
                                border: 0;
                                background-color: #2ecc71;
                                padding: 0;
                                border-radius: 100%;
                                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
                                cursor: pointer;
                            }
                            
                            button.wh-ap-btn::after {
                                content: "";
                                background-image: url("//i.imgur.com/cAS6qqn.png");
                                background-position: center center;
                                background-repeat: no-repeat;
                                background-size: 60%;
                                width: 100%;
                                height: 100%;
                                display: block;
                                opacity: 1;
                            }
                            
                            button.wh-ap-btn:hover {
                                opacity: 1;
                                background-color: #20bf6b;
                                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
                            }
                            
                            .wh-api {
                                position: fixed;
                                bottom: 0;
                                z-index: 999;
                                right: 0;
                            }
                            
                            .wh-fixed {
                                margin-right: 15px;
                                margin-bottom: 15px;
                            }
                            
                            .wh-fixed>a {
                                display: block;
                                text-decoration: none;
                            }
                            
                            button.wh-ap-btn::before {
                                content: "Chat with me";
                                display: block;
                                position: absolute;
                                margin-left: -130px;
                                margin-top: 16px;
                                height: 25px;
                                background: #49654e;
                                color: #fff;
                                font-weight: 400;
                                font-size: 15px;
                                border-radius: 3px;
                                width: 0;
                                opacity: 0;
                                padding: 0;
                                transition: opacity 0.4s, width 0.4s, padding 0.5s;
                                padding-top: 7px;
                                border-radius: 30px;
                                box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
                            }
                            
                            .wh-fixed>a:hover button.wh-ap-btn::before {
                                opacity: 1;
                                width: auto;
                                padding-top: 7px;
                                padding-left: 10px;
                                padding-right: 10px;
                                width: 100px;
                            }
                            /* animacion pulse */
                            
                            .whatsapp-pulse {
                                width: 50px;
                                height: 50px;
                                left: 10px;
                                bottom: 10px;
                                background: #10b418;
                                position: fixed;
                                text-align: center;
                                color: #ffffff;
                                cursor: pointer;
                                border-radius: 50%;
                                z-index: 99;
                                display: inline-block;
                                line-height: 65px;
                            }
                            
                            .whatsapp-pulse:before {
                                position: absolute;
                                content: " ";
                                z-index: -1;
                                bottom: -20px;
                                right: -20px;
                                background-color: #10b418;
                                width: 90px;
                                height: 90px;
                                border-radius: 100%;
                                animation-fill-mode: both;
                                -webkit-animation-fill-mode: both;
                                opacity: 0.6;
                                -webkit-animation: pulse 1s ease-out;
                                animation: pulse 1.8s ease-out;
                                -webkit-animation-iteration-count: infinite;
                                animation-iteration-count: infinite;
                            }
                            
                            @-webkit-keyframes pulse {
                                0% {
                                    -webkit-transform: scale(0);
                                    opacity: 0;
                                }
                                25% {
                                    -webkit-transform: scale(0.3);
                                    opacity: 1;
                                }
                                50% {
                                    -webkit-transform: scale(0.6);
                                    opacity: 0.6;
                                }
                                75% {
                                    -webkit-transform: scale(0.9);
                                    opacity: 0.3;
                                }
                                100% {
                                    -webkit-transform: scale(1);
                                    opacity: 0;
                                }
                            }
                            
                            @keyframes pulse {
                                0% {
                                    transform: scale(0);
                                    opacity: 0;
                                }
                                25% {
                                    transform: scale(0.3);
                                    opacity: 1;
                                }
                                50% {
                                    transform: scale(0.6);
                                    opacity: 0.6;
                                }
                                75% {
                                    transform: scale(0.9);
                                    opacity: 0.3;
                                }
                                100% {
                                    transform: scale(1);
                                    opacity: 0;
                                }
                            }
                            
                            #fixed-social {
                                position: fixed;
                                bottom: 14%;
                                left: 15px;
                                z-index: 999;
                            }
                            
                            #fixed-social a {
                                color: #fff;
                                display: block;
                                height: 40px;
                                border-radius: 100%;
                                position: relative;
                                text-align: center;
                                line-height: 44px;
                                width: 40px;
                                margin-bottom: 3px;
                                z-index: 2;
                            }
                            
                            .fixed-facebook {
                                background-color: #0770de;
                            }
                            
                            .fixed-twitter {
                                background-color: #1da1f2;
                            }
                            
                            .fixed-linkedin {
                                background-color: #db3546;
                            }
                            
                            .fixed-instagrem {
                                background: linear-gradient(191deg, rgba(131, 58, 180, 1) 21%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 85%);
                            }