/* 
    =============================================================================================================================================================================
    
    Nexure Global Stylesheet
    Version. 25.06.20
    Support Link: https://nexuresolutions.com/contact
    Website: https://nexuresolutions.com
    Last Edited: Fri Jun 20 2025 at 12:57:32 AM Eastern Time

    Copyright Statement: Do not copy this website, if the code is found to be duplicated, reproduced,
    or copied we will fine you a minimum of $250,000 and criminal charges may be pressed.

    CopyOurCodeWeWillSendYouToJesus(C)2025ThisIsOurHardWork.

    Dear rule breakers, questioners, straight-A students who skipped class: We want you.
    https://nexuresolutions.com/careers.

    =============================================================================================================================================================================
*/

@import url(https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap);
body,
h1,
h2,
h3,
h4,
h5,
h6,
html {
    font-family: Mona Sans, sans-serif
}

h1,
h2,
h3 {
    font-weight: 700
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
p {
    padding: 0;
    margin: 0
}

.width-100,
img {
    max-width: 100%
}

.gradient-bg-1,
.gradient-bg-2 {
    z-index: -99;
    filter: blur(120px)
}

.brand-link,
.nav-links a,
.nexure-button,
.nexure-card,
.nexure-table-plugin tr,
.nexure-textbox {
    transition: .3s ease-in-out
}

.brand-link,
.nav-links a,
.text-decoration-none,
a {
    text-decoration: none
}

.cart-sidebar.active,
.nexure-navbar-sticky {
    -webkit-backdrop-filter: saturate(180%) blur(40px)
}

.footer-link,
.footer-link-list,
.list-style-none,
.nav-links {
    list-style: none
}

.clickable-row,
.tab-button {
    cursor: pointer
}

@font-face {
    font-family: "Mona Sans";
    src: url("https://nexuresolutions.com/assets/fonts/Mona-Sans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Mona Sans";
    src: url("https://nexuresolutions.comassets/fonts/Mona-Sans-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Mona Sans";
    src: url("https://nexuresolutions.com/assets/fonts/Mona-Sans-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Mona Sans";
    src: url("https://nexuresolutions.com/assets/fonts/Mona-Sans-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

body,
html {
    box-sizing: border-box;
    overflow-x: hidden
}

body.blur .nexure-content {
    filter: blur(45px);
    transition: filter .3s
}

body::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-left: 1px solid #ddd
}

body::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 50px
}

.list-wrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.list-wrapper::-webkit-scrollbar-track {
    background: #fff
}

.list-wrapper::-webkit-scrollbar-thumb {
    background-color: #1f1f1f;
    border-radius: 5px0
}

.servi-list::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.servi-list::-webkit-scrollbar-track {
    background: #fff
}

.servi-list::-webkit-scrollbar-thumb {
    background-color: #1f1f1f;
    border-radius: 50px
}

a,
p {
    font-family: "IBM Plex Sans", sans-serif
}

h1 {
    font-size: 70px
}

h2 {
    font-size: 60px
}

h3 {
    font-size: 50px
}

h4,
h5 {
    font-weight: 600
}

h4 {
    font-size: 40px
}

h5 {
    font-size: 30px
}

h6 {
    font-size: 20px;
    font-weight: 500
}

a,
p {
    font-size: 14px
}

p {
    font-weight: 400;
    line-height: 1.5
}

.dark-mode .nexure-logo.dark-mode,
.display-block,
.nexure-logo.light-mode,
.tab-panel.active,
body.blur .nexure-dropdown {
    display: block
}

.display-flex {
    display: flex
}

.display-inline-flex {
    display: inline-flex
}

.align-center {
    align-items: center
}

.align-top {
    align-items: start !important
}

.justify-content-center {
    justify-content: center
}

.justify-content-space-between {
    justify-content: space-between
}

.justify-content-space-around {
    justify-content: space-around
}

.centered-content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    align-items: center;
    align-self: center
}

::selection {
    background-color: #76baf2;
    color: #000000;
}

.brand-link {
    color: #60b3f7
}

.brand-link:hover {
    color: #1584e0
}

.dark-mode .top-bar-link:hover,
.text-white {
    color: #fff
}

.contact-numbers a,
.footer-link a,
.text-black,
.text-neutral,
.top-bar-link:hover {
    color: #000
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.breadcrumb-text {
    font-size: 14px;
    margin-bottom: 40px
}

.primary-font {
    font-family: Mona Sans, sans-serif !important
}

.dark-mode .nexure-table-plugin,
.nexure-button,
.nexure-table-plugin,
.secondary-font,
small {
    font-family: "IBM Plex Sans", sans-serif !important
}

.image-fluid {
    height: 100%;
    width: 100%;
    border-radius: 35px;
    border: 1px solid #ddd;
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
    width: fit-content;
}

.contact-numbers a:hover,
.font-underline,
.footer-link a:hover {
    text-decoration: underline
}

.no-border {
    border: 0 !important
}

.text-align-center {
    text-align: center
}

.text-align-right {
    text-align: right
}

.text-align-left {
    text-align: left
}

.float-left {
    float: left
}

.float-right,
.social-icons {
    float: right
}

.no-float {
    float: none
}

.font-10px {
    font-size: 10px
}

.font-12px {
    font-size: 12px
}

.font-14px {
    font-size: 14px
}

.font-16px {
    font-size: 16px
}

.font-18px {
    font-size: 18px
}

.font-20px {
    font-size: 20px
}

.font-25px {
    font-size: 25px
}

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

.font-40px {
    font-size: 40px
}

.font-50px {
    font-size: 50px
}

.font-60px {
    font-size: 60px
}

.font-70px,
.nexure-heading-careers {
    font-size: 70px
}

.font-80px {
    font-size: 80px
}

.font-90px {
    font-size: 90px
}

.font-100px {
    font-size: 100px
}

.font-110px {
    font-size: 110px
}

.nav-links a,
label {
    font-size: 14px
}

.font-bold {
    font-weight: 800
}

.font-regular {
    font-weight: 600
}

.font-light {
    font-weight: 300
}

.font-italic {
    font-style: italic
}

.overflow-auto {
    overflow: auto
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.height-1 {
    height: 1vh
}

.height-2 {
    height: 2vh
}

.height-3 {
    height: 3vh
}

.height-4 {
    height: 4vh
}

.height-5 {
    height: 5vh
}

.height-6 {
    height: 6vh
}

.height-7 {
    height: 7vh
}

.height-8 {
    height: 8vh
}

.height-9 {
    height: 9vh
}

.height-10,
.spacing-10 {
    height: 10vh
}

.height-11 {
    height: 11vh
}

.height-12 {
    height: 12vh
}

.height-13 {
    height: 13vh
}

.height-14 {
    height: 14vh
}

.height-15 {
    height: 15vh
}

.height-16 {
    height: 16vh
}

.height-17 {
    height: 17vh
}

.height-18 {
    height: 18vh
}

.height-19 {
    height: 19vh
}

.height-20,
.spacing-20 {
    height: 20vh
}

.height-21 {
    height: 21vh
}

.height-22 {
    height: 22vh
}

.height-23 {
    height: 23vh
}

.height-24 {
    height: 24vh
}

.height-25 {
    height: 25vh
}

.height-26 {
    height: 26vh
}

.height-27 {
    height: 27vh
}

.height-28 {
    height: 28vh
}

.height-29 {
    height: 29vh
}

.height-30,
.spacing-30 {
    height: 30vh
}

.height-31 {
    height: 31vh
}

.height-32 {
    height: 32vh
}

.height-33 {
    height: 33vh
}

.height-34 {
    height: 34vh
}

.height-35 {
    height: 35vh
}

.height-36 {
    height: 36vh
}

.height-37 {
    height: 37vh
}

.height-38 {
    height: 38vh
}

.height-39 {
    height: 39vh
}

.catalog-img-container,
.height-40,
.spacing-40 {
    height: 40vh
}

.height-41 {
    height: 41vh
}

.height-42 {
    height: 42vh
}

.height-43 {
    height: 43vh
}

.height-44 {
    height: 44vh
}

.height-45 {
    height: 45vh
}

.height-46 {
    height: 46vh
}

.height-47 {
    height: 47vh
}

.height-48 {
    height: 48vh
}

.height-49 {
    height: 49vh
}

.height-50,
.spacing-50 {
    height: 50vh
}

.height-51 {
    height: 51vh
}

.height-52 {
    height: 52vh
}

.height-53 {
    height: 53vh
}

.height-54 {
    height: 54vh
}

.height-55 {
    height: 55vh
}

.height-56 {
    height: 56vh
}

.height-57 {
    height: 57vh
}

.height-58 {
    height: 58vh
}

.height-59 {
    height: 59vh
}

.height-60,
.spacing-60 {
    height: 60vh
}

.height-61 {
    height: 61vh
}

.height-62 {
    height: 62vh
}

.height-63 {
    height: 63vh
}

.height-64 {
    height: 64vh
}

.height-65 {
    height: 65vh
}

.height-66 {
    height: 66vh
}

.height-67 {
    height: 67vh
}

.height-68 {
    height: 68vh
}

.height-69 {
    height: 69vh
}

.height-70 {
    height: 70vh
}

.height-71 {
    height: 71vh
}

.height-72 {
    height: 72vh
}

.height-73 {
    height: 73vh
}

.height-74 {
    height: 74vh
}

.height-75 {
    height: 75vh
}

.height-76 {
    height: 76vh
}

.height-77 {
    height: 77vh
}

.height-78 {
    height: 78vh
}

.height-79 {
    height: 79vh
}

.height-80,
.spacing-80 {
    height: 80vh
}

.height-81 {
    height: 81vh
}

.height-82 {
    height: 82vh
}

.height-83 {
    height: 83vh
}

.height-84 {
    height: 84vh
}

.height-85 {
    height: 85vh
}

.height-86 {
    height: 86vh
}

.height-87 {
    height: 87vh
}

.height-88 {
    height: 88vh
}

.height-89 {
    height: 89vh
}

.height-90,
.spacing-90 {
    height: 90vh
}

.height-91 {
    height: 91vh
}

.height-92 {
    height: 92vh
}

.height-93 {
    height: 93vh
}

.height-94 {
    height: 94vh
}

.height-95 {
    height: 95vh
}

.height-96 {
    height: 96vh
}

.height-97 {
    height: 97vh
}

.height-98 {
    height: 98vh
}

.height-99 {
    height: 99vh
}

.height-100,
.spacing-100 {
    height: 100vh
}

.width-100 {
    width: 100%
}

.width-99 {
    width: 99%;
    max-width: 99%
}

.width-98 {
    width: 98%;
    max-width: 98%
}

.width-97 {
    width: 97%;
    max-width: 97%
}

.width-96 {
    width: 96%;
    max-width: 96%
}

.width-95 {
    width: 95%;
    max-width: 95%
}

.width-93 {
    width: 93%;
    max-width: 93%
}

.width-90 {
    width: 90%;
    max-width: 90%
}

.width-85 {
    width: 85%;
    max-width: 85%
}

.width-80 {
    width: 80%;
    max-width: 80%
}

.width-75 {
    width: 75%;
    max-width: 75%
}

.width-70 {
    width: 70%;
    max-width: 70%
}

.width-60 {
    width: 60%;
    max-width: 60%
}

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

.width-40 {
    width: 40%;
    max-width: 40%
}

.width-30 {
    width: 30%;
    max-width: 30%
}

.width-20 {
    width: 20%;
    max-width: 20%
}

.width-10 {
    width: 10%;
    max-width: 10%
}

.width-0 {
    width: 0%;
    max-width: 0%
}

.width-unset {
    width: unset !important
}

.margin-top-5px {
    margin-top: 5px
}

.margin-top-10px {
    margin-top: 10px
}

.margin-top-15px {
    margin-top: 15px
}

.margin-top-20px {
    margin-top: 20px
}

.margin-top-25px {
    margin-top: 25px
}

.margin-top-30px {
    margin-top: 30px
}

.margin-top-35px {
    margin-top: 35px
}

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

.margin-top-45px {
    margin-top: 45px
}

.margin-top-50px {
    margin-top: 50px
}

.margin-top-55px {
    margin-top: 55px
}

.margin-top-60px {
    margin-top: 60px
}

.margin-top-65px {
    margin-top: 65px
}

.margin-top-70px {
    margin-top: 70px
}

.margin-top-75px {
    margin-top: 75px
}

.margin-top-80px {
    margin-top: 80px
}

.margin-top-85px {
    margin-top: 85px
}

.margin-top-90px {
    margin-top: 90px
}

.margin-top-95px {
    margin-top: 95px
}

.forms-field-section,
.margin-top-100px {
    margin-top: 100px
}

.margin-top-5per {
    margin-top: 5%
}

.margin-top-10per {
    margin-top: 10%
}

.margin-top-15per {
    margin-top: 15%
}

.margin-top-20per {
    margin-top: 20%
}

.margin-top-25per {
    margin-top: 25%
}

.margin-top-30per {
    margin-top: 30%
}

.margin-top-35per {
    margin-top: 35%
}

.margin-top-40per {
    margin-top: 40%
}

.margin-top-45per {
    margin-top: 45%
}

.margin-top-50per {
    margin-top: 50%
}

.margin-top-55per {
    margin-top: 55%
}

.margin-top-60per {
    margin-top: 60%
}

.margin-top-65per {
    margin-top: 65%
}

.margin-top-70per {
    margin-top: 70%
}

.margin-top-75per {
    margin-top: 75%
}

.margin-top-80per {
    margin-top: 80%
}

.margin-top-85per {
    margin-top: 85%
}

.margin-top-90per {
    margin-top: 90%
}

.margin-top-95per {
    margin-top: 95%
}

.margin-top-100per {
    margin-top: 100%
}

.margin-bottom-5px {
    margin-bottom: 5px
}

.margin-bottom-10px {
    margin-bottom: 10px
}

.margin-bottom-15px {
    margin-bottom: 15px
}

.contact-numbers p,
.margin-bottom-20px {
    margin-bottom: 20px
}

.margin-bottom-25px {
    margin-bottom: 25px
}

.margin-bottom-30px {
    margin-bottom: 30px
}

.margin-bottom-35px {
    margin-bottom: 35px
}

.margin-bottom-40px {
    margin-bottom: 40px
}

.margin-bottom-45px {
    margin-bottom: 45px
}

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

.margin-bottom-55px {
    margin-bottom: 55px
}

.margin-bottom-60px {
    margin-bottom: 60px
}

.margin-bottom-65px {
    margin-bottom: 65px
}

.margin-bottom-70px {
    margin-bottom: 70px
}

.margin-bottom-75px {
    margin-bottom: 75px
}

.margin-bottom-80px {
    margin-bottom: 80px
}

.margin-bottom-85px {
    margin-bottom: 85px
}

.margin-bottom-90px {
    margin-bottom: 90px
}

.margin-bottom-95px {
    margin-bottom: 95px
}

.margin-bottom-100px {
    margin-bottom: 100px
}

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

.margin-bottom-10per {
    margin-bottom: 10%
}

.margin-bottom-15per {
    margin-bottom: 15%
}

.margin-bottom-20per {
    margin-bottom: 20%
}

.margin-bottom-25per {
    margin-bottom: 25%
}

.margin-bottom-30per {
    margin-bottom: 30%
}

.margin-bottom-35per {
    margin-bottom: 35%
}

.margin-bottom-40per {
    margin-bottom: 40%
}

.margin-bottom-45per {
    margin-bottom: 45%
}

.margin-bottom-50per {
    margin-bottom: 50%
}

.margin-bottom-55per {
    margin-bottom: 55%
}

.margin-bottom-60per {
    margin-bottom: 60%
}

.margin-bottom-65per {
    margin-bottom: 65%
}

.margin-bottom-70per {
    margin-bottom: 70%
}

.margin-bottom-75per {
    margin-bottom: 75%
}

.margin-bottom-80per {
    margin-bottom: 80%
}

.margin-bottom-85per {
    margin-bottom: 85%
}

.margin-bottom-90per {
    margin-bottom: 90%
}

.margin-bottom-95per {
    margin-bottom: 95%
}

.margin-bottom-100per {
    margin-bottom: 100%
}

.margin-left-5px {
    margin-left: 5px
}

.margin-left-10px {
    margin-left: 10px
}

.margin-left-15px {
    margin-left: 15px
}

.margin-left-20px {
    margin-left: 20px
}

.margin-left-25px {
    margin-left: 25px
}

.margin-left-30px {
    margin-left: 30px
}

.margin-left-35px {
    margin-left: 35px
}

.margin-left-40px {
    margin-left: 40px
}

.margin-left-45px {
    margin-left: 45px
}

.margin-left-50px {
    margin-left: 50px
}

.margin-left-55px {
    margin-left: 55px
}

.margin-left-60px {
    margin-left: 60px
}

.margin-left-65px {
    margin-left: 65px
}

.margin-left-70px {
    margin-left: 70px
}

.margin-left-75px {
    margin-left: 75px
}

.margin-left-80px {
    margin-left: 80px
}

.margin-left-85px {
    margin-left: 85px
}

.margin-left-90px {
    margin-left: 90px
}

.margin-left-95px {
    margin-left: 95px
}

.margin-left-100px {
    margin-left: 100px
}

.margin-left-5per {
    margin-left: 5%
}

.margin-left-10per {
    margin-left: 10%
}

.margin-left-15per {
    margin-left: 15%
}

.margin-left-20per {
    margin-left: 20%
}

.margin-left-25per {
    margin-left: 25%
}

.margin-left-30per {
    margin-left: 30%
}

.margin-left-35per {
    margin-left: 35%
}

.margin-left-40per {
    margin-left: 40%
}

.margin-left-45per {
    margin-left: 45%
}

.margin-left-50per {
    margin-left: 50%
}

.margin-left-55per {
    margin-left: 55%
}

.margin-left-60per {
    margin-left: 60%
}

.margin-left-65per {
    margin-left: 65%
}

.margin-left-70per {
    margin-left: 70%
}

.margin-left-75per {
    margin-left: 75%
}

.margin-left-80per {
    margin-left: 80%
}

.margin-left-85per {
    margin-left: 85%
}

.margin-left-90per {
    margin-left: 90%
}

.margin-left-95per {
    margin-left: 95%
}

.margin-left-100per {
    margin-left: 100%
}

.margin-right-5px {
    margin-right: 5px
}

.margin-right-10px {
    margin-right: 10px
}

.margin-right-15px {
    margin-right: 15px
}

.margin-right-20px {
    margin-right: 20px
}

.margin-right-25px {
    margin-right: 25px
}

.margin-right-30px {
    margin-right: 30px
}

.margin-right-35px {
    margin-right: 35px
}

.margin-right-40px {
    margin-right: 40px
}

.margin-right-45px {
    margin-right: 45px
}

.margin-right-50px {
    margin-right: 50px
}

.margin-right-55px {
    margin-right: 55px
}

.margin-right-60px {
    margin-right: 60px
}

.margin-right-65px {
    margin-right: 65px
}

.margin-right-70px {
    margin-right: 70px
}

.margin-right-75px {
    margin-right: 75px
}

.margin-right-80px {
    margin-right: 80px
}

.margin-right-85px {
    margin-right: 85px
}

.margin-right-90px {
    margin-right: 90px
}

.margin-right-95px {
    margin-right: 95px
}

.margin-right-100px {
    margin-right: 100px
}

.margin-right-5per {
    margin-right: 5%
}

.margin-right-10per {
    margin-right: 10%
}

.margin-right-15per {
    margin-right: 15%
}

.margin-right-20per {
    margin-right: 20%
}

.margin-right-25per {
    margin-right: 25%
}

.margin-right-30per {
    margin-right: 30%
}

.margin-right-35per {
    margin-right: 35%
}

.margin-right-40per {
    margin-right: 40%
}

.margin-right-45per {
    margin-right: 45%
}

.margin-right-50per {
    margin-right: 50%
}

.margin-right-55per {
    margin-right: 55%
}

.margin-right-60per {
    margin-right: 60%
}

.margin-right-65per {
    margin-right: 65%
}

.margin-right-70per {
    margin-right: 70%
}

.margin-right-75per {
    margin-right: 75%
}

.margin-right-80per {
    margin-right: 80%
}

.margin-right-85per {
    margin-right: 85%
}

.margin-right-90per {
    margin-right: 90%
}

.margin-right-95per {
    margin-right: 95%
}

.margin-right-100per {
    margin-right: 100%
}

.no-margin {
    margin: 0
}

.no-left-margin {
    margin-left: 0 !important
}

.no-right-margin {
    margin-right: 0 !important
}

.padding-top-5px {
    padding-top: 5px
}

.padding-top-10px {
    padding-top: 10px
}

.padding-top-15px {
    padding-top: 15px
}

.padding-top-20px {
    padding-top: 20px
}

.padding-top-25px {
    padding-top: 25px
}

.padding-top-30px {
    padding-top: 30px
}

.padding-top-35px {
    padding-top: 35px
}

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

.padding-top-45px {
    padding-top: 45px
}

.padding-top-50px {
    padding-top: 50px
}

.padding-top-55px {
    padding-top: 55px
}

.padding-top-60px {
    padding-top: 60px
}

.padding-top-65px {
    padding-top: 65px
}

.padding-top-70px {
    padding-top: 70px
}

.padding-top-75px {
    padding-top: 75px
}

.padding-top-80px {
    padding-top: 80px
}

.padding-top-85px {
    padding-top: 85px
}

.padding-top-90px {
    padding-top: 90px
}

.padding-top-95px {
    padding-top: 95px
}

.padding-top-100px {
    padding-top: 100px
}

.padding-top-5per {
    padding-top: 5%
}

.padding-top-10per {
    padding-top: 10%
}

.padding-top-15per {
    padding-top: 15%
}

.padding-top-20per {
    padding-top: 20%
}

.padding-top-25per {
    padding-top: 25%
}

.padding-top-30per {
    padding-top: 30%
}

.padding-top-35per {
    padding-top: 35%
}

.padding-top-40per {
    padding-top: 40%
}

.padding-top-45per {
    padding-top: 45%
}

.padding-top-50per {
    padding-top: 50%
}

.padding-top-55per {
    padding-top: 55%
}

.padding-top-60per {
    padding-top: 60%
}

.padding-top-65per {
    padding-top: 65%
}

.padding-top-70per {
    padding-top: 70%
}

.padding-top-75per {
    padding-top: 75%
}

.padding-top-80per {
    padding-top: 80%
}

.padding-top-85per {
    padding-top: 85%
}

.padding-top-90per {
    padding-top: 90%
}

.padding-top-95per {
    padding-top: 95%
}

.padding-top-100per {
    padding-top: 100%
}

.padding-left-5px {
    padding-left: 5px;
}

.padding-left-10px {
    padding-left: 10px;
}

.padding-left-15px {
    padding-left: 15px;
}

.padding-left-20px {
    padding-left: 20px;
}

.padding-left-25px {
    padding-left: 25px;
}

.padding-left-30px {
    padding-left: 30px;
}

.padding-left-35px {
    padding-left: 35px;
}

.padding-left-40px {
    padding-left: 40px;
}

.padding-left-45px {
    padding-left: 45px;
}

.padding-left-50px {
    padding-left: 50px;
}

.padding-left-55px {
    padding-left: 55px;
}

.padding-left-60px {
    padding-left: 60px;
}

.padding-left-65px {
    padding-left: 65px;
}

.padding-left-70px {
    padding-left: 70px;
}

.padding-left-75px {
    padding-left: 75px;
}

.padding-left-80px {
    padding-left: 80px;
}

.padding-left-85px {
    padding-left: 85px;
}

.padding-left-90px {
    padding-left: 90px;
}

.padding-left-95px {
    padding-left: 95px;
}

.padding-left-100px {
    padding-left: 100px;
}

.padding-left-5per {
    padding-left: 5%;
}

.padding-left-10per {
    padding-left: 10%;
}

.padding-left-15per {
    padding-left: 15%;
}

.padding-left-20per {
    padding-left: 20%;
}

.padding-left-25per {
    padding-left: 25%;
}

.padding-left-30per {
    padding-left: 30%;
}

.padding-left-35per {
    padding-left: 35%;
}

.padding-left-40per {
    padding-left: 40%;
}

.padding-left-45per {
    padding-left: 45%;
}

.padding-left-50per {
    padding-left: 50%;
}

.padding-left-55per {
    padding-left: 55%;
}

.padding-left-60per {
    padding-left: 60%;
}

.padding-left-65per {
    padding-left: 65%;
}

.padding-left-70per {
    padding-left: 70%;
}

.padding-left-75per {
    padding-left: 75%;
}

.padding-left-80per {
    padding-left: 80%;
}

.padding-left-85per {
    padding-left: 85%;
}

.padding-left-90per {
    padding-left: 90%;
}

.padding-left-95per {
    padding-left: 95%;
}

.padding-left-100per {
    padding-left: 100%;
}

.padding-right-5px {
    padding-right: 5px;
}

.padding-right-10px {
    padding-right: 10px;
}

.padding-right-15px {
    padding-right: 15px;
}

.padding-right-20px {
    padding-right: 20px;
}

.padding-right-25px {
    padding-right: 25px;
}

.padding-right-30px {
    padding-right: 30px;
}

.padding-right-35px {
    padding-right: 35px;
}

.padding-right-40px {
    padding-right: 40px;
}

.padding-right-45px {
    padding-right: 45px;
}

.padding-right-50px {
    padding-right: 50px;
}

.padding-right-55px {
    padding-right: 55px;
}

.padding-right-60px {
    padding-right: 60px;
}

.padding-right-65px {
    padding-right: 65px;
}

.padding-right-70px {
    padding-right: 70px;
}

.padding-right-75px {
    padding-right: 75px;
}

.padding-right-80px {
    padding-right: 80px;
}

.padding-right-85px {
    padding-right: 85px;
}

.padding-right-90px {
    padding-right: 90px;
}

.padding-right-95px {
    padding-right: 95px;
}

.padding-right-100px {
    padding-right: 100px;
}

.padding-right-5per {
    padding-right: 5%;
}

.padding-right-10per {
    padding-right: 10%;
}

.padding-right-15per {
    padding-right: 15%;
}

.padding-right-20per {
    padding-right: 20%;
}

.padding-right-25per {
    padding-right: 25%;
}

.padding-right-30per {
    padding-right: 30%;
}

.padding-right-35per {
    padding-right: 35%;
}

.padding-right-40per {
    padding-right: 40%;
}

.padding-right-45per {
    padding-right: 45%;
}

.padding-right-50per {
    padding-right: 50%;
}

.padding-right-55per {
    padding-right: 55%;
}

.padding-right-60per {
    padding-right: 60%;
}

.padding-right-65per {
    padding-right: 65%;
}

.padding-right-70per {
    padding-right: 70%;
}

.padding-right-75per {
    padding-right: 75%;
}

.padding-right-80per {
    padding-right: 80%;
}

.padding-right-85per {
    padding-right: 85%;
}

.padding-right-90per {
    padding-right: 90%;
}

.padding-right-95per {
    padding-right: 95%;
}

.padding-right-100per {
    padding-right: 100%;
}

.padding-bottom-5px {
    padding-bottom: 5px;
}

.padding-bottom-10px {
    padding-bottom: 10px;
}

.padding-bottom-15px {
    padding-bottom: 15px;
}

.padding-bottom-20px {
    padding-bottom: 20px;
}

.padding-bottom-25px {
    padding-bottom: 25px;
}

.padding-bottom-30px {
    padding-bottom: 30px;
}

.padding-bottom-35px {
    padding-bottom: 35px;
}

.padding-bottom-40px {
    padding-bottom: 40px;
}

.padding-bottom-45px {
    padding-bottom: 45px;
}

.padding-bottom-50px {
    padding-bottom: 50px;
}

.padding-bottom-55px {
    padding-bottom: 55px;
}

.padding-bottom-60px {
    padding-bottom: 60px;
}

.padding-bottom-65px {
    padding-bottom: 65px;
}

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

.padding-bottom-75px {
    padding-bottom: 75px;
}

.padding-bottom-80px {
    padding-bottom: 80px;
}

.padding-bottom-85px {
    padding-bottom: 85px;
}

.padding-bottom-90px {
    padding-bottom: 90px;
}

.padding-bottom-95px {
    padding-bottom: 95px;
}

.padding-bottom-100px {
    padding-bottom: 100px;
}

.padding-bottom-5per {
    padding-bottom: 5%;
}

.padding-bottom-10per {
    padding-bottom: 10%;
}

.padding-bottom-15per {
    padding-bottom: 15%;
}

.padding-bottom-20per {
    padding-bottom: 20%;
}

.padding-bottom-25per {
    padding-bottom: 25%;
}

.padding-bottom-30per {
    padding-bottom: 30%;
}

.padding-bottom-35per {
    padding-bottom: 35%;
}

.padding-bottom-40per {
    padding-bottom: 40%;
}

.padding-bottom-45per {
    padding-bottom: 45%;
}

.padding-bottom-50per {
    padding-bottom: 50%;
}

.padding-bottom-55per {
    padding-bottom: 55%;
}

.padding-bottom-60per {
    padding-bottom: 60%;
}

.padding-bottom-65per {
    padding-bottom: 65%;
}

.padding-bottom-70per {
    padding-bottom: 70%;
}

.padding-bottom-75per {
    padding-bottom: 75%;
}

.padding-bottom-80per {
    padding-bottom: 80%;
}

.padding-bottom-85per {
    padding-bottom: 85%;
}

.padding-bottom-90per {
    padding-bottom: 90%;
}

.padding-bottom-95per {
    padding-bottom: 95%;
}

.padding-bottom-100per {
    padding-bottom: 100%;
}

.no-padding {
    padding: 0
}

.nexure-maintenance-banner.catalog,
.nexure-topbar.catalog,
.no-left-padding {
    padding-left: 0 !important
}

.no-right-padding {
    padding-right: 0 !important
}

.gap-row-spacing-10 {
    grid-row-gap: 10px !important
}

.gap-row-spacing-20 {
    grid-row-gap: 20px !important
}

.gap-row-spacing-30 {
    grid-row-gap: 30px !important
}

.gap-row-spacing-40 {
    grid-row-gap: 40px !important
}

.gap-row-spacing-50 {
    grid-row-gap: 50px !important
}

.gap-row-spacing-60 {
    grid-row-gap: 60px !important
}

.gap-row-spacing-70 {
    grid-row-gap: 70px !important
}

.gap-row-spacing-80 {
    grid-row-gap: 80px !important
}

.gap-row-spacing-90 {
    grid-row-gap: 90px !important
}

.gap-row-spacing-100 {
    grid-row-gap: 100px !important
}

.gap-row-spacing-110 {
    grid-row-gap: 110px !important
}

.gap-column-spacing-10 {
    grid-column-gap: 10px !important
}

.gap-column-spacing-20 {
    grid-column-gap: 20px !important
}

.gap-column-spacing-30 {
    grid-column-gap: 30px !important
}

.gap-column-spacing-40 {
    grid-column-gap: 40px !important
}

.gap-column-spacing-50 {
    grid-column-gap: 50px !important
}

.gap-column-spacing-60 {
    grid-column-gap: 60px !important
}

.gap-column-spacing-70 {
    grid-column-gap: 70px !important
}

.gap-column-spacing-80 {
    grid-column-gap: 80px !important
}

.gap-column-spacing-90 {
    grid-column-gap: 90px !important
}

.gap-column-spacing-100 {
    grid-column-gap: 100px !important
}

.gap-column-spacing-110 {
    grid-column-gap: 110px !important
}

.gap-column-spacing-0,
.gap-row-spacing-0 {
    grid-column-gap: 0px !important
}

.spacing-70 {
    height: 70
}

.nexure-card {
    background: #f2f3f4;
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 8px
}

.carbon-card:hover {
    border-color: #9cffa5 !important;
}

.dark-mode .nexure-card:hover,
.dark-mode .nexure-textbox:focus,
.dark-mode .nexure-textbox:hover,
.nexure-card:hover,
.nexure-textbox:focus,
.nexure-textbox:hover {
    border: 1px solid #8fc8f7
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 90%
}

.nexure-nav-container {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.nexure-buttons-container {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.nexure-table-container {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0
}

.nexure-table-plugin {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
    border: 0;
    margin-top: 0
}

.nexure-table-plugin th {
    background-color: #f2f3f4;
    color: #000;
    padding: 17px 20px
}

.nexure-table-plugin td {
    padding: 17px 20px;
    border-bottom: 1px solid #ddd
}

.nexure-table-plugin tr:hover,
.nexure-table-selected {
    background-color: #e7e7e8
}

.nexure-button {
    padding: 8px 24px;
    border-radius: 999px;
    outline: 0;
    border: 1px solid transparent
}

.nexure-textbox,
label {
    font-family: "IBM Plex Sans", sans-serif
}

.nexure-button.carbon-button {
    background-color: #95ffa0;
    border: 1px solid #95ffa0;
    color: #000 !important;
}

.nexure-button.carbon-button:hover {
    background-color: #5da464;
    border: 1px solid #5da464;
}

.dark-mode .nexure-button.primary,
.nexure-button.primary {
    background-color: #8bc2f0;
    border: 1px solid #8bc2f0;
    color: #000
}

.dark-mode .nexure-button.primary:hover,
.nexure-button.primary:hover {
    background-color: #618fb5;
    border: 1px solid #618fb5;
    color: #000
}

.nexure-button.secondary {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #000;
    margin-left: 20px
}

.nexure-button.secondary:hover {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #000
}

.nav-links a:hover,
.nexure-cart-button {
    background-color: #f1f1f162;
    backdrop-filter: saturate(120%) blur(40px);
}

.nexure-button.plain {
    background-color: transparent;
    border: 1px solid transparent;
    color: #000;
    margin-right: 5px
}

.nexure-button.plain:hover {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1
}

.nexure-cart-button {
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 13px;
    border: 1px solid #ddd
}

.nexure-cart-button:hover {
    background-color: #fff
}

.form-control {
    display: block;
    width: 100%;
    max-width: 100%
}

.nexure-textbox {
    padding: 14px 14px 14px 14px;
    box-sizing: border-box;
    width: 100%;
    background-color: #f2f4f8;
    border: 1px solid #ddd;
    color: #000;
    border-radius: 999px;
    font-size: 12px;
    margin-top: 10px;
    outline: 0 !important
}

.nexure-textbox.textarea {
    border-radius: 20px !important;
}

.nexure-dropdown,
.show-dropdown {
    transition: .3s ease-in-out !important
}

.nexure-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-column-gap: 16px
}

.nexure-one-grid,
.nexure-two-grid {
    display: -ms-grid;
    grid-row-gap: 92px;
    width: 100%
}

.nexure-one-grid {
    grid-template-columns: 1fr;
    display: grid
}

.nexure-two-grid {
    grid-template-columns: 1fr 1fr;
    display: grid
}

.nexure-three-grid {
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    grid-row-gap: 92px;
    width: 100%
}

.nexure-four-grid {
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid;
    grid-row-gap: 92px;
    width: 100%
}

.nexure-five-grid,
.nexure-six-grid {
    display: -ms-grid;
    grid-row-gap: 92px;
    width: 100%
}

.nexure-five-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    display: grid
}

.nexure-six-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    display: grid
}

.nexure-seven-grid {
    display: -ms-grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: grid;
    grid-row-gap: 92px;
    width: 100%
}

.scroll-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    min-width: 100%;
    margin-bottom: 6%;
}

.hero-grid {
    grid-row-gap: 0px;
    grid-column-gap: 100px;
    align-items: center
}

.services-grid {
    grid-row-gap: 100px;
    grid-column-gap: 100px
}

.footer-grid {
    grid-template-columns: 1.5fr .5fr .5fr .5fr
}

.no-row-gap {
    grid-row-gap: 0px
}

.subpage-grid {
    grid-template-columns: .4fr 1.6fr
}

.domain-grid {
    grid-column-gap: 50px;
    grid-template-columns: 1.5fr .5fr;
    align-items: center
}

.gradient-bg-1 {
    background-color: #b2eaf8;
    width: 300px;
    height: 300px;
    position: absolute;
    left: 10%;
    margin-top: -2%
}

.gradient-bg-2 {
    background-color: #b5a8f7;
    width: 300px;
    height: 300px;
    position: absolute;
    float: right;
    right: 10%;
    margin-top: 15%
}

.gradient-bg-3,
.gradient-bg-4 {
    z-index: -99;
    filter: blur(140px);
    width: 300px;
    height: 300px;
    position: absolute
}

.gradient-bg-3 {
    background-color: #98f982;
    left: 10%
}

.gradient-bg-4 {
    background-color: #34de0e;
    float: right
}

.nexure-header,
.nexure-topbar {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.glow-5 {
    box-shadow: rgba(104, 205, 255, .301) 0 -20px 100px -20px, rgba(104, 205, 255, .301) 0 -20px 60px -30px
}

.nexure-topbar {
    z-index: 1000;
    padding: 14px 8px
}

.top-bar-link {
    padding-right: 20px;
    color: #101010
}

.top-bar-link.active {
    color: #8bc2f0 !important
}

.top-bar-link.carbon-active {
    color: #7dff8a !important;
}

.nexure-header {
    z-index: 1000 !important;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top:0px;
    border-radius: 0px;
    width:100% !important;
    background-color: rgba(245, 245, 247, .2);
    backdrop-filter: blur(2px) saturate(180%);
    border-bottom: 1px solid #ddd;
    transition: all 0.3s ease-in-out;
}

.nexure-logo {
    width: 130px;
    margin-right: 15px
}

#darkModeIcon,
.dark-mode .nexure-logo.light-mode,
.nexure-logo.dark-mode,
.nexure-menu-icon,
.tab-panel {
    display: none
}

.nexure-navlinks {
    display: flex;
    align-items: center;
    padding: 0
}

.nav-links a {
    padding: 8px 18px;
    color: #000;
    border-radius: 50px
}

.nexure-dropdown {
    display: none;
    position: absolute;
    margin-left:0;
    left: 0px;
    width: 100%;
    background-color: #ffffff;
    border-bottom: 1px solid #ddd;
    padding: 3% 0;
    overflow: hidden;
    z-index: 1;
    border-radius: 20px;
    margin-top:22px;
    backdrop-filter: saturate(120%) blur(20px);
}

.nexure-dropdown::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    border: 1px solid transparent;
    background: linear-gradient(120deg, rgba(255,255,255,0.8), rgba(255,255,255,0.2), rgba(255,255,255,0.8));
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
}

.cart-toggle,
.toggle-container {
    border: 0;
    margin: 0 0 0 10px;
    box-sizing: border-box;
    align-items: center;
    font-size: 20px
}

.nexure-dropdown li {
    list-style: none;
    text-align: center
}

.nexure-dropdown li a {
    display: block;
    padding: 12px 20px;
    color: #000;
    text-decoration: none
}

.dark-mode .nexure-table-plugin tr:hover,
.nexure-dropdown li a:hover {
    background-color: #444
}

.show-dropdown {
    display: block !important
}

.nexure-dropdown-links {
    background-color: transparent !important;
    transition: .3s ease-in-out
}

.nexure-dropdown-links a {
    padding: 6px 0 !important;
    background-color: transparent !important
}

.nexure-dropdown-links a:hover,
.nexure-dropdown-links:hover {
    background-color: transparent !important;
    color: #222 !important
}

.toggle-container {
    padding: 8px 8px 5px 10px
}

.cart-toggle {
    padding: 8px 8px 6px 10px
}

.tech-icon,
.technolo-icon {
    align-items: center;
    display: flex
}

.cart-toggle:focus,
.cart-toggle:hover,
.toggle-container:focus,
.toggle-container:hover {
    background-color: #f1f1f1;
    border-radius: 8px
}

.nexure-navbar-sticky {
    position: fixed;
    top: 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px) saturate(200%);
    -webkit-backdrop-filter: blur(10px) saturate(200%);
    border: 1px solid rgba(228, 227, 227, 0.2);
    box-shadow: 0 4px 30px rgba(77, 76, 76, 0.2);
    transition: all 0.3s ease-in-out;
    z-index: 999 !important;
    width:100% !important;
    max-width: 100% !important;
}

.nexure-navbar-sticky::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    box-shadow: 0 0 60px rgba(255,255,255,0.4), inset 0 0 30px rgba(255,255,255,0.2);
    pointer-events: none;
}

.nexure-hero {
    padding-top: 2%;
    padding-bottom: 2%
}

.nexure-paragraph,
.nexure-services-title {
    padding-bottom: 4%
}

.nexure-content,
.nexure-services-content,
.nexure-services-content-2,
.nexure-tech-title-content {
    width: 100%
}

.nexure-heading {
    font-size: 90px;
    font-weight: 700;
    line-height: 1
}

.nexure-paragraph {
    font-size: 16px;
    width: 100%;
    line-height: 1.5;
    margin-top: 4%
}

.nexure-hero-button {
    margin-top: 4%
}

.header-video-item {
    border-radius: 12px;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.header-video {
    width: 100%;
    height: 100%
}

.services-showcase {
    margin-top: 100px;
    margin-bottom: 100px
}

.operating-system-section {
    margin-top:100px;
    margin-bottom:-50px;
}

.scroll-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.scrolling-item {
    flex: 0 0 auto;
    text-align: center;
    width: 120px;
}

.service-icon {
    height: 50px;
    width: 50px;
    margin-bottom: 20px
}

.nexure-services-body {
    padding-top: 6%
}

.nexure-services-heading,
.nexure-split-heading {
    font-size: 50px;
    font-weight: 700;
    line-height: 1
}

.nexure-services-paragraph {
    font-size: 16px;
    width: 100%;
    line-height: 1.5
}

.technology-area {
    margin-top: 200px;
    margin-bottom: 100px
}

.technology-programming-holder {
    border: 1px solid #eee;
    border-radius: 8px;
    background-color: #fbfbfb
}

.code-block-margin {
    padding-top: 30px;
    padding-bottom: 50px
}

.tech-programming-title {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd
}

.nexure-tech-content {
    width: 100%;
    margin-top: 6%
}

.technolo-icon {
    height: 70px;
    width: 70px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
    justify-content: center;
    text-align: center;
    background-color: #f7f7f7;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

.operating-system-logo {
    height:70px;
    width:70px;
    padding:20px;
    border-radius: 15px;
    box-shadow: none;
}

.split-area {
    margin-top: 100px;
    margin-bottom: 100px
}

.nexure-split-paragraph {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 4%
}

.call-to-action {
    margin-top: 0;
    margin-bottom: 150px
}

.nexure-cta-heading {
    width: 100%;
    font-size: 50px;
    font-weight: 700;
    line-height: 1
}

.call-to-action-block {
    overflow: hidden;
    background-clip: content-box
}

.nexure-cta-paragraph {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 4%;
    margin-bottom: 6%;
    width: 100%
}

.calltoaction-boxxed {
    margin-top: 8%;
    margin-bottom: 8%;
    background-image: radial-gradient(circle at 50% 100%, #fff 4%, #f0f0f0 58%), url("https://assets.website-files.com/649c8fc778e7e4d075c5a3f1/649d89f85d0731922f96d346_Noise.png") !important;
    background-position: 0 0, 0 0 !important;
    background-size: auto, auto !important;
    border: 1px solid #d7d7d7;
    padding: 6%;
    border-radius: 10px
}

.calltoaction-boxxed.reduced-padding {
    padding: 4% !important;
}

.footer {
    padding-bottom: 20px
}

.footer-logo {
    width: 150px
}

.footer-link-list {
    padding: 0
}

.footer-link {
    padding: 6px 0
}

.footer-link a:hover {
    color: #222
}

.footer-bottom {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ddd
}

.social-list {
    padding: 0;
    margin: 0;
    display: flex
}

.social-icon {
    padding: 20px 10px 0
}

.social-logo-img {
    height: 25px;
    width: 25px
}

.sped-elon {
    filter: invert(1)
}

.about-section {
    padding-top: 7%;
    padding-bottom: 6%
}

.about-content-section {
    margin-bottom: 100px;
    margin-top: 100px
}

.contact-numbers {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 4% 6%;
    background-image: url("https://nexuresolutions.com/assets/img/sections/calltoaction/calltoaction-nexure-bg.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.nexure-contact-card {
    background-color: #f2f4f8;
    padding: 8%;
    border-radius: 8px
}

.catalog-hero,
.catalog-subsection {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    border:1px solid #ddd;
}

.nexure-contact-card h4 {
    padding-top: 0;
    font-size: 18px;
    margin-top: 0
}

.nexure-contact-card p {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 14px
}

.nexure-contact-card p a {
    color: #3878ff
}

.terms-section {
    padding-top: 7%;
    padding-bottom: 8%
}

.domains-content-section,
.terms-content-section {
    margin-bottom: 100px;
    margin-top: 50px
}

.catalog-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 90%
}

.catalog-header {
    padding-top: 12px;
    padding-bottom: 12px;
    width:100% !important;
}

.catalog-section {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f2f3f4
}

.catalog-img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

.catalog-cards-section {
    margin-top: 50px;
    margin-bottom: 50px
}

.catalog-hero {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .094) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/catalog-main.jpg');
    color: #fff
}

.catalog-subsection {
    margin-bottom: -2%;
    padding-top: 7%;
    padding-bottom: 7%;
}

.catalog-subsection.softwaredevelopment {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/software-development/hero.webp')
}

.catalog-subsection.webdevelopment {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/web-development/hero.webp')
}

.catalog-subsection.webhosting {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/web-hosting/hero.webp')
}

.catalog-subsection.branding {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/branding/hero.webp')
}

.catalog-subsection.marketing {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/marketing/hero.webp')
}

.catalog-subsection.nexurecloud {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/nexure-cloud/hero.webp')
}

.catalog-subsection.photography {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/photography/hero.webp')
}

.catalog-subsection.graphicdesign {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/graphic-design/hero.webp')
}

.catalog-subsection.socialmedia {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/catalog/social-media/hero.webp')
}

.nexure-pricing-bar {
    bottom: 0;
    top: auto;
    position: fixed;
    z-index: 999;
    padding: 1%;
    padding-left: 0 !important;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    left: 0;
    width: 100%;
    border-radius:0px;
    background-color: rgba(245, 245, 247, 0.247);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(120%) blur(10px);
    border-top: 1px solid #eee;
    box-shadow:
        0 4px 30px rgba(0, 0, 0, 0.25),
        0 0 20px rgba(255, 255, 255, 0.05),
        inset 0 0 10px rgba(255, 255, 255, 0.1);
}

.cart-sidebar.active {
    top: 0;
    height: 100%;
    z-index: 9999;
    position: fixed
}

.preloader {
    top: 0;
    height: 100%;
    z-index: 9999;
    position: fixed
}

.nexurecareers-gradient-heading.orange-red {
    background: -webkit-linear-gradient(#ff1d1d, #ffa319);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.nexurecareers-gradient-heading.blue-purple {
    background: -webkit-linear-gradient(#3eb9f2, #8d32dd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.nexurecareers-gradient-heading.purple-pink {
    background: -webkit-linear-gradient(#8d50db, #f181e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.nexurecareers-gradient-heading.green-blue {
    background: -webkit-linear-gradient(#56fb5c, #1281e9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.nexurecareers-gradient-heading.green-green {
    background: -webkit-linear-gradient(#52fb58, #076e12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.careers-colored {
    background-color: #badef5;
    color: #000
}

.careers-hero.careers-colored {
    margin-top: -8% !important;
    padding-top: 15%;
    padding-bottom: 8%;
}

.careers-hero {
    margin-top: 4%;
    margin-bottom: 6%
}

.careers-counter {
    font-size: 76px;
    color: #8dc6f4;
    padding-top: 0;
    margin-top: 0;
    font-weight: 300;
    margin-bottom: 40px
}

.careers-details-right {
    border-left: 1px solid #ddd;
}

.nexure-hero.cloud {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/cloud/cloudhero.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.nexure-hero.partners {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0, #000 100%), url('https://nexuresolutions.com/assets/img/sections/partners/partnersimage.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.nexure-cloud-area {
    padding-top: 7%;
    padding-bottom: 7%;
    border-radius: 15px;
}

.cloud-sub-section {
    margin-top: 6%;
    margin-bottom: 50px
}

.logo,
.tabs {
    margin-bottom: 20px
}

.tabs {
    display: flex;
    gap: 20px
}

.tab-button {
    padding: 14px 24px;
    background-color: #f0f0f0;
    border: none;
    font-weight: 700;
    border-radius: 999px
}

.dark-mode .tab-button.active,
.tab-button.active {
    background-color: #8dc6f4;
    color: #000
}

.form-section {
    padding-top: 3%;
    padding-bottom: 5%;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;
    width:90%;
    margin-top: 2%;
    border: 1px solid #ddd;
}

.form-footer {
    border-top: 1px solid #ddd
}

.cart-sidebar {
    display: none;
    transition: right .5s
}

.cart-sidebar.active {
    display: block;
    left: auto;
    right: 0;
    width: 400px;
    background-color: rgba(245, 245, 247, .2);
    backdrop-filter: saturate(120%) blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2); /* soft light border */
    box-shadow:
        0 4px 30px rgba(0, 0, 0, 0.25),
        0 0 20px rgba(255, 255, 255, 0.05),
        inset 0 0 10px rgba(255, 255, 255, 0.1);
    padding-top: 2%;
    padding-bottom: 2%;
    transition: right .5s;
    border-radius: 0px;
}

.cart-sidebar.active::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    box-shadow: 0 0 60px rgba(255, 255, 255, 0.2);
    pointer-events: none;
    z-index: 1;
}

.dark-mode .nexure-button,
.dark-mode .nexure-dropdown-links {
    transition: .3s ease-in-out
}

.nexure-sidebar-card-content::-webkit-scrollbar {
    width: 8px
}

.nexure-sidebar-card-content::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border: 0
}

.nexure-sidebar-card-content::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    border-radius: 4px
}

.cart-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-radius: 10px;
    background-color: #f1f1f18a;
    border: 1px solid #eee;
    backdrop-filter: saturate(120%) blur(10px);
}

.cart-footer {
    position: fixed;
    width: 90%;
}

.preloader {
    left: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left
}

.logo {
    float: left
}

.loading-bar {
    width: 600px;
    height: 6px;
    background-color: #f3f3f3;
    border-radius: 0
}

.loading-bar-inner {
    height: 100%;
    background-color: #8fc8f7;
    width: 0%;
    border-radius: 10px;
    animation: 2s linear infinite progress
}

.nexure-maintenance-banner,
.nexure-successful-banner {
    left: 0;
    right: 0;
    bottom: auto;
    color: #000;
    font-family: "IBM Plex Sans", sans-serif;
    border-bottom: 1px solid transparent;
    z-index: 999;
    transition: top .5s;
    width: 100%;
    font-size: 14px;
    border-radius: 999px;
    width:89% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
}

.loaded {
    display: none !important
}

.nexure-successful-banner {
    position: fixed;
    padding: 15px;
    margin-top:4%;
    bottom:2%;
    background-color: #a5ffc056;
    justify-content: space-between;
    backdrop-filter: blur(10px) saturate(140%);
}

.nexure-maintenance-banner {
    position: sticky;
    padding: 15px 8px;
    background-color: #ffdac5;
    justify-content: space-between
}

body.dark-mode {
    background-color: #000 !important;
    color: #dbdbdb !important
}

.dark-mode::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.dark-mode::-webkit-scrollbar-track {
    background: #1b1b1b;
    border-left: 1px solid #222
}

.dark-mode::-webkit-scrollbar-thumb {
    background-color: #353535;
    border-radius: 50px
}

.dark-mode .nexure-header,
.dark-mode .nexure-topbar {
    background-color: #000;
    border: 1px solid #222
}

.dark-mode .nexure-navbar-sticky {
    background: rgba(25, 25, 30, 0.1);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(46, 46, 46, 0.2);
    box-shadow:
        inset 0 0 10px rgba(33, 33, 34, 0.2),
        0 0 60px rgba(45, 45, 46, 0.15),
        0 4px 30px rgba(22, 22, 22, 0.5);
}

.dark-mode .nexure-navbar-sticky::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.4), inset 0 0 30px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.dark-mode .contact-numbers a,
.dark-mode .nav-links a,
.dark-mode .text-neutral,
.dark-mode .top-bar-link {
    color: #dbdbdb
}

.dark-mode .cart-toggle:focus,
.dark-mode .cart-toggle:hover,
.dark-mode .nav-links a:hover,
.dark-mode .toggle-container:focus,
.dark-mode .toggle-container:hover {
    background-color: #222
}

.dark-mode .nexure-button {
    padding: 8px 24px;
    border-radius: 999px;
    border: 1px solid transparent
}

.dark-mode .nexure-button.secondary {
    background-color: #000;
    border: 1px solid #222;
    color: #dbdbdb;
    margin-left: 20px
}

.dark-mode .nexure-button.secondary:hover {
    background-color: #333;
    border: 1px solid #333;
    color: #dbdbdb
}

.dark-mode .nexure-button.plain {
    background-color: transparent;
    border: 1px solid transparent;
    color: #dbdbdb;
    margin-right: 5px
}

.dark-mode .nexure-button.plain:hover {
    background-color: #222;
    border: 1px solid #222
}

.dark-mode .technology-programming-holder {
    border: 1px solid #222;
    border-radius: 8px;
    background-color: #1b1b1b
}

.dark-mode .tech-programming-title {
    padding: 10px 15px;
    border-bottom: 1px solid #222
}

.dark-mode .technolo-icon {
    background-color: #1b1b1b;
    border: 1px solid #333
}

.dark-mode .image-fluid,
.dark-mode .nexure-cloud-area {
    border: 1px solid #222
}

.dark-mode .footer-link a {
    color: #f1f1f1
}

.dark-mode .footer-link a:hover {
    color: #ddd;
    text-decoration: underline
}

.dark-mode .footer-bottom,
.dark-mode .form-footer {
    border-top: 1px solid #222
}

.dark-mode .social-icon a .social-logo-img {
    filter: invert(1) !important;
    fill: white
}

.dark-mode .social-icon a .social-logo-img.sped-elon {
    filter: invert(0) !important;
    fill: white
}

.dark-mode .gradient-bg-1 {
    z-index: -99;
    filter: blur(120px);
    background-color: #009ac1;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 10%;
    margin-top: -5%
}

.dark-mode .gradient-bg-2 {
    z-index: -99;
    filter: blur(120px);
    background-color: #7365b8;
    width: 200px;
    height: 200px;
    position: absolute;
    float: right;
    right: 10%;
    margin-top: 5%
}

.dark-mode .gradient-bg-3,
.dark-mode .gradient-bg-4 {
    z-index: -99;
    filter: blur(140px);
    width: 200px;
    height: 200px;
    position: absolute
}

.dark-mode .gradient-bg-3 {
    background-color: #5eb44b;
    left: 10%
}

.dark-mode .gradient-bg-4 {
    background-color: #27910f;
    float: right
}

.dark-mode .nexure-textbox {
    border: 1px solid #333;
    background-color: #1b1b1b;
    color: #dbdbdb
}

.dark-mode .contact-numbers {
    border: 1px solid #2b2b2b;
    background-image: url("https://nexuresolutions.com/assets/img/sections/calltoaction/calltoaction-nexure-bg-dark.webp")
}

.dark-mode .nexure-contact-card {
    background-color: #1b1b1b
}

.dark-mode .cart-sidebar.active {
    background-color: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: saturate(180%) blur(40px);
    backdrop-filter: saturate(180%) blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 4px 30px rgba(0, 0, 0, 0.6),
        inset 0 0 10px rgba(255, 255, 255, 0.05);
}

.dark-mode .cart-sidebar.active::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    box-shadow:
        0 0 40px rgba(255, 255, 255, 0.06),
        inset 0 0 10px rgba(255, 255, 255, 0.03);
    pointer-events: none;
    z-index: 1;
}

.dark-mode .cart-card {
    background-color: #29292991;
    border: 1px solid #2e2e2e;
}

.dark-mode .nexure-table-plugin {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 14px;
    background-color: #131313;
    border: 1px solid #333;
    margin-top: 0
}

.dark-mode .nexure-table-plugin th {
    background-color: #222;
    color: #dbdbdb;
    padding: 12px 15px
}

.dark-mode .nexure-table-plugin td {
    padding: 10px 15px;
    border-bottom: 1px solid #333
}

.dark-mode .catalog-section {
    background-color: #1e1e1e
}

.dark-mode .nexure-card {
    background: #151515;
    border: 1px solid #333
}

.dark-mode .preloader {
    background-color: #000 !important
}

.dark-mode .loading-bar {
    background-color: #222 !important
}

.dark-mode .nexure-pricing-bar {
    background-color: rgba(22, 22, 23, 0.24) !important;
    border-top: 1px solid #222;
    color: #dbdbdb
}

.dark-mode .nexure-cart-button:hover,
.dark-mode .nexure-table-selected {
    background-color: #333
}

.dark-mode .nexure-cart-button {
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 13px;
    background-color: #222;
    color: #dbdbdb
}

.dark-mode .nexure-sidebar-card-content::-webkit-scrollbar {
    width: 8px
}

.dark-mode .nexure-sidebar-card-content::-webkit-scrollbar-track {
    background-color: #080808;
    border: 0
}

.dark-mode .nexure-sidebar-card-content::-webkit-scrollbar-thumb {
    background-color: #252525;
    border-radius: 4px
}

.dark-mode .form-section {
    border: 1px solid #222
}

.dark-mode .cloud-listing-ai {
    box-shadow: rgba(50, 50, 93, .25) 0 2px 5px -1px, rgba(0, 0, 0, .3) 0 1px 3px -1px;
    border: 1px solid #333;
    background-color: #1b1b1b
}

.dark-mode .tab-button {
    background-color: #222;
    color: #dbdbdb
}

.dark-mode .nexure-dropdown {
    background-color: rgba(0, 0, 0);
    border: 1px solid #020202;
}

.dark-mode .nexure-dropdown::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    border: 1px solid transparent;
    background: linear-gradient(120deg, rgba(32, 32, 32, 0.8), rgba(32, 32, 32, 0.8), rgba(32, 32, 32, 0.8));
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    pointer-events: none;
}

.dark-mode .nexure-dropdown-links,
.dark-mode .nexure-dropdown-links:hover {
    background-color: transparent !important;
    color: #fff !important
}

.dark-mode .nexure-dropdown-links a:hover {
    color: #fff !important
}

.dark-mode .calltoaction-boxxed {
    background-image: radial-gradient(circle at 50% 100%, #1f1f1f 4%, #0c0c0c 58%), url("https://assets.website-files.com/649c8fc778e7e4d075c5a3f1/649d89f85d0731922f96d346_Noise.png") !important;
    border: 1px solid #222
}

.dark-mode .careers-details-right {
    border-left: 1px solid #222;
}

.dark-mode .catalog-subsection,
.dark-mode .catalog-hero {
    border:1px solid #222;
}

@keyframes nexure-fadein {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes progress {
    0% {
        width: 0%
    }
    50% {
        width: 50%
    }
    100% {
        width: 100%
    }
}

.nexure-ix-reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: 1s
}

.nexure-ix-reveal.active {
    transform: translateY(0);
    opacity: 1
}

@media (max-width:999px) {
    .nexure-tech-content,
    .nexure-tech-title-content {
        margin-left: 0;
        margin-right: 0
    }
    .nexure-content,
    .nexure-cta-content,
    .nexure-services-content,
    .nexure-services-content-2,
    .nexure-services-paragraph,
    .nexure-tech-content,
    .nexure-tech-title-content {
        max-width: 100%;
        width: 100%
    }
    .nexure-five-grid,
    .nexure-four-grid,
    .nexure-grid,
    .nexure-one-grid,
    .nexure-seven-grid,
    .nexure-six-grid,
    .nexure-three-grid,
    .nexure-two-grid {
        display: -ms-grid;
        grid-template-columns: 1fr;
        display: grid;
        grid-row-gap: 92px;
        width: 100%
    }
    .header-video,
    .header-video-item,
    .nexure-nav-buttons,
    .nexure-navbar-menu,
    .nexure-table-plugin th,
    .social-icons,
    .toggle-container {
        display: none
    }
    .nexure-heading {
        font-size: 50px
    }
    .nexure-paragraph,
    .nexure-services-paragraph {
        font-size: 18px;
        width: 100%;
        max-width: 100%;
        margin-top: 12%;
        margin-bottom: 12%
    }
    .nexure-hero {
        padding-top: 20%;
        padding-bottom: 0
    }
    .nexure-header {
        padding-top: 12px;
        padding-bottom: 12px;
        backdrop-filter: saturate(180%) blur(20px)
    }
    .nexure-navbar-sticky {
        z-index: 999 !important
    }
    .catalog-subsection .nexure-container h3,
    .nexure-heading-careers,
    .nexure-services-heading {
        font-size: 30px
    }
    .nexure-tech-content {
        margin-top: 18%
    }
    .nexure-menu-icon {
        float: right;
        display: block
    }
    .nexure-nav-buttons.responsive,
    .nexure-navbar-menu.responsive {
        float: none;
        display: block;
        text-align: left;
        position: absolute;
        top: 100%;
        background-color: #fff !important;
        border-top: 1px solid #ddd;
        height: 100vh;
        overflow: hidden;
        z-index: 500;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0
    }
    .dark-mode .nexure-nav-buttons.responsive,
    .dark-mode .nexure-navbar-menu.responsive {
        background-color: #000 !important;
        border-top: 1px solid #171717
    }
    .nexure-navlinks,
    .preloader div {
        display: block
    }
    .nexure-navbar-menu.responsive .nexure-navlinks .nav-links {
        padding: 15px 20px;
        border-bottom: 1px solid #ddd;
        border-radius: 0
    }
    .dark-mode .nexure-navbar-menu.responsive .nexure-navlinks .nav-links {
        border-bottom: 1px solid #171717
    }
    .cart-sidebar.active,
    .pricing-content-new {
        padding-top: 4%;
        padding-bottom: 4%
    }
    .cart-card {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .cart-footer {
        position: fixed;
        width: 90%;
        bottom: 11%
    }
    .domain-grid {
        grid-template-columns: 1fr;
        grid-row-gap: 20px !important
    }
    .domains-content-section {
        margin-top: 0;
        margin-bottom: 100px
    }
    .mobile-width-100 {
        width: 100% !important;
        max-width: 100% !important
    }
    .about-section,
    .terms-content-section,
    .terms-of-service-holder {
        margin-top: 15%
    }
    .catalog-img-container {
        height: 0
    }
    .catalog-hero,
    .catalog-subsection {
        padding: 16% 4%;
        margin-top: 10%
    }
    .no-row-gap {
        grid-row-gap: 0 !important
    }
    .nexure-table-plugin {
        overflow-x: hidden !important
    }
    .nexure-table-plugin tr {
        margin-bottom: 10px;
        padding: 10px;
        font-size: 14px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border-bottom: 0 !important
    }
    .nexure-table-plugin tr td {
        width: 100%;
        padding: 14px 0 !important
    }
    .float-right {
        float: left !important
    }
    .pricing-button-content-new {
        padding-top: 2%;
        padding-bottom: 2%
    }
    .section.footer.margin-bottom-100px {
        margin-bottom: 150px
    }
    .preloader div .logo {
        margin-bottom: 6%;
        margin-top: -18% !important
    }
    .loading-bar {
        margin-top: 4%
    }
    .mobile-two-grid {
        grid-template-columns: 1fr 1fr !important
    }
    .mobile-margin-top-20per {
        margin-top: 20%
    }
    .mobile-95 {
        width: 95% !important;
        max-width: 95% !important
    }
    .mobile-98 {
        width: 98% !important;
        max-width: 98% !important
    }
    .mobile-top-20px {
        margin-top: 20px !important
    }
    .nexure-maintenance-banner,
    .nexure-successful-banner {
        padding-left: 20px !important;
        width: 85% !important;
    }
    .careers-hero.careers-colored {
        margin-top: -20% !important;
        padding-top: 40% !important;
        padding-bottom: 8%;
    }
}

@media (min-width:1000px) and (max-width:1290px) {
    .container,
    .nexure-container {
        width: 98%;
        margin-left: auto;
        margin-right: auto
    }
    .nexure-header {
        padding-top: 12px;
        padding-bottom: 12px;
        backdrop-filter: saturate(180%) blur(20px)
    }
    .nexure-nav-buttons,
    .nexure-navbar-menu,
    .toggle-container {
        display: none
    }
    .nexure-navbar-menu.responsive .nexure-menu-icon {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin-top: 20px
    }
    .nexure-menu-icon {
        float: right;
        display: block
    }
    .nexure-nav-buttons.responsive,
    .nexure-navbar-menu.responsive {
        float: none;
        display: block;
        text-align: left;
        position: absolute;
        top: 100%;
        background-color: #fff !important;
        border-top: 1px solid #ddd;
        height: 100vh;
        overflow: hidden;
        z-index: 500;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0
    }
    .dark-mode .nexure-nav-buttons.responsive,
    .dark-mode .nexure-navbar-menu.responsive {
        background-color: #000 !important;
        border-top: 1px solid #171717
    }
    .nexure-navlinks {
        display: block
    }
    .nexure-navbar-menu.responsive .nexure-navlinks .nav-links {
        padding: 15px 20px;
        border-bottom: 1px solid #ddd;
        border-radius: 0
    }
    .dark-mode .nexure-navbar-menu.responsive .nexure-navlinks .nav-links {
        border-bottom: 1px solid #171717
    }
    .cart-sidebar.active {
        padding-top: 3%;
        padding-bottom: 3%
    }
    .cart-card {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .cart-footer {
        position: fixed;
        width: 90%;
        bottom: 15%
    }
    .cart-mobile-container {
        width: 85% !important
    }

    .careers-hero.careers-colored {
        margin-top: -15% !important;
        padding-top: 22% !important;
        padding-bottom: 8%;
    }
}

@media screen and (max-width:720px) {
    #cookiebanner a.c-button {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 20px
    }
    #c-left,
    #c-right {
        float: none
    }
    #cookiebanner p.c-message {
        margin-bottom: 20px
    }
    .mobile-100 {
        width: 100%;
        max-width: 100% !important
    }
    .calltoaction-boxxed {
        padding-top: 16% !important;
        padding-bottom: 16% !important;
        margin-bottom: 24% !important
    }

    .calltoaction-boxxed.reduced-padding {
        padding-top: 16% !important;
        padding-bottom: 16% !important;
    }

    .mobile-no-padding {
        padding-left: 0% !important;
    }
    
    .mobile-margin-top-20per {
        margin-top: 20% !important;
    }

    .mobile-not-centered {
        margin-left: unset;
        margin-right: unset;
        text-align: left;
        align-items: left;
        align-self: left;
    }
}

@media screen and (min-width:720px) {
    #cookiebanner #c-left {
        float: left;
        max-width: 80%
    }
    #cookiebanner #c-right {
        float: right
    }
    .calltoaction-boxxed {
        margin-top: 8%;
        margin-bottom: 8%;
        padding: 6%
    }
}

