.button-action-top {
    position: fixed;
    z-index: 2000;
    bottom: 20px;
    right: 20px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #F26A00;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-action-top:hover {
    background-color: #ab4e08;
}

.navbar {
}

.nav-container {
    max-width: 90%;
    padding-top: 7px;
}

.nav-link {
    color: #17161C;
    font-family: 'Inter';
    font-size: 17px;
}

.nav-contact {
    color: #17161C;
    font-family: 'Inter';
    font-size: 17px;
}

main {
    background: #FFFFFF;
    background: linear-gradient(270deg, rgb(255, 255, 255) 43%, rgb(247 243 225) 97%);
}

.intro {
    font-family: 'Inter';
}

.intro .focus-double-line {
    margin-top: -130px;
    margin-left: -7px;
}

.intro h6 {
    text-transform: uppercase;
    color: #17161C;
    font-weight: 600;
}

.intro p {
    color: #717171;
    font-size: 18px;
    font-weight: 400;
    padding-right: 10%;
}

.intro h2 {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 48px;
    color: #17161C;
}

.intro-about {
    padding-left: 8%;
    margin-top: 200px;
}

.btn-outline-primary {
    color: #F26A00;
    border: 1px solid #F26A00;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 14px rgba(255, 117, 12, 0.85));
    border-radius: 8px;
}

.btn-outline-primary:hover {
    color: #17161C;
    background: #FF8729;
    border: 1px solid #FF8729;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 14px rgba(255, 117, 12, 0.85));
    border-radius: 8px;
}

.intro .btn-outline-primary {
    padding: 18px 33px;
}

.intro-contact {
    color: #17161C;
    margin-left: 25px;
    text-decoration: none;
}

.intro .arrow-right {
    margin-top: -670px;
    margin-left: -150px;
    width: 930px;
    height: 700px;
}

.intro .img-intro {
    margin-left: -100px;
    margin-top: 80px;
    width: 800px;
}

.intro .line-1 {
    margin-bottom: -267px;
    margin-left: 272px;
}

.intro .line-2 {
    margin-top: -392px;
    margin-left: 501px;
}

#services {
    padding-top: 30px;
    padding-bottom: 90px;
    background: #FFFFFF;
    padding-left: 8%;
}

#services .title {
    margin-bottom: 85px;
}

#services .title h6 {
    color: #F26A00;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

#services .title h4 {
    font-family: 'Sora';
    font-weight: 700;
    font-size: 32px;
    color: #17161C;
}

#services .nav a {
    padding: 20px 20px;
}

#services .nav h5 {
    color: #17161C;
    font-family: 'Sora';
    font-size: 20px;
}

#services .nav small {
    color: #B1B1B1;
    font-size: 14px;
}

#services .nav .active {
    background: #F9F9F9;
}

#services .nav .active h5 {
    color: #17161C;
}

#services .nav .active small {
    color: #7A7A7A;
}

#services .nav i {
    color: #2A2D3F;
    font-size: 32px;
}

#services .nav .icon {
    margin-right: 5px;
}

#services .tab-content .tab-pane {
    margin-left: 30px;
}

#services .tab-content .tab-pane img {
    /*width: 330px;*/
    /*height: 700px;*/
}

#services .tab-content .tab-pane img:nth-child(1) {
    margin-top: 10px;
    margin-right: 35px;
}

#services .tab-content .tab-pane img:nth-child(2) {
    margin-bottom: 50px;
}

#about {
    padding-left: 8%;
    background: #F8F8F8;
}

#about h4 {
    font-family: 'Poppins';
    font-weight: 600;
    color: #17161C;
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 0px;
}

#about p {
    color: #8B8B8B;
    font-size: 18px;
    font-weight: 400;
}

#about a {
    margin-top: 20px;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    color: #17161C;
}

#about a i {
    color: #F26A00;
    font-size: 22px;
    margin-left: 7px;
}

#about span {
    color: #F26A00;
    font-size: 24px;
    font-family: 'Poppins';
    font-weight: 600;
}

#about .stats {
    margin-top: 40px;
}

#about .focus-one-line {
    margin-left: 114px;
    margin-top: -24px;
}

