html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    width: 100vw;
    overflow-x: hidden;
    margin: 0;
    color: #000000;
    background: #F3F3F1;
}

input:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s linear, color 5000s linear;
}

p {
    margin-block-start: 0;
    margin-block-end: 0;
}

img {
    display: block;
}

em a {
    font-style: normal;
    color: inherit !important;
    font-weight: 500;
    border: 0px !important;
    background: transparent !important;
    text-decoration: underline;
}

h5,
p,
li,
a.button,
input,
textarea,
.textformat,
body {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    font-family: helvetica-neue-lt-pro, sans-serif;
    margin-block-start: 0;
    margin-block-end: 0;
    color: inherit;
}

h6 {
    font-size: 20px;
    line-height: 25px;
    font-family: helvetica-neue-lt-pro, sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    letter-spacing: 2px;
    margin-block-end: 0;
}

h4,
h5 {
    font-size: 22px;
    line-height: 34px;
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 500;
    margin-block-start: 0;
    margin-block-end: 0;
}

h3 {
    font-size: 28px;
    line-height: 35px;
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 600;
    margin-block-start: 0;
    margin-block-end: 0;
    font-style: italic;
}

h2 {
    font-size: 55px;
    line-height: 60px;
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 700;
    margin-block-start: 0;
    margin-block-end: 0;
    font-style: italic;
}

h1 {
    font-size: 75px;
    line-height: 96px;
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 700;
    margin-block-start: 0;
    margin-block-end: 0;
    font-style: italic;
}

strong *,
b *,
strong,
b {
    font-weight: 500 !important;
}

.textformat>* {
    width: 100%;
    margin-bottom: 15px;
}

.textformat>*:last-child {
    margin-bottom: 0px;
}

.textformat>p:first-child em {
    font-style: normal;
    letter-spacing: 3px;
    font-weight: 500;
    border: 1px solid white;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 16px;
    line-height: 18px;
}

.textformat hr {
    border: 1px solid black;
    margin: 20px 0;
}

#headerWatch {
    display: block;
    width: 100%;
    height: 120px;
}

.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background: #F3F3F1;
}

.header .inner {
    padding: 30px;
    width: calc(100% - 60px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1600px;
    margin: 0 auto;
}

.header .inner .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
}

.header .inner .left a.logo img {
    width: 170px;
}

.header .inner .left .links {
    width: fit-content;
    margin-left: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .inner .left .links a {
    color: black;
}

.header .inner .left .links a,
.header .inner .quote a:not(.button) {
    margin: 0 60px 0 0;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}

.header .inner .left .links a:last-child {
    margin-right: 0px;
}

.header .inner .left .links a:hover {
    text-decoration: underline;
}

.header .inner .quote {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
}

.header .inner .quote a:not(.button) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 30px;
}

.header .inner .quote a:not(.button) p {
    color: black;
}

.header .inner .quote a:not(.button):hover p {
    text-decoration: underline;
}

.header .inner .quote a:not(.button) img {
    width: 25px;
    margin-right: 10px;
}



.textformat a,
.button,
a.button,
input[type="submit"] {
    padding: 13px 60px 13px 30px;
    position: relative;
    display: block;
    width: fit-content;
    border-radius: 12px;
    background: #091224;
    color: #FFFFFF;
    transition: all 0.1s linear;
    text-decoration: none;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    cursor: pointer;
}

.textformat a::after,
.button::after,
a.button::after,
.featuredStock .inner .upper>a::after {
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    right: 30px;
    width: 17px;
    height: 17px;
    mask-image: url(/wp-content/uploads/2026/06/Group-1976.png);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    -webkit-mask-image: url(/wp-content/uploads/2026/06/Group-1976.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    background: white;
    transition: all 0.1s linear;
}

.textformat a:hover,
.button:hover,
a.button:hover {
    background: #F56131;
}

.button.orange {
    background: #F56131;
}

.button.orange:hover {
    background: #AFEAED;
    color: #091224;
}

.button.orange:hover::after {
    background: #091224;
}

.button.blue,
.textformat.blueButtons a {
    color: #091224;
    background: #AFEAED;
}

.button.blue:hover,
.textformat.blueButtons a:hover {
    background: #98B4C6;
    color: #091224;
}

.button.blue::after,
.textformat.blueButtons a::after {
    background: #091224;
}

.textformat.noButtons a {
    padding: 0px;
    color: inherit;
    background: none;
}

.textformat.noButtons a::after {
    display: none;
}

.textformat.noButtons a:hover {
    color: inherit;
    background: none;
    text-decoration: underline;
}

h1 strong,
h2 strong,
h3 strong {
    padding: 0 7px;
    display: inline-block;
    width: fit-content !important;
    margin: 0px !important;
    position: relative;
    z-index: 1;
    font-weight: 700 !important;
}

h1 strong::after,
h2 strong::after,
h3 strong::after {
    content: "";
    background: #F56131;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    transition: all 1.0s ease-in-out;
    z-index: -1;
}

.whiteHighlight h1 strong::after,
.whiteHighlight h2 strong::after,
.whiteHighlight h3 strong::after {
    background: white;
}

.intro {
    width: 100%;
}

.intro .inner {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    min-height: 80vh;
}

.intro .inner .left {
    width: 60%;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: center;
    padding: 150px;
    box-sizing: border-box;
    color: white;
}

.intro .inner .left img,
.intro .inner .right img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 100% 100%;
    z-index: 1;
}

.intro .inner .left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #000000a7;
}

.intro .inner .left .textformat {
    width: 100%;
    position: relative;
    z-index: 3;
}

.intro .inner .left>a {
    position: relative;
    z-index: 3;
    margin-top: 10px;
}

.intro .inner .right {
    width: 38%;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 60px;
}

