.head-font {
            font-family: "Caveat" !important;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        }

        [data-aos] {
            transition-duration: 700ms;
        }

        .getstarted {
            background-image: linear-gradient(to right, #ce5234, #90331c);
            width: 190px;
            height: 50px;
            border: none;
            color: white;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 50px;
            cursor: pointer;
        }

        .getstarted:hover {
            background-image: linear-gradient(to right, #90331c, #90331c);
        }

        .circles {
            border-radius: 50%;
            width: 100%;
            height: 100%;
            padding: 45px;
            text-align: center;
            box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        }

        .account {
            padding-top: 5%;
        }

        .accounts-pl {
            padding-left: 40px !important;
        }

        .font-sizes {
            font-size: 18px;
            text-align: justify;
        }


        @media only screen and (max-width: 768px) {
            .getstarted {
                background-image: linear-gradient(to right, #ce5234, #90331c);
                width: 98px !important;
                height: 30px !important;
                border: none;
                color: white;
                font-size: 13px !important;
                font-weight: bold;
                text-align: center;
                line-height: 29px !important;
                cursor: pointer;
            }

            .getstarted:hover {
                background-image: linear-gradient(to right, #90331c, #90331c);
            }
        }

        @media only screen and (max-width: 575px) {
            .circles {
                border-radius: 0 !important;
                /* Remove the rounded corners */
            }
        }

        @media only screen and (min-width: 576px) and (max-width: 768px) {
            .circles {
                padding: 38px !important;
            }
        }

        @media only screen and (min-width: 768px) and (max-width: 991.98px) {
            .account {
                padding-top: 0%;
            }
            .row-reverses {
                flex-direction: column-reverse;

            }

            .accounts-pl {
                padding-left: 0px !important;
            }
        }
        .fade-in-animation {
            opacity: 0;
            /* Start with 0 opacity */
            animation: fadeIn 1s forwards ease-in-out;
            /* Animation name, duration, and fill mode */
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
            }

            50% {
                opacity: 0.5;
            }

            100% {
                opacity: 1;
            }
        }

        @media only screen and (max-width: 767.98px) {
            .account {
                padding-top: 5%;
            }

            .row-reverse {
                flex-direction: column-reverse;
            }

            .margin-bottom {
                margin-bottom: 5%;
            }

            .ultimate {
                margin-top: 25px !important;
            }
            .inventory{
                margin-top:50px !important;
            }

            /* explore More */

            .row-reverses {
                flex-direction: column-reverse;
            }
            h4 {
                font-size: 25px;
            }

            .font-sizes {
                font-size: 16px;

            }
        }

        .key-features {
            font-size: 22px !important;
            text-align: start;
        }

        @media only screen and (max-width: 1399.98px) {
            .explore-btn {
                padding-top: 60px;
            }

            .key-features {
                font-size: 17px !important;
            }
        }

        .explore-btn {
            margin-top: -50px;
        }
        .features-container {
            padding: 20px 0;
            text-align: center;
        }

        .features-title {
            font-size: 36px;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .features-badge {
            font-size: 15px;
            padding: 3px 9px 5px 9px;
            background-color: #90331c;
            color: #fff;
            border-radius: 20px;
            margin-bottom: 20px;
        }

        .feature-item {
            display: flex;
            align-items: baseline;
            margin-bottom: 15px;
        }

        .feature-icon {
            font-size: 24px;
            color: #f39c12;
            margin-right: 10px;
        }

        .imge {
            max-width: 100%;
            height: auto;
        }

        .keys {
            padding-left: 30px;
            width:100%;
        }

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

            .feature-item {
                justify-content: start;
            }

            .accounts-pl {
                padding-left: 0px !important;
            }
        }
        .containerw {
            margin: 0 auto;
            padding: 4rem;
            width: 87%;
        }

        .accordion {
            .accordion-item {
                border-bottom: 1px solid #e5e5e5;

                button[aria-expanded='true'] {
                    border-bottom: 1px solid #90331c;
                }
            }

            button {
                position: relative;
                display: block;
                text-align: left;
                width: 100%;
                padding: 1em 0;
                color: #7288a2;
                font-size: 1.15rem;
                font-weight: 400;
                border: none;
                background: none;
                outline: none;
                cursor: pointer;

                &:hover,
                &:focus {
                    color: #90331c;
                }

                .accordion-title {
                    padding: 1em 1.5em 1em 0;
                }

                .icon {
                    display: inline-block;
                    position: absolute;
                    top: 18px;
                    right: 0;
                    width: 22px;
                    height: 22px;
                    border: 1px solid;
                    border-radius: 22px;
                }

                .icon::before {
                    display: block;
                    position: absolute;
                    content: '';
                    top: 9px;
                    left: 5px;
                    width: 10px;
                    height: 2px;
                    background: currentColor;
                }

                .icon::after {
                    display: block;
                    position: absolute;
                    content: '';
                    top: 5px;
                    left: 9px;
                    width: 2px;
                    height: 10px;
                    background: currentColor;
                }
            }
           

            button[aria-expanded='true'] {
                color: #90331c;

                .icon::after {
                    width: 0;
                }

                +.accordion-content {
                    opacity: 1;
                    max-height: 9em;
                    transition: all 200ms linear;
                    will-change: opacity, max-height;
                }
            }

            .accordion-content {
                opacity: 0;
                max-height: 0;
                overflow: hidden;
                transition: opacity 200ms linear, max-height 200ms linear;
                will-change: opacity, max-height;

                p {
                    font-size: 1rem;
                    font-weight: 300;
                    margin: 2em 0;
                }
            }
        }

        .schedule {
            background-image: linear-gradient(to right, #ce5234, #90331c);
            border: none;
            color: white;
            padding: 0px 20px;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            line-height: 50px;
            cursor: pointer;
        }

        .btnclrchngemode {
            color: white;
        }

        .btnclrchngemode:hover {
            color: white !important;
        }

        @media screen and (max-width: 425.98px) {
            .shado {
                margin-top: 90px;
            }
        }
        .h2-features-badge {
            margin-bottom: 0px;
            line-height: 58px;
        }

        .h3-heading {
            font-size: 30px
        }

        .mb-5 {
            margin-bottom: 0px;
        }

        .head-font-size {
            font-size: 25px !important;
        }

        @media only screen and (min-width: 992px) and (max-width: 1024px) {
            .account {
                padding-top: 2% !important;
            }
        }

        @media only screen and (max-width: 575.98px) {
            .padding-575 {
                padding-right: 20px !important;
                padding-left: 20px !important;
            }

            .padding-575-img {
                padding-top: 30px;
            }
        }

        @media only screen and (max-width: 991.99px) {
            .h2break {
                display: none;
            }
        }

        @media only screen and (min-width: 992px) {
            .h2active {
                display: none;
            }
        }

        .chat-now {
            color: #90331c;
            font-size: 17px;
        }

        @media only screen and (min-width: 1200px) and (max-width:1400px) {
            .align {
                padding-bottom: 5% !important;
            }
        }

        @media only screen and (max-width: 380px) {
            .ultimate p {
                font-size: 15px !important;
                display: flex;
                justify-content: center;
            }

            .align p {
                font-size: 15px !important;
                display: flex;
                justify-content: center;
            }

            .ultimate {
                display: flex;
                justify-content: center;
            }

            .align {
                display: flex;
                justify-content: center;
            }
        }
        @media only screen and (min-width:992px) and (max-width:1199.5px) {
                .lastlogo {
                    margin-bottom: 35px;
                    margin-top: 10px;
                }
            }

     .faqbutton:focus{
            outline:none;
        }

        .inventory{
            margin-top:120px;
        }
        .h3tag {
         font-size: 44px;
         line-height: 54px;
      }
      .btnclrchngemode:hover{
        text-decoration: none !important;
      }
      .chat-now:hover{
            text-decoration: none;
        }