#requestDemo {
    background: #FFFFFF;
    display: flex;
    justify-content: center;
}

#requestDemo .box-contact {
    margin-top: 100px;
    margin-bottom: 100px;
    background: linear-gradient(266.34deg, #2C2B32 0.2%, #1E1C23 91.55%);
    padding: 50px 100px;
    border-radius: 16px;
}

#requestDemo .box-contact h5 {
    font-family: 'Inter';
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.03em;
}

#requestDemo .box-contact h1 {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    text-align: center;
}

#requestDemo .box-contact .btn-outline-primary {
    padding: 18px 33px;
}

#requestDemo .contact {
    color: #FFFFFF;
    margin-left: 25px;
    text-decoration: none;
}

#plans {
    background: #F8F8F8;
    padding-top: 120px;
    padding-bottom: 120px;
}

#plans .title h5 {
    color: #CED4DA;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Sora';
}

#plans .title h1 {
    font-family: 'Sora';
    color: #17161C;
    font-weight: 700;
    font-size: 32px;
}

#plans .nav-tabs .nav-link.active {
    background: #F26A00;
    border: #F26A00;
    color: #17161C;
    font-family: 'Sora';
    font-weight: 700;
    font-size: 16px;
    border-radius: 4px;
    padding: 20px 50px;
}


#plans .nav-tabs .nav-link {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: #17161C;
    font-family: 'Sora';
    font-weight: 700;
    font-size: 16px;
    border-radius: 4px 0px 0px 4px;
    padding: 20px 50px;
}

#plans .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

#plans .plan {
    border-radius: 8px;
    background: #2C2B34;
    width: 400px;
    margin: 1%;
}

#plans .plan-white {
    background: #EBEBEB;
    border-radius: 8px;
    width: 400px;
    margin: 1%;
    padding: 1px;
}

#plans .plan-content h1 {
    color: #F26A00;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    text-align: center;
    margin-top: 50px;
}


#plans .plan-content h2 {
    color: #17161C;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

#plans .plan-content hr {
    border: 1px solid #F26A00;
    margin-top: 50px;
    margin-bottom: 50px;
}

#plans .plan-content p {
    color: #FFFFFF;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 35px;
}

#plans .plan-content .white p {
    color: #777777;
}

#plans .plan-content p strong {
    font-weight: 700;
    text-align: center;
}

#plans .plan-content .white p strong {
    color: #686868;
}

#plans .plan-content {
    margin: 16%;
}

#plans .plan-content .btn-primary {
    width: 100%;
    background: #F26A00;
    border-color: #F26A00;
    padding: 15px;
    font-family: 'Sora';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #17161C;
}

#plans .plan-content h3 {
    text-align: center;
    color: #FFFFFF;
    font-family: 'Sora';
    font-weight: 700;
    font-size: 24px;
}

#plans .plan-content small {
    font-size: 16px;
}

#clients {
    background: rgb(23,22,28);
    background: radial-gradient(circle, rgba(23,22,28,1) 28%, rgba(40,28,26,1) 94%);
}

#clients .title {
    padding-top: 200px;
    padding-left: 8%;
}

#clients .title h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    color: #17161C;
}

#clients .title p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #E2E1E6;
    margin-top: 20px;
    margin-bottom: 20px;
}

#clients .img-person {
    padding: 0px;
    margin-right: -20px;
}

#clients span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #E2E1E6;
    margin-left: 40px;
}

#clients .comments {
    margin-top: 110px;
    max-height: 900px;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#clients .comments::-webkit-scrollbar {
    display: none;
}

#clients .comment {
    background: linear-gradient(162.12deg, #33323D -39.36%, #1F1E25 108.68%);
    border-radius: 16px;
    padding: 50px 50px;
    margin-bottom: 30px;
    max-width: 90%;
}

#clients .comment p {
    color: #17161C;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
}

#clients .comment strong {
    color: #17161C;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
}

#clients .comment small {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    color: #D8D7DE;
}

#clients .focus-circle {
    margin-top: -70px;
    margin-left: 104px;
}