.intro .inner .right::after {
    content: "";
    position: absolute;
    bottom: 1%;
    right: 5%;
    width: 80%;
    aspect-ratio: 1 / 1;
    max-width: 150px;
    background: url(/wp-content/uploads/2026/08/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 2;
}

.intro .inner .right .upper {
    padding: 30px;
    width: calc(100% - 60px);
    background: #ffffff38;
    backdrop-filter: blur(25px);
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    z-index: 3;
    border-radius: 30px;
    flex-wrap: wrap;
}

.intro .inner .right .upper div {
    text-align: center;
    width: 30%;
}

.intro .inner .right .upper div:nth-child(2) {
    border-left: 1px solid #bec8cd;
    border-right: 1px solid #bec8cd;
    padding: 0 3%;
    width: calc(30% - 2px);
}

.intro .inner .right .upper div p:first-child {
    color: #F56131;
    font-size: 55px;
    line-height: 68px;
    font-style: italic;
    font-family: "aktiv-grotesk", sans-serif;
    font-weight: 800;
}

.intro .inner .right .upper div p:last-child {
    color: #606060;
    letter-spacing: 2px;
}

.introBot {
    width: 100%;
    margin: 40px 0;
}

.introBot .inner {
    width: 80%;
    max-width: 1400px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
}

.introBot .inner .single {
    width: 23%;
    margin: 0 1%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.introBot .inner .single img {
    width: 75px;

}

.introBot .inner .single .textformat {
    width: calc(100% - 100px);
}

.introBot .inner .single .textformat p {
    font-weight: 500;
    color: #000000;
    letter-spacing: 2px;
}

.featuredStock {
    width: 100%;
    margin: 100px 0;
}

.featuredStock .inner {
    width: 80%;
    margin: 0 auto;
    max-width: 1400px;
}

.featuredStock .inner .upper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.featuredStock .inner .upper .textformat {
    width: calc(100% - 270px);
}

.featuredStock .inner .upper>a {
    color: #F56130;
    text-decoration: none;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 2px;
    font-weight: 500;
    padding-right: 60px;
    position: relative;
}

.featuredStock .inner .upper>a::after {
    background: #F56130;
    transition: all 0.4s ease-in-out;
}

.featuredStock .inner .upper>a:hover::after {
    right: 0px;
}

.stock {
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.stock a {
    width: calc(31% - 40px);
    padding: 20px;
    border-radius: 30px;
    background: white;
    overflow: hidden;
    text-decoration: none;
    color: black;
    margin: 0 1% 20px 1%;
    transition: all 0.3s ease-in-out;
    position: relative;
    bottom: 0px;
    box-shadow: 0px 3px 15px #0000000F;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.stock a:hover {
    bottom: 20px;
}



.stock a img {
    width: 100%;
    aspect-ratio: 1 / 0.8;
    object-fit: contain;
    margin: 10px 0;
}

.stock a .tags {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.stock a .tags div {
    padding: 7px 25px;
    position: relative;
    display: block;
    width: fit-content;
    border-radius: 30px;
    background: #F56131;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 17px;
    font-weight: 500;
}

.stock a .tags div:last-child {
    background: #98B4C6;
}

.stock a .details {
    width: 100%;
}

.stock a .details>h5 {
    font-size: 26px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 5px;
}

.stock a .details>p {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.stock a .details .grade {
    width: 100%;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.stock a .details .grade div {
    width: 24%;
}

.stock a .details .grade div:last-child {
    padding: 10px;
    width: calc(24% - 20px);
    text-align: center;
    background: #46BC11;
    border-radius: 10px;
    color: white;
}

.stock a .details .grade div p:first-child {
    width: 100%;
}

.stock a .details .grade div p:last-child {
    width: 100%;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    margin-top: 5px;
}

.stock a .details .grade div:last-child.A\+,
.singularProduct>.inner .info .grade.A\+ .display,
.gradePopup .inner .grade.A\+ .display {
    background: #0b6f0a;
}

.stock a .details .grade div:last-child.B,
.singularProduct>.inner .info .grade.B .display,
.gradePopup .inner .grade.B .display {
    background: #fa8a07;
}

.stock a .details .price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 20px;
}

.stock a .details .price div:first-child p:last-child {
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
}

.stock a .details .price div:first-child p:last-child span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

.stock a .details .price .button {
    font-size: 16px;
    line-height: 18px;
    padding: 13px 45px 13px 15px;
}

.stock a .details .price .button::after {
    right: 15px;
}

.stock a .details .grade div:last-child p:last-child {
    font-size: 30px;
    line-height: 30px;
}

.relatedCompanies {
    width: 100%;
    padding: 50px 0%;
    margin: 0 auto;
    background: #f3f3f1;
}

.relatedCompanies>div {
    width: 200vw;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    animation: relatedCompanies 40s linear infinite;
}

@keyframes relatedCompanies {
    0% {
        left: 0vw;
    }

    50% {
        left: -100vw;
    }

    100% {
        left: 0;
    }
}

.relatedCompanies img {
    width: 6%;
    height: 80px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.whybuy {
    width: 100%;
    padding: 100px 0;
    background: #091224;
    color: white;
}

.whybuy .inner {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.whybuy .inner>.textformat {
    width: 35%;
}

.whybuy .inner .why {
    width: 58%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.whybuy .inner .why .textformat {
    width: calc(48% - 60px);
    padding: 40px 30px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    color: black;
}

.whybuy .inner .why .textformat:first-child * {
    position: relative;
    z-index: 2;
}

.whybuy .inner .why .textformat:first-child img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
    z-index: 1;
}

.whybuy .inner .why .textformat:last-child {
    background: #98B4C6;
    overflow: visible;
    padding-bottom: 60px;
}

.whybuy .inner .why .textformat:last-child img {
    position: absolute;
    bottom: -2px;
    right: 0px;
    width: 80px;
    object-fit: contain;
    object-position: 50% 50%;
}

.whybuy .inner .why .textformat h3 {
    position: relative;
    padding-left: 40px;
    margin-top: 25px;
}

.whybuy .inner .why .textformat h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 30px;
    height: 30px;
    background: url(/wp-content/uploads/2026/06/Group-47@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.whybuy .inner .why .textformat>p:first-child {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid black;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 2px;
}

.howitworks {
    padding: 100px 0;
    width: 100%;
    background: linear-gradient(0deg, #dbdbda, #f3f3f1, #f3f3f1);
}

.howitworks .inner {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
}

.howitworks .inner .steps {
    width: 100%;
    margin: 50px 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.howitworks .inner .steps>div:nth-child(1),
.howitworks .inner .steps>div:nth-child(2) {
    width: calc(26% - 60px);
    padding: 30px;
    border-radius: 30px;
    color: black;
    background: #F56131;
}

.howitworks .inner .steps>div:nth-child(2) {
    background: #97B4C6;
}

.howitworks .inner .steps>div>p:first-child,
.howitworks .inner .steps>div:last-child>div:first-child>p:first-child {
    font-size: 110px;
    line-height: 110px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
    width: 100%;
    font-weight: 600;
    font-style: italic;
}

.howitworks .inner .steps>div:last-child {
    padding: 0;
    width: 45%;
    border-radius: 30px;
    color: black;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
}

.howitworks .inner .steps>div:last-child>div:first-child {
    width: calc(50% - 60px);
    padding: 30px;
}

.howitworks .inner .steps>div:last-child>div:last-child {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 50px 0;
}

.howitworks .inner .steps>div:last-child>div:last-child a {
    position: relative;
    z-index: 2;
}

.howitworks .inner .steps>div:last-child>div:last-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.howitworks .inner .lease {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.howitworks .inner .lease .textformat {
    width: calc(40% - 60px);
    padding: 60px 30px;
    border-radius: 30px;
    overflow: hidden;
    background: #F56131;
    position: relative;
    z-index: 2;
}

.howitworks .inner .lease img {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(60% + 30px);
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.howitworks .inner .lease .textformat hr {
    color: black;
    border: 1px solid black;
    margin: 40px 0;
}

.footer {
    width: 100%;
}

.footer .upper {
    width: 80%;
    padding: 100px 10%;
    background: #98B4C6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .upper .textformat:first-child {
    width: 60%;
}

.footer .upper .textformat:last-child {
    width: 35%;
}

.footer .seperator {
    display: block;
    width: 100%;
    height: 20px;
    background: url(/wp-content/uploads/2026/06/Group-51.png);
    background-size: cover;
    background-repeat: repeat-x;
    background-position: 50% 50%;
}

.footer .lower {
    width: 80%;
    padding: 100px 10% 50px 10%;
    background: #091225;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .lower .left {
    width: 58%;
}

.footer .lower .form {
    width: 40%;
}

.footer .lower .left .logo img {
    width: 210px;
    margin-bottom: 70px;
}

.footer .lower .left .links {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer .lower .left .links .textformat {
    width: 48%;
}

.footer .lower .left .links .textformat p,
.footer .lower .left .links .textformat a {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    margin: 0px;
    color: #FFFFFF;
}

.footer .lower .form>p {
    font-size: 22px;
    line-height: 31px;
    width: 100%;
    max-width: 250px;
    margin-bottom: 30px;
}

.form br {
    display: none;
}

.form .wpcf7-list-item {
    margin: 0px;
}

.form input:not([type="submit"]),
.form textarea {
    font-size: 14px;
    line-height: 20px;
    background: #3b4250;
    padding: 15px 35px;
    width: 100%;
    border-radius: 5px;
    margin: 0 0 15px 0;
    border: 0px;
    box-sizing: border-box;
    color: black;
}

.form textarea {
    resize: none;
    height: 120px;
}

.form span.wpcf7-acceptance label {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px 0;
}

.form span.wpcf7-acceptance label input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    transition: all 0.1s linear;
    border: 1px solid white;
    background: none;
}

.form span.wpcf7-acceptance label input[type="checkbox"]:checked {
    background-image: url(/wp-content/uploads/2026/08/white_Tick.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.form span.wpcf7-acceptance label>span {
    display: block;
    width: calc(100% - 40px);
}

.form .wpcf7-spinner {
    position: absolute;
    bottom: -30px;
}

.form form>p {
    position: relative;
}

.form form>p span[data-name="yourname"]::before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    left: 12px;
    width: 16px;
    height: 16px;
    z-index: 2;
    background: url(/wp-content/uploads/2026/06/Person.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.form form>p span[data-name="yourbusiness"]::before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    left: 12px;
    width: 16px;
    height: 16px;
    z-index: 2;
    background: url(/wp-content/uploads/2026/06/Group-376.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.form form>p span[data-name="youremail"]::before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    left: 12px;
    width: 16px;
    height: 16px;
    z-index: 2;
    background: url(/wp-content/uploads/2026/06/Mail.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.form form>p span[data-name="yourtel"]::before {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    left: 12px;
    width: 16px;
    height: 16px;
    z-index: 2;
    background: url(/wp-content/uploads/2026/06/phone.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.form form ::placeholder {
    color: #9da1a8;
    font-size: 14px;
    line-height: 14px;
}

.form .wpcf7-not-valid-tip {
    display: none;
}

.form input.wpcf7-not-valid {
    outline: 1px solid red;
}

.form input[type="submit"] {
    background: #AFEAED;
    color: #091224;
    margin-top: 20px;
    cursor: pointer;
    padding: 13px 30px;
    outline: 0px;
    border: 0px;
}

.form input[type="submit"]:hover {
    background: #98B4C6;
}

.form span.wpcf7-acceptance span.wpcf7-list-item-label {
    font-size: 14px;
    line-height: 17px;
    max-width: 300px;
}

.footer .extra {
    position: relative;
    width: 80%;
    padding: 20px 10%;
    background: #0a1225;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}



.footer .extra p,
.footer .extra>a {
    font-size: 14px;
    line-height: 15px;
    color: #626772;
    letter-spacing: 0.3px;
}

.footer .extra>a {
    width: 100%;
    margin-top: 5px;
    text-align: right;
    color: white;
    text-decoration: none;
}

.footer .extra>a:hover {
    text-decoration: underline;
}

.footer .extra p span,
.footer .extra p a {
    color: white;
}

.footer .extra::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 1px;
    background: white;
}


.singularProduct {
    width: 80%;
    padding: 100px 10%;
}

.singularProduct>.inner {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.singularProduct>.inner .images {
    width: 48%;
}

.singularProduct>.inner .images .imageContainer {
    width: calc(100% - 22px);
    padding: 10px;
    border: 1px solid #eeede9;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background: white;
}

.singularProduct>.inner .images .imageContainer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.1s linear;
    aspect-ratio: 1/1;
}

.singularProduct>.inner .images .imageContainer img.selected {
    opacity: 1;
    pointer-events: all;
    position: relative;
}

.singularProduct>.inner .images .buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.singularProduct>.inner .images .buttons div {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    cursor: pointer;
    border: 1px solid #ACABA9;
    transition: all 0.1s linear;
    margin: 0 5px;
}

.singularProduct>.inner .images .buttons div:hover,
.singularProduct>.inner .images .buttons div.selected {
    background: #ACABA9;
}

.singularProduct>.inner .info {
    width: 48%;
}

.singularProduct>.inner .info>h1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
}

.singularProduct>.inner .info>p {
    color: #D73534;
    font-weight: 500;
    letter-spacing: 1px;
}

.singularProduct>.inner .info>.textformat {
    margin: 30px 0;
    width: 100%;
}

.singularProduct>.inner .info .pricing {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 30px 0;
}

.singularProduct>.inner .info .details {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 15px 0;
    border-bottom: 1px solid black;
}

.singularProduct>.inner .info .details p {
    width: 32%;
    text-align: center;
    border-right: 1px solid black;
    padding: 5px 0;
    margin-bottom: 15px;
    font-weight: 400;
}

.singularProduct>.inner .info .details p span {
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-left: 3px;
}

.singularProduct>.inner .info .details p:nth-child(3n) {
    border-right: 0px;
}

.singularProduct>.inner .info .details.extra p {
    width: 49%;
    border-right: 1px solid black;
}

.singularProduct>.inner .info .details.extra p:nth-child(2n) {
    border-right: 0px;
}

.singularProduct>.inner .info .details .single {
    width: 48%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.singularProduct>.inner .info .singularProduct>.inner .info .details .single img {
    width: 40px;
    height: 30px;
    object-fit: contain;
    object-position: 50% 50%;
    margin-right: 10px;
}

.singularProduct>.inner .info .pricing .total {
    padding: 20px 40px;
    background: #F56131;
    border-radius: 20px;
    color: white;
}

.singularProduct>.inner .info .pricing .total p {
    font-size: 45px;
    line-height: 45px;
    font-weight: 600;
    font-family: 'aktiv-grotesk', sans-serif;
}

.singularProduct>.inner .info .pricing .finance {
    padding: 20px 30px;
    border: 1px solid black;
    border-radius: 20px;
    text-align: center;
}

.singularProduct>.inner .info .pricing .finance p:first-child {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

.singularProduct>.inner .info .pricing .finance p:last-child span {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin: 10px 5px 0 0;
    font-family: 'aktiv-grotesk', sans-serif;
}

.singularProduct>.inner .info .pricing .finance p:last-child {
    font-size: 16px;
    line-height: 18px;
}

.singularProduct>.inner .info .details .single p {
    width: calc(100% - 50px);
}

.singularProduct>.inner .info .details .single p span {
    color: #D73434;
}

.singularProduct>.inner .info .features {
    width: 100%;
    margin: 15px 0;
}

.singularProduct>.inner .info .features .single {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid black;
}

.singularProduct>.inner .info .features .single:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
}

.singularProduct>.inner .info .features .single .inner {
    display: grid;
    grid-template-rows: 0fr;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}

.singularProduct>.inner .info .features .single .inner.files a {
    margin-bottom: 20px;
}

.singularProduct>.inner .info .features .single .inner.files a:last-child {
    margin-bottom: 0px;
}

.singularProduct>.inner .info .features .single .inner>div {
    display: grid;
    overflow: hidden;
}

.singularProduct>.inner .info .features .single .inner>div iframe {
    width: 100%;
    aspect-ratio: 1/0.6;
}

.singularProduct>.inner .info .features .single.selected .inner {
    grid-template-rows: 1fr;
    margin-top: 10px;
}

.singularProduct>.inner .info .features .single .outer {
    cursor: pointer;
    position: relative;
    width: 100%;
}

.singularProduct>.inner .info .features .single .outer::after {
    content: "";
    width: 18px;
    height: 14px;
    background: url(/wp-content/uploads/2026/06/Component-22-–-1.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: calc(50% - 7px);
    transition: all 0.3s ease-in-out;
}

.singularProduct>.inner .info .features .single .outer:hover::after,
.singularProduct>.inner .info .features .single.selected .outer::after {
    transform: rotate(90deg);
}

.singularProduct>.inner .info .features .single .inner.featuresContent>div .textformat {
    margin-bottom: 50px;
}

.singularProduct>.inner .info .features .single .inner.featuresContent>div .textformat:last-child {
    margin-bottom: 0px;
}

.singularProduct>.inner .info .buttons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
}

.singularProduct>.inner .info .buttons>div:first-child {
    margin-right: 15px;
}

.singularProduct>.inner .info .form {
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.singularProduct>.inner .info .form br {
    display: none;
}

.singularProduct>.inner .info .form form p>span:first-child {
    display: none;
}

.singularProduct>.inner .info .form.selected {
    max-height: 500px;
    margin-top: 30px;
}

.singularProduct>.inner .info .available {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.singularProduct>.inner .info .available h1 {
    font-size: 26px;
    line-height: 30px;
}

.singularProduct>.inner .info .available p:last-child {
    padding: 5px 15px;
    border: 1px solid black;
    border-radius: 20px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 2px;
    font-weight: 600;
    text-align: center;
}

.singularProduct>.inner .info .grade,
.gradePopup .inner .grade {
    width: 100%;
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.singularProduct>.inner .info .grade .display,
.gradePopup .inner .grade .display {
    padding: 15px;
    background: #46BC11;
    color: #FFFFFF;
    text-align: center;
    border-radius: 10px;
}

.singularProduct>.inner .info .grade .display p:last-child,
.gradePopup .inner .grade .display p:last-child {
    font-size: 30px;
    line-height: 30px;
    margin: 5px 0 0 0;
    font-weight: 500;
}

.singularProduct>.inner .info .grade .textformat,
.gradePopup .inner .grade .textformat {
    width: calc(100% - 120px);
    position: relative;
}

.singularProduct>.inner .info .grade .textformat p:first-child {
    font-weight: 500;
}

.singularProduct>.inner .info .grade img {
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.singularProduct>.inner .info .grade img:hover {
    transform: scale(1.2);
}

.howitworks.stockpages,
.howitworks.leaseless {
    background: #091224;
    color: white;
}

.howitworks.leaseless .inner .lease {
    display: none;
}

body.stock-template-default .footer .upper {
    display: none;
}

.enquirePopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 25;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    pointer-events: none;
}

.enquirePopup.open {
    opacity: 1;
    pointer-events: all;
}

.enquirePopup .outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #00000069;
    z-index: 26;
}

.enquirePopup .inner {
    width: 80%;
    max-width: 1300px;
    position: relative;
    z-index: 27;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 30px;
    overflow: hidden;
}

.enquirePopup .inner .textformat {
    padding: 50px;
    background: #98B4C6;
    width: calc(50% - 100px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
}

.enquirePopup .inner .textformat h1 strong::after,
.enquirePopup .inner .textformat h2 strong::after,
.enquirePopup .inner .textformat h3 strong::after {
    background: #AFEAED;
}

.enquirePopup .inner .textformat hr {
    border: 1px solid black;
}

.enquirePopup .inner .form {
    width: calc(50% - 100px);
    background: white;
    padding: 50px;
}

.enquirePopup .inner .form input:not([type="submit"], [type="checkbox"]),
.enquirePopup .inner .form textarea {
    background: #E5F0F7;
    border: 1px solid #acadae;
    padding: 8px 35px;
}

.enquirePopup .inner .form ::placeholder {
    color: #8b8d8e;
    font-weight: 400;
    letter-spacing: 1px;
}

.enquirePopup .inner .form textarea {
    resize: none;
    height: 90px;
    padding: 11px 35px;
}

.enquirePopup .inner .form span.wpcf7-acceptance label input[type="checkbox"] {
    border: 1px solid #acadae;
    background: #e5f0f7;
}

.enquirePopup .inner .form span.wpcf7-acceptance label input[type="checkbox"]:checked {
    background-image: url(/wp-content/uploads/2026/08/Tick.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.enquirePopup .inner input.wpcf7-submit {
    width: 100%;
    background: black;
    border: 0px;
    color: white;
    cursor: pointer;
}

.enquirePopup .inner input.wpcf7-submit:hover {
    background: #AFEAED;
    color: black;
}

.currentStock {
    width: 100%;
    overflow: hidden;
}

.currentStock .upper {
    width: 80%;
    padding: 100px 10% 50px 10%;
    background: #F3F3F1;
    box-shadow: 0px 3px 15px #00000029;
}

.currentStock .upper .textformat {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.currentStock .upper .categories {
    width: 100%;
    max-width: 1400px;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.currentStock .upper .categories .single {
    font-size: 18px;
    line-height: 18px;
    padding: 10px 30px;
    border: 2px solid #000000;
    border-radius: 50px;
    background: transparent;
    transition: all 0.1s ease-in-out;
    margin-right: 20px;
    cursor: pointer;
}

.currentStock .upper .categories .single.selected,
.currentStock .upper .categories .single:hover {
    background: #F56131;
    border: 2px solid #F56131;
    color: #FFFFFF;
}

.currentStock .lower {
    width: 80%;
    padding: 50px 10% 100px 10%;
}

.currentStock .lower .stock {
    max-width: 1400px;
    margin: 0 auto;
}

.miniIntro {
    width: calc(100% - 30px);
    position: relative;
    padding: 150px 0;
    margin: 15px auto;
    border-radius: 30px;
    overflow: hidden;
}

.miniIntro>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 100%;
    z-index: 1;
}

.miniIntro .inner {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.miniIntro::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(90deg, #0000009e, #0000001c, #00000000);
}

.miniIntro .inner .aboutBlocks,
.miniIntro .inner .financeBlocks {
    padding: 30px;
    border-radius: 30px;
    width: calc(100% - 60px);
    max-width: 700px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #ffffff3b;
    backdrop-filter: blur(32px);
    color: white;
}

.miniIntro .inner .aboutBlocks .textformat,
.miniIntro .inner .financeBlocks .textformat {
    width: 31%;
    padding-right: 2%;
    text-align: center;
    border-right: 1px solid #b6b6b6ad;
}

.miniIntro .inner .aboutBlocks .textformat:last-child,
.miniIntro .inner .financeBlocks .textformat:last-child {
    padding-right: 0px;
    border-right: 0px;
}

.miniIntro .inner .aboutBlocks .textformat p,
.miniIntro .inner .financeBlocks .textformat p {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 2px;
    font-weight: 500;
}

.miniIntro .inner .aboutBlocks .textformat p strong {
    font-size: 55px;
    line-height: 55px;
    letter-spacing: 0px;
    font-weight: 600 !important;
}

.miniIntro .inner .aboutBlocks .textformat img,
.miniIntro .inner .financeBlocks .textformat img {
    width: 100%;
    max-width: 130px;
    margin: 0 auto 20px auto;
}

.aboutus {
    width: 100%;
    padding: 100px 0;
}

.aboutus .inner {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
}

.aboutus .inner .upper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.aboutus .inner .upper .textformat:first-child {
    width: 65%;
}

.aboutus .inner .upper .textformat:last-child {
    width: 30%;
    margin-top: 55px;
}

.aboutus .inner .lower {
    width: 100%;
    margin-top: 80px;
    background: #F56131;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.aboutus .inner .lower .textformat:nth-child(1) {
    width: calc(24% - 46px);
    padding-right: 1%;
    border-right: 1px solid black;
    margin: 45px 0 45px 45px;
}

.aboutus .inner .lower .textformat:nth-child(2) {
    width: 45%;
    margin: 45px 0;
}

.aboutus .inner .lower img {
    width: 25%;
    object-fit: cover;
}

.aboutus .inner .lower h1 strong::after,
.aboutus .inner .lower h2 strong::after,
.aboutus .inner .lower h3 strong::after {
    background: white;
}

.ourteam {
    width: 100%;
}

.ourteam .upper {
    width: 100%;
    padding: 100px 0;
    background: #091224;
    color: white;
}

.ourteam .upper .inner {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.ourteam .upper .inner .textformat {
    width: 30%;
}

.ourteam .upper .inner .staff {
    width: 69%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.ourteam .upper .inner .staff .single {
    position: relative;
    width: 24%;
    height: 100%;
    margin-bottom: 20px;
}

.ourteam .upper .inner .staff .single .textformat {
    width: calc(100% - 42px);
    padding: 20px;
    border: 1px solid white;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    background: #0a1225;
    color: white;
    transition: all 0.2s ease-in-out;
    top: 0;
}

.ourteam .upper .inner .staff .single:hover .textformat {
    background: #98B4C6;
    color: black;
    top: 100px;
}

.ourteam .upper .inner .staff .single:hover img {
    transform: rotate(-2deg);
    top: -50%;
    left: -10px;
}

.ourteam .upper .inner .staff .single .textformat hr {
    margin: 10px 0 30px 0;
    border: 1px solid white;
    transition: all 0.2s ease-in-out;
}

.ourteam .upper .inner .staff .single:hover .textformat hr {
    border: 1px solid black;
}

.ourteam .upper .inner .staff .single img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    transform: rotate(0deg);
    object-fit: cover;
    object-position: 50% 50%;
}

.ourteam>img {
    width: 100%;
    aspect-ratio: 1 / 0.3;
    object-fit: cover;
}

.miniIntro.finance .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.miniIntro.finance .inner .financeBlocks {
    width: calc(50% - 60px);
}

.miniIntro.finance .inner>.textformat {
    width: 48%;
}

.miniIntro.finance .inner .financeBlocks .textformat img {
    max-width: 60px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.miniIntro.finance .inner .financeBlocks {
    background: #6c6c6c3d;
}

.financeOptions {
    width: 100%;
    padding: 100px 0;
}

.financeOptions .inner {
    width: 80%;
    max-width: 1400px;
    margin: 0 auto;
}

.financeOptions .inner .textformat {
    width: 100%;
}

.financeOptions .inner .options {
    width: 100%;
    margin: 60px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.financeOptions .inner .options .single {
    width: 32%;
    border-radius: 30px;
    overflow: hidden;
    background: #F56131;
    color: black;
    display: flex;
    flex-wrap: wrap;
}

.financeOptions .inner .options .single:nth-child(3n - 1) {
    background: #98B4C6;
    flex-direction: column-reverse;
}

.financeOptions .inner .options .single:nth-child(3n) {
    background: #FFFFFF;
}

.financeOptions .inner .options .single img {
    width: 100%;
    aspect-ratio: 1 / 0.7;
    object-fit: cover;
    object-position: 50% 50%;
}

.financeOptions .inner .options .single .textformat {
    padding: 30px;
    width: calc(100% - 60px);
}

.financeOptions .inner .options .single .textformat>p:first-child>strong {
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 17px;
}

.financeOptions .inner>.textformat:last-child p {
    font-size: 14px;
    line-height: 17px;
}

.header .burger {
    cursor: pointer;
    height: 24px;
    width: 36px;
    display: none;
}

.header .burger>div {
    width: 100%;
    height: 3px;
    margin-bottom: 8px;
    background: black;
    position: relative;
    transition-delay: 1s;
    animation-fill-mode: forwards;
    animation-duration: 1s;
    transition: all 0.3s ease-in-out;
}

.header:not(.open) .burger.closed>div:nth-child(1) {
    animation-name: headerAnimOne2;
}

.header:not(.open) .burger.closed>div:nth-child(2) {
    animation-name: headerAnimTwo2;
}

.header:not(.open) .burger.closed>div:nth-child(3) {
    animation-name: headerAnimThree2;
}

.header.open .burger>div:nth-child(1) {
    animation-name: headerAnimOne;
}

.header.open .burger>div:nth-child(2) {
    animation-name: headerAnimTwo;
}

.header.open .burger>div:nth-child(3) {
    animation-name: headerAnimThree;
}

@keyframes headerAnimOne {
    0% {
        top: 0;
    }

    50% {
        top: 11px;
        transform: rotate(0deg);
    }

    100% {
        top: 11px;
        transform: rotate(-45deg);
    }
}

@keyframes headerAnimOne2 {
    0% {
        top: 11px;
        transform: rotate(-45deg);
    }

    50% {
        top: 11px;
        transform: rotate(0deg);
    }

    100% {
        top: 0;
        transform: rotate(0deg);
    }
}

@keyframes headerAnimTwo {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-45deg);
    }
}

@keyframes headerAnimTwo2 {
    0% {
        transform: rotate(-45deg);
    }

    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes headerAnimThree {
    0% {
        top: 0;
    }

    50% {
        top: -11px;
        transform: rotate(0deg);
    }

    100% {
        top: -11px;
        transform: rotate(45deg);
    }
}

@keyframes headerAnimThree2 {
    0% {
        top: -11px;
        transform: rotate(45deg);
    }

    50% {
        top: -11px;
        transform: rotate(0deg);
    }

    100% {
        top: 0;
    }
}

.header .burgerDrop {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 0 20px;
    background: #f3f3f1;
    transition: all 0.8s ease-in-out;
    width: 300px;
    max-height: 0px;
    overflow: hidden;
    display: none;
    border: 0px solid black;
}

.header.open .burgerDrop {
    max-height: 500px;
    padding: 20px;
    border: 1px solid black;
}

.header .burgerDrop a {
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin: 10px 0;
    color: black;
    display: block;
}

.getintouch {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 200px 0;
}

.getintouch>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.getintouch .inner {
    width: 80%;
    max-width: 1400px;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-radius: 30px;
    overflow: hidden;
}

.getintouch .inner .left {
    padding: 30px;
    width: calc(50% - 60px);
    background: black;
    color: white;
}

.getintouch .inner .left .contacts {
    width: 100%;
    margin-top: 30px;
}

.getintouch .inner .left .contacts a {
    width: 100%;
    display: block;
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 15px 0;
}

.getintouch .inner .left .contacts a img {
    width: 40px;
    object-fit: contain;
    object-position: 50% 50%;
}

.getintouch .inner .left .contacts a p {
    width: calc(100% - 60px);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    margin-top: 4px;
}

.getintouch .inner .left .textformat hr {
    border: 1px solid white;
}

.getintouch .inner .right {
    padding: 30px;
    width: calc(50% - 60px);
    background: #6c6c6c3d;
    backdrop-filter: blur(32px);
}

.getintouch .inner .right.form input:not([type="submit"]),
.getintouch .inner .right.form textarea {
    background-color: #afd2fb;
    color: black;
}

.getintouch .inner .right.form input[type="checkbox"]:checked {
    background-image: url(/wp-content/uploads/2026/08/Tick.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.getintouch .inner .right.form form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.getintouch .inner .right.form form>p {
    width: 100%;
}

.getintouch .inner .right.form form>p:nth-child(2),
.getintouch .inner .right.form form>p:nth-child(3),
.getintouch .inner .right.form form>p:nth-child(4),
.getintouch .inner .right.form form>p:nth-child(5) {
    width: 48%;
}

.getintouch .inner .right.form input[type="submit"] {
    background: #F56030;
    color: white;
    border: 0px solid black;
    display: block;
    width: 100%;
}

.getintouch .inner .right.form input[type="submit"]:hover {
    background: #AFEAED;
    color: black;
}

.gradePopup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    pointer-events: none;
}

.gradePopup.selected {
    opacity: 1;
    pointer-events: all;
}

.gradePopup .inner {
    padding: 30px;
    border-radius: 30px;
    background: #ebeaea;
    position: relative;
    width: 80%;
    max-width: 1000px;
}

.gradePopup .inner .close,
.enquirePopup .inner .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 500;
    font-family: 'aktiv-grotesk';
    font-size: 20px;
    line-height: 20px;
}

.gradePopup .inner .textarea {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.gradePopup .inner .textarea img {
    width: 40px;
    margin-right: 10px;
}

.gradePopup .inner .textarea p {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    font-style: italic;
}

.gradePopup .inner .grade .textformat>p:first-child {
    font-weight: 500;
}

.textformat em a {
    padding: 0px;
    display: inline-block;
    border-radius: 0px;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: underline;
    color: inherit;
}

.textformat em a::after {
    display: none;
}

.textblock {
    width: 80%;
    margin: 100px auto;
}

.textblock .inner {
    width: 100%;
    margin: 0 auto;
    max-width: 1400px;
}

#extraEnquiryDetails,
#extraReserveDetails {
    display: none;
}

@media(max-width: 1800px) and (min-width: 1000px) {
    .intro .inner .right .upper div {
        width: 100%;
        margin: 20px 0;
    }

    .intro .inner .right .upper div:nth-child(2) {
        border-left: 0px;
        border-right: 0px;
        border-top: 1px solid #bec8cd;
        border-bottom: 1px solid #bec8cd;
        width: 100%;
        padding: 20px 0;
    }
}

@media(max-width: 1500px) {
    .intro .inner .right .upper div {
        margin: 5px 0;
    }

    .intro .inner .right .upper div:nth-child(2) {
        padding: 5px 0;
    }

    .ourteam .upper .inner {
        flex-wrap: wrap;
    }

    .ourteam .upper .inner .textformat {
        width: 100%;
    }

    .ourteam .upper .inner .staff {
        width: 100%;
        margin-top: 20px;
    }

    .financeOptions .inner .options {
        align-items: stretch;
    }

    .financeOptions .inner .options .single {
        justify-content: space-between;
    }

    .whybuy .inner {
        flex-wrap: wrap;
    }

    .whybuy .inner>.textformat {
        width: 100%;
    }

    .whybuy .inner .why {
        width: 100%;
        margin-top: 20px;
    }

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

    .stock a,
    .stock a:nth-child(3n - 1) {
        width: calc(49% - 40px);
        margin: 20px 0;
    }

    .stock a .tags {
        display: block;
    }

    .stock a .tags div {
        margin-bottom: 10px;
    }

    .stock a .tags div:last-child {
        margin-bottom: 0px;
    }

    .intro .inner .left {
        padding: 60px;
    }
}

@media(max-width: 1300px) {


    .header .inner .left .links a,
    .header .inner .quote a:not(.button) {
        margin-right: 20px;
    }

    .header .inner .left .links {
        margin-left: 30px;
    }
}

@media(max-width: 1200px) {
    .miniIntro.finance .inner {
        flex-wrap: wrap;
    }

    .miniIntro.finance .inner .financeBlocks {
        width: calc(100% - 60px);
        margin-top: 20px;
    }

    .miniIntro.finance .inner>.textformat {
        width: 100%;
    }

    .singularProduct>.inner .images {
        width: 40%;
    }

    .singularProduct>.inner .info {
        width: 58%;
    }

    .howitworks .inner .steps>div:last-child {
        flex-wrap: wrap;
    }

    .howitworks .inner .steps>div:last-child>div:first-child,
    .howitworks .inner .steps>div:last-child>div:last-child {
        width: 100%;
    }

    .introBot .inner {
        flex-wrap: wrap;
    }

    .introBot .inner .single {
        margin: 10px 1%;
        width: 48%;
    }

    .textformat>p:first-child em {
        letter-spacing: 1px;
    }

    .singularProduct>.inner .info .pricing {
        flex-wrap: wrap;
    }

    .singularProduct>.inner .info .pricing .red {
        width: calc(100% - 40px);
    }

    .singularProduct>.inner .info .pricing .white {
        padding: 20px;
        width: calc(100% - 40px);
    }

    .singularProduct>.inner .info .pricing .red::after {
        display: none;
    }

}

@media(max-width: 1100px) {
    .header .inner .left>.links {
        display: none;
    }

    .header .burgerDrop {
        display: block;
    }

    .header .burger {
        display: block;
        margin-left: 20px;
    }
}

@media(max-width: 1000px) {


    .enquirePopup .inner {
        flex-wrap: wrap;
        height: 80vh;
        overflow-y: scroll;
    }

    .enquirePopup .inner .textformat,
    .enquirePopup .inner .form {
        width: calc(100% - 100px);
    }

    .gradePopup .inner {
        height: 60vh;
        overflow-y: scroll;
    }

    .ourteam .upper .inner .staff .single {
        width: 49%;
    }

    .ourteam .upper .inner .staff .single:hover img {
        top: -100%;
        height: 150%;
    }

    .getintouch .inner {
        flex-wrap: wrap;
    }

    .getintouch .inner .left,
    .getintouch .inner .right {
        width: calc(100% - 60px);
    }

    .aboutus .inner .lower {
        flex-wrap: wrap;
    }

    .aboutus .inner .lower .textformat:nth-child(1) {
        width: 100%;
        padding: 0 0 20px 0;
        border-right: 0;
        margin: 30px 30px 20px 30px;
        border-bottom: 1px solid black;
    }

    .aboutus .inner .lower .textformat:nth-child(2) {
        width: calc(100% - 60px);
        margin: 0 30px 30px 30px;
    }

    .aboutus .inner .lower img {
        width: 100%;
        height: 30vh;
        object-position: 0 0;
    }

    .aboutus .inner .upper {
        flex-wrap: wrap;
    }

    .aboutus .inner .upper .textformat:first-child,
    .aboutus .inner .upper .textformat:last-child {
        width: 100%;
    }

    .financeOptions .inner .options .single {
        width: 48%;
        margin: 20px 0;
    }

    .footer .upper {
        flex-wrap: wrap;
    }

    .footer .upper .textformat:first-child {
        width: 100%;
    }

    .footer .upper .textformat:last-child {
        width: 100%;
        margin-top: 20px;
    }

    .howitworks .inner .lease {
        flex-wrap: wrap;
    }

    .howitworks .inner .lease .textformat {
        width: calc(100% - 60px);
        bottom: -30px;
    }

    .howitworks .inner .lease img {
        position: relative;
        top: 0;
        width: 100%;
        height: 30vh;
    }

    .howitworks .inner .steps {
        flex-wrap: wrap;
    }

    .howitworks .inner .steps>div:nth-child(1),
    .howitworks .inner .steps>div:nth-child(2) {
        width: calc(48% - 60px);
    }

    .howitworks .inner .steps>div:last-child {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .whybuy .inner .why {
        flex-wrap: wrap;
    }

    .whybuy .inner .why .textformat {
        width: calc(100% - 60px);
        margin-bottom: 20px;
    }

    .whybuy .inner .why .textformat:last-child {
        margin-bottom: 0px;
    }

    .intro .inner .right .upper {
        background: #ffffffab;
    }



    .intro .inner {
        flex-wrap: wrap;
    }

    .intro .inner .left {
        width: 100%;
    }

    .intro .inner .right {
        width: 100%;
        margin-top: 10px;
    }

    .singularProduct {
        padding: 20px 5%;
        width: 90%;
    }

    .singularProduct>.inner {
        flex-wrap: wrap;
    }

    .singularProduct>.inner .images {
        width: 100%;
    }

    .singularProduct>.inner .images .imageContainer {
        max-width: 500px;
        margin: 0 auto;
    }

    .singularProduct>.inner .info {
        width: 100%;
        margin-top: 30px;
    }

}

@media(max-width: 900px) {

    .stock a,
    .stock a:nth-child(3n - 1) {
        width: calc(100% - 40px);
    }

    .stock a img {
        max-height: 30vh;
        object-position: 0 0;
    }
}

@media(max-width: 800px) {
    .miniIntro .inner .aboutBlocks {
        flex-wrap: wrap;
    }

    .miniIntro .inner .aboutBlocks .textformat {
        width: 100%;
        padding: 20px 0;
        border-right: 0px;
        border-bottom: 1px solid #b6b6b6ad;
    }

    .miniIntro .inner .aboutBlocks .textformat:last-child {
        border-bottom: 0px;
        padding-bottom: 0px;
    }

    .footer .lower {
        flex-wrap: wrap;
    }

    .footer .lower .left {
        width: 100%;
    }

    .footer .lower .form {
        width: 100%;
        margin-top: 40px;
    }
}

@media(max-width: 700px) {
    .relatedCompanies img {
        width: 48%;
        margin: 10px 20px;
    }

    .ourteam .upper .inner .staff .single {
        width: 100%;
    }

    .ourteam .upper .inner .staff .single:hover img {
        z-index: 3;
    }

    .financeOptions .inner .options .single {
        width: 100%;
    }

    .financeOptions .inner .options .single img {
        height: 30vh;
    }

    .miniIntro.finance .inner .financeBlocks {
        flex-wrap: wrap;
    }

    .miniIntro .inner .financeBlocks .textformat {
        width: 100%;
        padding: 20px 0;
        border-right: 0px;
        border-bottom: 1px solid #b6b6b6ad;
    }

    .miniIntro .inner .financeBlocks .textformat:last-child {
        padding-bottom: 0px;
        border-bottom: 0px;
    }

    .header .inner .quote a:not(.button) {
        display: none;
    }

    .howitworks .inner .steps>div:nth-child(1),
    .howitworks .inner .steps>div:nth-child(2),
    .howitworks .inner .steps>div:last-child {
        width: 100%;
        margin: 10px 0;
    }

    h2 {
        font-size: 35px;
        line-height: 50px;
    }

    h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .intro .inner .right .upper div {
        width: 100%;
        margin: 5px 0;
    }

    .intro .inner .right .upper div:nth-child(2) {
        border-left: 0px;
        border-right: 0px;
        border-top: 1px solid #bec8cd;
        border-bottom: 1px solid #bec8cd;
        width: 100%;
        padding: 10px 0;
    }

    .singularProduct>.inner .info .buttons {
        flex-wrap: wrap;
    }

    .singularProduct>.inner .info .buttons .button:first-child {
        width: calc(100% - 60px);
        margin: 0px;
    }

    .singularProduct>.inner .info .buttons .button:last-child {
        margin: 20px 0 0 0;
        width: calc(100% - 70px);
    }

}

@media(max-width: 600px) {
    .currentStock .upper .categories {
        flex-wrap: wrap;
    }

    .currentStock .upper .categories .single {
        margin: 5px;
    }

    .header .inner .quote .button {
        display: none;
    }

    .footer .lower .left .links {
        flex-wrap: wrap;
    }

    .footer .lower .left .links .textformat {
        width: 100%;
    }

    .featuredStock .inner .upper {
        flex-wrap: wrap;
    }

    .featuredStock .inner .upper .textformat {
        width: 100%;
    }

    .introBot .inner .single {
        width: 100%;
        margin: 10px 0;
    }

    .intro .inner .left,
    .intro .inner .right {
        padding: 30px;
    }
}

@media(max-width: 500px) {

    .enquirePopup .inner .textformat,
    .enquirePopup .inner .form {
        padding: 15px;
        width: calc(100% - 30px);
    }

    .featuredStock .inner,
    .introBot .inner,
    .whybuy .inner,
    .howitworks .inner {
        width: 90%;
    }

    .footer .upper,
    .footer .lower {
        width: 90%;
        padding: 50px 5%;
    }

    .footer .extra {
        width: 90%;
        padding: 20px 5%;
    }

    .intro .inner .left .textformat>p:first-child {
        border: 1px solid white;
        border-radius: 20px;
        padding: 5px 15px;
        box-sizing: border-box;
    }

    .intro .inner .left .textformat>p:first-child em {
        border-radius: 0px;
        border: 0px;
        padding: 0px;
    }

    .stock a .details .price {
        flex-wrap: wrap;
    }

    .stock a .details .price>div {
        width: 100%;
    }

    .stock a .details .price>div:first-child {
        margin-bottom: 10px;
    }

    .getintouch .inner .right.form form>p:nth-child(2),
    .getintouch .inner .right.form form>p:nth-child(3),
    .getintouch .inner .right.form form>p:nth-child(4),
    .getintouch .inner .right.form form>p:nth-child(5) {
        width: 100%;
    }

    .singularProduct>.inner .info .pricing .total {
        width: calc(100% - 80px);
        text-align: center;
    }

    .singularProduct>.inner .info .pricing .finance {
        width: 100%;
        margin-top: 10px;
    }

    .singularProduct>.inner .info .details .single {
        width: 100%;
        margin-bottom: 10px;
    }

    .singularProduct>.inner .info .details p {
        width: 48%;
        border-right: 0px;
    }

    .singularProduct>.inner .info .grade {
        flex-wrap: wrap;
    }

    .singularProduct>.inner .info .grade .textformat {
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 400px) {
    .stock a .details .grade {
        flex-wrap: wrap;
    }

    .stock a .details .grade {
        justify-content: flex-start;
    }

    .stock a .details .grade div {
        width: 50%;
        margin: 10px 0;
    }

    .stock a .details .grade div:last-child {
        min-width: fit-content;
    }
}