@media (min-width:1381px) and (max-width:1600px) {
    .container,
    .nexure-container {
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }
    .subpage-grid {
        grid-row-gap: 20px !important
    }
    .nexure-content,
    .nexure-cta-content,
    .nexure-cta-heading,
    .nexure-services-content,
    .nexure-services-content-2,
    .nexure-services-paragraph,
    .nexure-split-content,
    .nexure-tech-content,
    .nexure-tech-title-content {
        width: 100%;
        max-width: 100%
    }
    .nexure-heading {
        font-size: 85px
    }
    .call-to-action {
        margin-top: 100px;
        margin-bottom: 100px
    }
    .cart-sidebar.active {
        padding-top: 3%;
        padding-bottom: 3%
    }
    .cart-card {
        padding-top: 20px;
        padding-bottom: 20px
    }
    .cart-footer {
        position: fixed;
        width: 90%;
        bottom: 15%
    }
    .cart-mobile-container,
    .mobile-width-90 {
        width: 90% !important
    }
    .nexure-heading-careers {
        font-size: 50px
    }
    .nexure-four-grid {
        grid-template-columns: 1fr 1fr 1fr
    }
    .footer-grid {
        grid-template-columns: 1.5fr .5fr .5fr .5fr
    }
    .catalog-img-container {
        height: 55vh
    }
    .spacing-20 {
        height: 10vh
    }
    .mobile-20,
    .spacing-30 {
        height: 20vh
    }
    .spacing-40 {
        height: 30vh
    }
    .laptop-hero {
        padding-top: 4%
    }
}