#preFooter {
    padding-top: 100px;
    padding-bottom: 200px;
    /*background: rgb(23,22,28);*/
    /*background: radial-gradient(circle, rgba(23,22,28,1) 28%, rgba(40,28,26,1) 94%);*/
    background: linear-gradient(135deg, rgb(255, 255, 255) 43%, rgb(235 207 169) 97%);
}

#preFooter h4 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #17161C;
    text-align: center;
    margin-bottom: 30px;
}

#preFooter h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    color: #17161C;
    margin-top: 90px;
}

#preFooter p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #17161C;
    margin-bottom: 40px;
}

#preFooter button {
    padding: 20px 60px;
}

.services-phone {
    display: none;
}

.intro .mobile {
    display: none;
}

.contact {
    text-decoration: none;
    color: #17161C;
}

.owl-dots .active {
    color: #FF8729 !important;
    background: #FF8729 !important;
    padding: 6px 6px !important;
    border: none;
    border-radius: 100%;
    margin-right: 5px;
}

.owl-dot {
    color: #C4C4C4 !important;
    background: #C4C4C4 !important;
    padding: 6px 6px !important;
    border: none;
    border-radius: 100%;
    margin-right: 5px;
}

.owl-dots {
    margin: 10px;
    display: flex;
    justify-content: center;
}

@media (max-width: 414.98px) {
    #v-pills-tabContent {
        display: none;
    }

    #myTabContent {
        margin-left: 50px;
        margin-right: 50px;
    }

    #plans .nav-tabs .nav-link.active {
        padding: 10px 25px;
    }

    #plans .nav-tabs .nav-link {
        padding: 10px 25px;
    }

    .comments {
        display: none;
    }

    .intro h6 {
        display: flex;
        justify-content: center;
        margin-top: 170px;
    }

    .intro p {
        font-size: 12px;
        text-align: center;
    }

    .intro .title {
        text-align: center;
    }

    .intro .web {
        display: none;
    }

    .intro .mobile {
        display: block;
    }

    .intro-about {
        height: 800px;
    }

    .intro-about p {
        padding-right: 0px;
    }

    .services-headers {
        display: none !important;
    }

    .services-phone {
        display: block;
    }

    .services-phone i {
        color: #F26A00;
        font-size: 32px;
    }

    .services-phone h4 {
        font-family: 'Sora';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        color: #17161C;
        text-align: center;
        margin-top: 30px;
    }

    .services-phone p {
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #B1B1B1;
        margin-top: 15px;
        text-align: center;
    }

    #about a {
        display: flex;
        justify-content: center;
    }

    #about a i {
        margin-top: 5px;
    }

    #about .text {
        text-align: center;
    }

    #about h4 {
        text-align: center;
    }

    .stats-div {
        max-width: 50%;
    }

    .intro {
        padding-left: 0%;
    }

    #services {
        padding-left: 0%;
    }



    #requestDemo {
        padding-left: 0%;
    }

    #requestDemo .contact {
        display: flex;
        justify-content: center;
    }

    #plans {
        padding-left: 0%;
    }

    #clients {
        padding-left: 0%;
    }

    #preFooter {
        padding-left: 0%;
    }

    .plan-choice {
        display: none;
    }

    .plans-mobile .plan-master {
        margin-left: 8px !important;
    }

    #activeMobileBar {
        display: block !important;
    }

    #nav .offcanvas {
        width: 100vw;
    }

    #nav {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        transition: background-color 0.2s ease;
    }
    #nav .navbar-brand {
        font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
        font-weight: 700;
        color: #212529;
    }
    #nav .navbar-nav .nav-item .nav-link {
        color: #6c757d;
        font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
        font-weight: 700;
        font-size: 0.9rem;
        padding: 0.75rem 0;
    }
    #nav .navbar-nav .nav-item .nav-link:hover,
    #nav .navbar-nav .nav-item .nav-link:active {
        color: #f4623a;
    }
    #nav .navbar-nav .nav-item .nav-link.active {
        color: #f4623a !important;
    }

    #nav {
        box-shadow: none;
        background-color: transparent;
    }
    #nav .navbar-brand {
        color: rgba(255, 255, 255, 0.7);
    }
    #nav .navbar-brand:hover {
        color: #fff;
    }
    #nav .navbar-nav .nav-item .nav-link {
        color: rgba(255, 255, 255, 0.7);
        padding: 0 1rem;
    }
    #nav .navbar-nav .nav-item .nav-link:hover {
        color: #fff;
    }
    #nav .navbar-nav .nav-item:last-child .nav-link {
        padding-right: 0;
    }
    #nav.navbar-shrink {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        background-color: transparent;
    }
    #nav.navbar-shrink .navbar-brand {
        color: #212529;
    }
    #nav.navbar-shrink .navbar-brand:hover {
        color: #f4623a;
    }
    #nav.navbar-shrink .navbar-nav .nav-item .nav-link {
        color: #212529;
    }
    #nav.navbar-shrink .navbar-nav .nav-item .nav-link:hover {
        color: #f4623a;
    }
}

@media (max-width: 1425.98px) {
    .intro .img-intro {
        width: 600px;
    }

    .line-1 {
        margin-bottom: -274px !important;
        margin-left: 173px !important;
    }

    .line-2 {
        margin-left: 372px !important;
    }

    .phone {
        width: 500px;
        margin-top: -22px !important;
        margin-left: -66px !important;
    }
}

@media (max-width: 1039.98px) {
    .img-intro {
        width: 441px !important;
    }

    .line-1 {
        display: none;
    }

    .line-2 {
        display: none;
    }

    .intro-about {
        margin-top: 50px;
    }

    .focus-double-line {
        display: none;
    }

    .focus-circle {
        display: none;
    }

    .enter-button {
        margin-left: 93px;
        padding: 13px 46px !important;
    }
}

@media (max-width: 807.98px) {
    .arrow-right {
        margin-top: -557px !important;
        margin-left: -150px !important;
        width: 714px !important;
        height: 559px !important;
    }

    .phone {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .img-intro {
        display: none;
    }

    #v-pills-tabContent {
        display: none;
        margin-right: 0px !important;
    }

    .arrow-right {
        margin-left: -322px !important;
    }

    .comment {
        margin-left: 5% !important;
    }
}

@media (max-width: 780.98px) {
    .preFooter {
        bs-gutter-x: 0rem;
    }
}

@media (max-width: 1064.98px) {
    nav .nav-link {
        display: none;
    }
}

@media (min-width: 1800.98px) {
    .focus-double-line {
        margin-top: -138px !important;
        margin-left: -14px !important;
    }
}

@media (max-width: 1425.98px) {
    .intro .img-intro {
        width: 600px;
    }

    .line-1 {
        margin-bottom: -274px !important;
        margin-left: 173px !important;
    }

    .line-2 {
        margin-left: 372px !important;
    }
}


.modal-open .container-fluid, .modal-open  .container {
    -webkit-filter: blur(5px) grayscale(90%);
}

.btn-primary {
    padding: 14px 41px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 12px;
    background: #FF8729;
    border-color: #FF8729;
}

.btn-secondary {
    padding: 14px 41px;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 12px;
    background: #A3A3A3;
    border-color: #A3A3A3;
}

.btn-primary:hover {
    background: #d56a15;
}

.modal-body a {
    color: #d56a15;
    text-decoration: none;
}

.modal-body {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
}

.footer-cookie {
    background: rgba(255, 255, 255, 0.56);
    backdrop-filter: blur(15px);
    z-index: 99999;
}

.footer-content {
    margin: 20px;
    color: #000000;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
}

.footer-content a {
    text-decoration: none;
    font-weight: 600;
    color: #000000;
}

.btn-white {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px 25px;
    font-weight: 700;
    color: #F26A00;
}

#privacy h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    color: #17161C;
    text-transform: uppercase;
}

#privacy h1 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 56px;
    color: #17161C;
}

#privacy p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #17161C;
}

#privacy li {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #17161C;
}

#privacy .content {
    margin-left: 10%;
    margin-right: 10%;
}

#privacy {
    margin-top: 100px;
    padding-bottom: 100px;
}

#privacy .content {
    margin-top: 100px;
}

#privacy .content h2 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #17161C;
    margin-top: 80px;
}

#privacy table {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #17161C;
    border: 1px solid whitesmoke;
}