@charset "utf-8";

    /*
font-family: 'Inter', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Bebas Neue', sans-serif;
font-family: "Poppins";

*/
    @font-face {
        font-family: "Poppins";
        font-display: block;
        src: url("../fonts/Poppins-Light.ttf"),
            url("../fonts/Poppins-Light.woff"),
            url("../fonts/Poppins-Light.woff2");
    }

    @font-face {
        font-family: "Poppins-Regular";
        font-display: block;
        src: url("../fonts/Poppins-Regular.ttf"),
            url("../fonts/Poppins-Regular.woff"),
            url("../fonts/Poppins-Regular.woff2");
    }

    @font-face {
        font-family: "Poppins-SemiBold";
        font-display: block;
        src: url("../fonts/Poppins-SemiBold.ttf"),
            url("../fonts/Poppins-SemiBold.woff"),
            url("../fonts/Poppins-SemiBold.woff2");
    }

    @font-face {
        font-family: "Poppins-Bold";
        font-display: block;
        src: url("../fonts/Poppins-Bold.ttf"),
            url("../fonts/Poppins-Bold.woff"),
            url("../fonts/Poppins-Bold.woff2");
    }

    @font-face {
        font-family: "Poppins-Medium";
        font-display: block;
        src: url("../fonts/Poppins-Medium.ttf"),
            url("../fonts/Poppins-Medium.woff"),
            url("../fonts/Poppins-Medium.woff2");
    }

    @font-face {
        font-family: 'Bebas Neue';
        font-display: block;
        src: url("../fonts/BebasNeue-Regular.ttf"),
            url("../fonts/BebasNeue-Regular.woff"),
            url("../fonts/BebasNeue-Regular.woff2");
    }

    /* CSS Document */
    :root {
        --primary-black: #0F0D0E;
        --pure-black: #000;
        --gray-black: #363636;
        --white: #ffffff;
        --red: #EC2027;
    }


    *,
    *:after,
    *:before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
    html {
        font-family: "Poppins", sans-serif;
        /* 1 */
        -ms-text-size-adjust: 100%;
        /* 2 */
        -webkit-text-size-adjust: 100%;
        /* 2 */
    }

    /* HTML5 display definitions */

    /** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    main,
    menu,
    nav,
    section,
    summary {
        display: block;
    }

    /** Add the correct display in IE 9-. */
    audio,
    canvas,
    progress,
    video {
        display: inline-block;
    }

    /** Add the correct display in iOS 4-7. */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

    /** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
    progress {
        vertical-align: baseline;
    }

    /** Add the correct display in IE 10-. 1. Add the correct display in IE. */
    template,
    [hidden] {
        display: none;
    }

    /** Remove the gray background on active links in IE 10. */
    a {
        background-color: transparent;

    }

    /** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
    a:active,
    a:hover {
        outline-width: 0;
        text-decoration: none;
        outline: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    /** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
    abbr[title] {
        border-bottom: none;
        /* 1 */
        text-decoration: underline;
        /* 2 */
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted;
    }

    /** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
    b,
    strong {
        font-weight: inherit;
    }

    /** Add the correct font weight in Chrome, Edge, and Safari. */
    b,
    strong {
        font-weight: bold;
    }

    /** Add the correct font style in Android 4.3-. */
    dfn {
        font-style: italic;
    }

    /** Add the correct background and color in IE 9-. */
    mark {
        background-color: #ff0;
        color: #000;
    }

    /** Add the correct font size in all browsers. */
    small {
        font-size: 80%;
    }

    /** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sub {
        bottom: -0.25em;
    }

    sup {
        top: -0.5em;
    }

    /** Remove the border on images inside links in IE 10-. */
    img {
        border-style: none;
    }

    /** Hide the overflow in IE. */
    svg:not(:root) {
        overflow: hidden;
    }

    /** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
    code,
    kbd,
    pre,
    samp {
        font-size: 1em;
    }

    /** Add the correct margin in IE 8. */
    figure {
        margin: 1em 40px;
    }

    /** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
    hr {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
        overflow: visible;
    }

    /* Forms */

    /** Change font properties to `inherit` in all browsers (opinionated). */
    button,
    input,
    select,
    textarea {
        font: inherit;
    }

    /** Restore the font weight unset by the previous rule. */
    optgroup {
        font-weight: bold;
    }

    /** Show the overflow in IE. 1. Show the overflow in Edge. 2. Show the overflow in Edge, Firefox, and IE. */
    button,
    input,
    select {
        /* 2 */
        overflow: visible;
    }

    /** Remove the margin in Safari. 1. Remove the margin in Firefox and Safari. */
    button,
    input,
    select,
    textarea {
        /* 1 */
        margin: 0;
    }

    /** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
    button,
    select {
        /* 1 */
        text-transform: none;
    }

    /** Change the cursor in all browsers (opinionated). */
    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        cursor: pointer;
    }

    /** Restore the default cursor to disabled elements unset by the previous rule. */
    [disabled] {
        cursor: default;
    }

    /** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS. */
    button,
    html [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button;
        /* 2 */
    }

    /** Remove the inner border and padding in Firefox. */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    /** Restore the focus styles unset by the previous rule. */
    button:-moz-focusring,
    input:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

    /** Change the border, margin, and padding in all browsers (opinionated). */
    fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
    }

    /** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
    legend {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal;
    }

    /** Remove the default vertical scrollbar in IE. */
    textarea {
        overflow: auto;
    }

    /** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
    [type="checkbox"],
    [type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    /** Correct the cursor style of increment and decrement buttons in Chrome. */
    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /** Correct the odd appearance of search inputs in Chrome and Safari. */
    [type="search"] {
        -webkit-appearance: textfield;
    }

    /** Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */
    [type="search"]::-webkit-search-cancel-button,
    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    blockquote {
        border-left: 0.3rem solid #d1d1d1;
        margin-left: 0;
        margin-right: 0;
        padding: 1rem 1.5rem;
    }

    blockquote *:last-child {
        margin: 0;
    }

    form ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="url"],
    textarea,
    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: 1px solid #d1d1d1;
        border-radius: 0.4rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0.6rem 1rem;
        width: 100%;
    }

    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="tel"]:focus,
    input[type="url"]:focus,
    textarea:focus,
    select:focus {
        border: 1px solid #f2a1ad;
        outline: 0;
    }

    textarea {
        padding-bottom: 0.6rem;
        padding-top: 0.6rem;
    }

    label,
    legend {
        font-size: 16px;
        display: block;
        margin-bottom: 0.5rem;
        color: #302c2e;
    }

    fieldset {
        border-width: 0;
        padding: 0;
    }

    input[type="checkbox"],
    input[type="radio"] {
        display: inline;
    }

    input[type="submit"]:focus {
        outline: none;
    }

    input::-webkit-input-placeholder,
    select::-webkit-input-placeholder {
        color: rgba(47, 45, 45, 0.7);
    }

    input::-moz-placeholder,
    select::-moz-placeholder {
        color: rgba(47, 45, 45, 0.7);
    }

    input:-ms-input-placeholder,
    select:-ms-input-placeholder {
        color: rgba(47, 45, 45, 0.7);
    }

    input:-moz-placeholder,
    select:-moz-placeholder {
        color: rgba(47, 45, 45, 0.7);
    }

    input:focus {
        outline: none;
    }

    dl,
    ol,
    ul {
        margin-top: 0;
        padding-left: 0;
    }

    dl dl ul,
    dl ol,
    ol dl ul,
    ol ol,
    ul dl ul,
    ul ol {
        font-size: 90%;
        margin: 1.5rem 0 1.5rem 3rem;
    }

    dl {
        list-style: none;
    }

    ul {
        list-style: disc;
        position: relative;
        padding-left: 20px;
    }

    ul li::marker {
        color: rgba(0, 0, 0, 0.3);
    }

    ol {
        list-style: decimal inside;
    }

    dt,
    dd,
    li {
        margin-bottom: 0px;
    }

    hr {
        border-top: 0.1rem solid #4a4d50;
        border-width: 0;
        margin-bottom: 3.5rem;
        margin-top: 3rem;
    }

    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    input,
    textarea,
    select,
    fieldset {
        margin-bottom: 1rem;
    }

    input:last-child,
    textarea:last-child,
    select:last-child,
    fieldset:last-child {
        margin-bottom: 0;
    }

    pre,
    blockquote,
    dl,
    figure,
    table,
    p,
    ul,
    ol,
    form {
        margin-bottom: 1.4rem;
    }

    pre:last-child,
    blockquote:last-child,
    dl:last-child,
    figure:last-child,
    table:last-child,
    p:last-child,
    ul:last-child,
    ol:last-child,
    form:last-child {
        margin: 0;
    }

    table {
        width: 100%;
    }

    .flex,
    .flex-row,
    .flex-column,
    .flex-start,
    .flex-end,
    .flex-center,
    .flex-stratch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .hero_banner_section .hero_banner video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .flex-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .flex-end {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .flex-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .flex-stratch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    @supports ((-o-object-fit:cover) or (object-fit:cover)) {
        .background-image img {
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            height: 100%;
        }
    }

    .clearfix {
        *zoom: 1;
    }

    .clearfix:after,
    .clearfix:before {
        content: "";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .tacenter {
        text-align: center;
    }

    .taright {
        text-align: right;
    }

    .taleft {
        text-align: left;
    }

    .relative {
        position: relative;
    }

    body,
    html {
        margin: 0px;
        padding: 0px;
        position: relative;
        list-style: none;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 300;
        color: #1E1E1E;
        font-family: "Poppins";
        background-color: #F5F5F5;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0px;
        font-weight: 400;
        margin-bottom: 20px;
        font-family: 'Bebas Neue', sans-serif;

    }

    h1 {
        font-size: 80px;
        line-height: 80px;
    }

    h2 {
        font-size: 60px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 25px;
        line-height: 30px;
    }

    a {
        text-decoration: none !important;
        cursor: pointer;
        color: var(--pure-black);
        transition: all 0.3s ease;
        font-family: "Poppins";
        font-weight: 300;
    }

    a:hover {
        text-decoration-line: underline;
        outline: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        color: var(--red);
    }

    p {
        font-weight: 300;
        color: var(--pure-black);
        font-family: "Poppins";
        font-style: normal;
        font-size: 17px;
        line-height: 26px;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    .tbl {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        position: relative;
        z-index: 9;
    }

    .tbl-cell {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

    .img-responsive {
        max-width: 100%;
        display: block;
        height: auto;
        margin: 0 auto;
    }

    .inline__block {
        float: left;
        width: 100%;
        vertical-align: top;
        position: relative;
    }

    .gform_wrapper .ginput_container input,
    .gform_wrapper .ginput_container textarea,
    .gform_wrapper .ginput_container select {
        font-family: "Poppins", sans-serif;
        background: #ffffff;
        border: 1px solid rgba(151, 151, 151, 0.25);
        outline: none;
        padding: 15px 15px 12px 15px !important;
        margin-bottom: 0px;
        height: 53px;
        outline: none;
        font-size: 16px !important;
        line-height: 26px;
        color: rgba(47, 45, 45, 0.7);
        border-radius: 8px;
    }

    .gform_wrapper .ginput_container textarea {
        height: 135px;
        margin-top: 0px;
    }

    .gform_wrapper input[type="submit"] {
        background: var(--red);
        color: #fff;
        border: 1px solid var(--red);
        padding: 13px 38px 12px 36px;
        display: inline-block;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        width: auto;
        text-align: center;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-family: "Poppins-Medium";
        font-size: 17px;
        line-height: 26px;
    }

    .gform_wrapper input[type="submit"]:hover {
        border: 1px solid var(--red);
        background-color: #fff;
        outline: 0;
    }

    .gform_wrapper .validation_error {
        display: none;
    }

    .gform_wrapper .validation_message {
        display: inline-block;
        width: 100%;
        text-align: left;
        margin-top: 0px;
        color: #f00;
    }

    .gform_wrapper label.gfield_label {
        font-size: 20px !important;
        line-height: 28px;
        letter-spacing: 0.2px;
        color: #10171D;
        font-family: "Poppins";
        font-weight: 300 !important;
    }

    .gform_wrapper li.gfield.gfield_error,
    .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
        background: none !important;
        border: none !important;
    }

    .ie8 * {
        outline: none;
    }

    img {
        border: none;
    }

    html,
    body {
        -webkit-text-size-adjust: none;
        -webkit-font-smoothing: antialiased;
    }

    /*----- html5 tags ------*/
    article,
    aside,
    canvas,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    summary {
        display: block;
    }

    /*----- Wrapper Part ------*/
    #wrapper {
        width: 100%;
        height: auto;
    }

    .container {
        max-width: 1410px;
        height: auto;
        display: block;
        clear: both;
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    .default-page .container {
        max-width: 900px;
    }

    .default-page {
        padding: 80px 0;
    }

    .inner-container {
        max-width: 1150px;
        height: auto;
        display: block;
        clear: both;
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }

    section {
        position: relative;
    }

    /*----- Wrapper Part ------*/
    /* custom css */
    .heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 80px;
    }

    .heading h2 {
        color: var(--pure-black);
        margin-bottom: 0;
    }

    .row {
        display: flex;
        align-items: center;
    }

    .flex-wrap {
        flex-wrap: wrap
    }

    .font-300 {
        font-weight: 300;
    }

    .red-btn,
    .white-btn,
    .gform_button,
    .contact_us_section .gform_wrapper input[type="submit"],
    .wcpf-field-button .wcpf-button {
        padding: 12px 57px;
        background-color: var(--red);
        border-radius: 100px;
        color: var(--white);
        border: 2px solid var(--red);
        transition: border 0.9s;
        font-size: 17px;
        line-height: 26px;
        text-transform: uppercase;
        display: inline-block;
        width: auto;
        font-family: "Poppins-Medium";
    }

    .white-btn {
        background-color: var(--white);
        border: 0;
        color: var(--pure-black);
        display: inline-block;
        padding: 14px 44px;
    }

    .red-btn:hover,
    .gform_button:hover,
    .contact_us_section .gform_wrapper input[type="submit"]:hover {
        background-color: var(--white);
        color: var(--red);
    }

    .white-btn:hover {
        color: var(--white);
        background-color: var(--pure-black);
    }

    .btn_with_arrow {
        background: url(../images/arrow.svg) right center no-repeat;
        height: 100%;
        width: 100%;
        padding-right: 11px;
        background-size: 8px;
        text-transform: uppercase;
        color: var(--red);
        font-family: "Poppins-Medium";
        font-size: 16px;
        line-height: 24px;
        text-decoration-line: underline !important;
    }

    .btn_with_arrow:hover {
        color: var(--pure-black);
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    .product_card_right .btn_with_arrow:hover {
        fill: none;
        color: var(--red);
    }

    .read_more {
        font-family: "Poppins-Medium";
        font-size: 17px;
        line-height: 26px;
        text-decoration: underline !important;
        text-transform: uppercase;
        color: var(--red);
    }

    .read_more:hover {
        color: var(--primary-black);
    }

    .bg-white {
        background-color: var(--white);
    }

    /* header */
    .header {
        background-color: var(--pure-black);
        position: relative;
        z-index: 2;
    }

    .header_left {
        line-height: 0;
    }

    /* .header_logo a{
    display: inline-block;
    line-height: 0
} */
    .header_logo img {
        max-width: 222px;
        height: 56px;
        object-fit: cover;
    }

    .btn_open,
    .btn_close {
        display: none;
    }

    .header_top {
        padding: 6px 0;
    }

    .header_top .row {
        justify-content: flex-end;
    }

    .header_top p,
    .header_top a {
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        margin: 0;
        color: var(--white);
    }

    .header_top p {
        margin-right: 53px;
    }

    .header_top a:hover {
        color: var(--red);
    }

    .header_bottom .row {
        justify-content: space-between;
        align-items: center;
    }

    .header_bottom {
        position: fixed;
        z-index: 1;
        width: 100%;
        top: 73px;
        transition: all 0.5s;
    }

    .fixed-header .header_bottom {
        top: 0;
        background-color: rgb(0 0 0 / 90%);
        z-index: 99;
        padding: 15px 0;
    }

    .header_right {
        display: flex;
    }

    .header_button {
        margin-left: 11px;
    }

    /* menu start */
    .header_menu_wrap ul {
        list-style: none;
        padding-left: 0;
    }

    .header_menu_wrap .header_menu {
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        position: relative;
        padding: 0 15px
    }

    .header_menu_wrap {
        background: rgba(255, 255, 255, 0.8);
        border-radius: 100px;
    }

    .single-product .header_menu_wrap {
        box-shadow: 0px 4px 4px rgba(206, 206, 206, 0.25);
    }

    .header_menu_wrap .header_menu>.menu-item {
        margin: 0 17px;
        padding: 15px 0;
        position: relative;
    }

    .header_menu_wrap .header_menu .menu-item a {
        position: relative;
        font-weight: 400;
        font-family: "Poppins-Regular";
        font-size: 15px;
        line-height: 22px;
        color: var(--pure-black);
    }

    .header_menu_wrap .header_menu .menu-item a:hover,
    .header_menu_wrap .header_menu .menu-item.current-menu-item>a,
    .header_menu_wrap .header_menu .menu-item.current-menu-parent>a {
        color: var(--red);
    }

    .header_menu_wrap .header_menu .menu-item-has-children {
        margin-right: 23px;
    }

    .header_menu_wrap .header_menu .menu-item-has-children>a::after {
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 5px solid var(--pure-black);
        position: absolute;
        content: "";
        top: 9px;
        right: -9px;
        transition: 0.4s;
    }

    .header_menu_wrap .header_menu .menu-item-has-children>a:hover::after {
        transform: rotate(-180deg);
        border-top-color: var(--red);
    }


    /* submenu */

    .header_menu_wrap .header_menu .sub-menu {
        /* column-count: 2; */
        position: absolute;
        background: rgba(255, 255, 255);
        border-radius: 31px;
        padding: 21px 30px;
        top: 72px;
        left: 50%;
        transform: translateX(-50%);
        flex-wrap: wrap;
        min-width: 160px;
        opacity: 0;
        visibility: hidden;
        height: 0;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    .header_menu_wrap .header_menu .sub-menu:before {
        content: "";
        display: block;
        height: 20px;
        position: absolute;
        top: -20px;
        width: 100%;
    }

    .header_menu_wrap .header_menu .menu-item:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .header_menu_wrap .header_menu .sub-menu .menu-item {
        margin: 0;
        /* padding: 0 38px; */
    }

    .header_menu_wrap .header_menu .menu-two-column .sub-menu {
        min-width: 620px;
        padding: 41px 28px;
        display: flex;
    }

    .header_menu_wrap .header_menu .menu-two-column .sub-menu .menu-item {
        width: 50%;

    }

    .header_menu_wrap .header_menu .sub-menu .menu-item a {
        line-height: 20px;
        padding: 5px 0;
        display: block;
    }

    .header_menu_wrap .header_menu .menu-two-column .sub-menu .menu-item:nth-child(even) {
        border-left: 1px solid rgba(0, 0, 0, 0.3);
        padding-left: 38px;
    }


    /* footer */
    .footer {
        background: var(--primary-black) url("../images/footer-bg.png") left top no-repeat;
        background-size: 100%;
        padding: 104px 0;
        color: var(--white);
    }

    .footer_logo {
        margin-bottom: 35px;
        display: block;
    }

    .footer_logo img {
        max-width: 202px;
        height: 297px;
        object-fit: cover;
    }

    .footer_left {
        width: 33.33%;
    }

    .footer_right {
        width: 66.64%;
    }

    .footer a,
    .footer p {
        color: var(--white);
        font-weight: 300;
        font-size: 15px;
        line-height: 22px;
    }

    .footer a:hover {
        color: var(--red);
    }

    .footer_right-top {
        margin-bottom: 155px;
    }

    .footer_right-top .row {
        margin: 0 -17px;
    }

    .footer_right-top .footer_adress {
        padding: 0 17px;
        width: 33.33%;
    }

    .footer_adress address {
        font-style: normal;
        font-weight: 300;
        font-size: 15px;
        line-height: 26px;
        max-width: 227px;
    }

    .footer_adress .title {
        font-size: 17px;
        line-height: 26px;
        font-weight: 700;
    }

    .footer_menu ul {
        display: flex;
        padding: 0;
        margin: 0 -12px;
    }

    .footer_menu ul li {
        margin: 0 12px;
    }

    .footer_menu ul li a {
        color: var(--white);
        font-family: "Poppins-Regular";
    }

    .footer_menu ul li a:hover {
        color: var(--red);
    }

    .footer_adress p {
        font-weight: 700;
        font-size: 17px;
        line-height: 26px;
        text-transform: uppercase;
        font-weight: 300;
    }

    .social_media {
        display: flex;
        align-items: center;
        margin-left: -20px;
    }

    .social_media a {
        line-height: 0;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        margin-right: 20px;
    }

    .social_media a:last-child {
        margin-right: 0;
    }

    .social_media a:hover {
        background-color: var(--red);
    }

    .footer_menu {
        margin-bottom: 15px;
    }

    .copyright_section {
        display: flex;
        align-items: center;
    }

    .copyright_section p {
        margin: 0;
    }

    .copyright_section a {
        text-decoration: underline !important;
    }

    p.copyright {
        border-right: 1px solid var(--white);
        padding-right: 20px;
        margin-right: 20px;
    }

    /* banner */
    .hero_banner_section {
        background-color: var(--pure-black)
    }

    .hero_banner {
        background-repeat: no-repeat;
        background-size: cover;
        height: 798px;
        width: 100%;
        border-radius: 20px 20px 0px 0px;
        display: flex;
        position: relative;
    }

    .hero_banner::before {
        position: absolute;
        background: rgb(0 0 0 / 40%);
        height: 100%;
        width: 100%;
        content: "";
        z-index: 1;
    }

    .hero_banner::after {
        position: absolute;
        background: url(../images/red-banner-curve.png) right bottom no-repeat;
        height: 100%;
        width: 100%;
        content: "";
    }

    .banner_detail_wrap {
        display: flex;
        align-items: flex-end;
        margin: 0 auto;
        width: 100%;
    }

    .odd_even_section .odd_even_content p img {
        position: relative !important;
        height: auto !important;
        object-fit: contain !important;
        width: auto !important;
    }

    .banner_deatil {
        z-index: 1;
        position: relative;
        margin-bottom: 70px;
        max-width: 926px;
    }

    .banner_deatil h1,
    .banner_deatil p {
        color: #fff;
    }

    .banner_deatil h1 {
        margin-bottom: 0;
    }

    .banner_deatil p {
        font-weight: 300;
        font-size: 20px;
        line-height: 30px;
    }

    .banner_deatil p span {
        font-weight: 700;
        display: block;
    }

    /* inner banner  */
    .inner_page_banner_section h1 {
        font-size: 60px;
    }

    .inner_page_banner_section {
        height: 377px;
        border-radius: 20px 20px 0px 0px;
        overflow: hidden;
        background: #D9D9D9 url("../images/inner_banner_bg.png") left center no-repeat;
        z-index: 1;
        background-size: 80%;
        position: relative;
    }

    .inner_banner {
        height: inherit;
        display: flex;
        align-items: flex-end;
        padding-bottom: 38px;
    }

    .inner_banner_haeading {
        text-align: center;
        margin-bottom: 41px;
    }


    /* bread crums */
    .cd-breadcrumb {
        display: flex;
        align-items: stretch;
        list-style: none;
    }

    .cd-breadcrumb li,
    .cd-breadcrumb li>* {
        font-weight: 400;
        font-size: 12px;
        display: flex;
        align-items: center;
        line-height: 20px;
        color: var(--primary-black);
        text-transform: capitalize;
        font-family: "Poppins-Regular";
    }

    .cd-breadcrumb li::after {
        content: '\/';
        margin: 0 8px;
        color: var(--primary-black);
    }

    .cd-breadcrumb li:last-of-type::after {
        /* hide separator after the last item */
        display: none;
    }





    /* home page product section */
    .home_page_product_section {
        background: rgba(198, 198, 197, 0.6);
        padding: 100px 0;
        position: relative;
    }

    .common_shape {
        position: relative;
    }

    .common_shape::after {
        background: url(../images/product_before.png) left bottom no-repeat;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        content: "";
        z-index: -1;
    }

    .home_page_product_section.common_shape::after,
    .our_benefits.common_shape::after {
        z-index: 0;
    }

    .home_product_wrap {
        z-index: 1;
        position: relative;
    }

    .home_product_top {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 65px;
    }

    .home_product_top .red-btn {
        margin-right: 16px;
        padding: 12px 75px;
    }

    .search_box {
        position: relative;
        max-width: 766px;
        width: 100%;
    }

    .search_submit {
        position: absolute;
        right: 10px;
        border: 0;
        background: none;
        top: 8px;
        line-height: 0;
        border-radius: 100%;
        padding: 0;
    }

    .search_submit:hover {
        box-shadow: 0px 0px 12px rgb(189 189 189 / 41%);
    }

    input.search-txt {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(185, 185, 185, 0.25);
        border-radius: 100px;
        padding: 16px 75px 16px 35px;
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
        margin-bottom: 0;
        color: var(--red);
        font-family: "Poppins-Medium";
        border: 2px solid var(--white);
    }

    input.search-txt:focus {
        border: 2px solid var(--red);
    }

    .search-txt::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: var(--red);
        opacity: 1;
        font-family: "Poppins-Medium";
        /* Firefox */
    }

    .search-txt:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: var(--red);
        font-family: "Poppins-Medium";
    }

    .search-txt::-ms-input-placeholder {
        /* Microsoft Edge */
        color: var(--red);
        font-family: "Poppins-Medium";
    }

    .home_product_bottom .row {
        margin: 0 -8px;
        flex-wrap: wrap;
    }

    .product_card {
        width: 33.33%;
        padding: 0 8px;
        margin-bottom: 16px;
    }

    .product_card_item {
        background: #FFFFFF;
        box-shadow: 0px 4px 4px rgba(207, 207, 207, 0.25);
        border-radius: 12px;
        display: flex;
        overflow: hidden;
        align-items: center;
    }

    .product_card_left {
        background: #ECECEC;
        max-width: 165px;
        width: 50%;
        margin-right: 30px;
    }

    .product_card_right {
        width: 50%;
    }

    .product_card_right h3 {
        line-height: 33px;
        max-width: 130px;
        margin-bottom: 10px;
    }

    .product_card_left img {
        width: 165px;
        height: 170px;
        object-fit: cover;
    }

    /* Home page about us section  */

    .about_us_section .container-red {
        max-width: 90%;
        margin-left: auto;
        width: 100%;
        background-color: #ED1C24;
        padding: 41px 0 84px 0;
        position: relative;
    }

    .about_us_section {
        position: relative;
        background-color: rgba(198, 198, 197, 0.2);
    }

    .about_us_section::before {
        background: url(../images/curve.png) right top no-repeat;
        height: 100%;
        width: 100%;
        content: "";
        position: absolute;
        top: -210px;
    }

    .big_heading {
        font-family: 'Bebas Neue', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 140px;
        line-height: 168px;
        color: #E10202;
    }

    .about_us_section .about_us_block {
        margin-left: -10%;
        max-width: 1290px;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .about_us_left,
    .about_us_right {
        width: 50%;
    }

    .about_us_left img {
        max-width: 560px;
        width: 100%;
        object-fit: cover;
        height: 477px;
    }

    .about_section_title h2 {
        color: var(--white);
        margin-top: -90px;
        margin-bottom: 0;
    }

    .about_section_title {
        margin-bottom: 25px;
    }

    .about_section_deatil {
        margin-bottom: 42px;
    }

    .about_section_deatil p {
        color: var(--white);
        margin-top: 0;
        margin-bottom: 20px;
        font-weight: 300;
    }

    .about_deatil_images {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 -25px;
        margin-bottom: 45px;
    }

    .about_deatil_image {
        padding: 0 25px;
        width: 20%;
    }

    /* industry_list_section */
    .industry_list_section {
        padding: 102px 0;
        background-color: rgba(198, 198, 197, 0.2);
    }

    .industry_list_section .heading {
        display: block;
        margin-bottom: 00px;
    }

    .industry_list_section .heading h2 {
        line-height: 80px;
        margin-bottom: 0;
    }

    .industry_list_section .row {
        margin: 0 -8px;
    }

    .industry_list_section .industry_item {
        width: 33.33%;
        padding: 0 8px;
        margin-bottom: 16px;
    }

    .industry_list_section .industry {
        display: flex;
        align-items: center;
        padding: 24px 30px 20px 30px;
        background-color: var(--white);
        box-shadow: 0px 4px 4px rgba(207, 207, 207, 0.25);
        border-radius: 12px;
    }

    .industry_list_section .industry h4 {
        margin-bottom: 0;
        line-height: 30px;
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--primary-black);
    }

    .industry_list_section .industry h4::after {
        background: url(../images/arrow.svg) no-repeat right center;
        content: "";
        height: 30px;
        width: 30px;
        display: inline-block;
    }

    .industry_list_section .industry_item a {
        cursor: pointer;
        position: relative;
        z-index: 1;
    }

    .industry_list_section p {
        color: var(--gray-black);
        margin-bottom: 45px;
    }

    .industry_list_section .industry_item,
    .calculators_section .calculators_item a,
    .woocommerce .products li.product a .product_image_wrap,
    .resources-inner a {
        position: relative;
    }

    .industry_list_section .industry_item:before,
    .industry_list_section .industry_item:after,
    .calculators_section .calculators_item a:before,
    .calculators_section .calculators_item a::after,
    .woocommerce .products li.product a .product_image_wrap:before,
    .woocommerce .products li.product a .product_image_wrap::after,
    .resources-inner a .resources_image::before,
    .resources-inner a .resources_image::after {
        position: absolute;
        top: -2px;
        right: 6px;
        bottom: -2px;
        left: 6px;
        content: '';
        opacity: 0;
        -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
        -moz-transition: opacity 0.5s, -moz-transform 0.5s;
        -o-transition: opacity 0.5s, -o-transform 0.5s;
        -ms-transition: opacity 0.5s, -ms-transform 0.5s;
        transition: opacity 0.5s, transform 0.5s;
    }

    .calculators_section .calculators_item a:before,
    .calculators_section .calculators_item a::after,
    .resources-inner a .resources_image::before,
    .resources-inner a .resources_image::after {
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        z-index: 1;
    }

    .woocommerce .products li.product a .product_image_wrap:before,
    .woocommerce .products li.product a .product_image_wrap::after {
        top: -1px;
        right: -2px;
        bottom: -2px;
        left: -1px;
    }

    .industry_list_section .industry_item:before,
    .calculators_section .calculators_item a:before,
    .woocommerce .products li.product a .product_image_wrap::before,
    .resources-inner a .resources_image::before {
        border-top: 2px solid var(--red);
        border-bottom: 2px solid var(--red);
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .industry_list_section .industry_item:after,
    .calculators_section .calculators_item a:after,
    .woocommerce .products li.product a .product_image_wrap::after,
    .resources-inner a .resources_image::after {
        border-right: 2px solid var(--red);
        border-left: 2px solid var(--red);
        -webkit-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0);
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .calculators_section .calculators_item a:before,
    .calculators_section .calculators_item a:after,
    .woocommerce .products li.product a .product_image_wrap:before,
    .woocommerce .products li.product a .product_image_wrap:after {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .resources-inner a .resources_image::before,
    .resources-inner a .resources_image::after {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .industry_list_section .industry_item:hover:before,
    .industry_list_section .industry_item:hover:after,
    .calculators_section .calculators_item a:hover:before,
    .calculators_section .calculators_item a:hover:after,
    .woocommerce .products li.product a:hover .product_image_wrap::before,
    .woocommerce .products li.product a:hover .product_image_wrap::after,
    .resources-inner a:hover .resources_image::before,
    .resources-inner a:hover .resources_image::after {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    /* recent project section */
    .recent_projects_section {
        padding: 104px 0 300px 0;
        background-color: var(--white);
    }

    .recent_projects_section .row {
        margin: 0 -23px;
    }

    .recent_projects_section .project-item {
        width: 50%;
        padding: 0 23px;
    }

    .recent_projects_section .project {
        position: relative;
        overflow: hidden;
    }

    .recent_projects_section .category_list {
        position: absolute;
        z-index: 1;
        top: 44px;
        left: 67px;
        text-transform: capitalize;
    }

    .single_custom_class .category_list {
        width: 100%;
    }

    .category {
        position: relative;
        font-size: 12px;
        line-height: 18px;
        color: var(--primary-black);
        padding: 7px 14px 6px 14px;
        border: 1px solid #C4C4C4;
        border-radius: 100px;
        background: var(--white);
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    body.category {
        width: 100%;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: #F5F5F5;
    }

    .recent_projects_section .project a {
        line-height: 0;
        position: relative;
        width: 100%;
        display: block
    }

    .recent_projects_section .project a::before {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background: linear-gradient(353.57deg, rgba(0, 0, 0, 0.4) 24.56%, rgba(0, 0, 0, 0) 62.21%);
    }

    .recent_projects_section .project figure {
        margin: 0;
    }

    .recent_projects_section .project figure img {
        height: 483px;
        width: 100%;
        object-fit: cover;
    }

    .recent_projects_section .project .recent_project_name {
        position: absolute;
        bottom: 60px;
        color: var(--white);
        text-align: center;
        width: 100%;
        transition: all 0.5s;
    }

    .recent_projects_section .project .recent_project_name h4 {
        line-height: 30px;
        margin-bottom: 0;
    }

    .recent_projects_section .project a:hover {
        filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
        color: var(--pure-black);
    }

    .recent_projects_section .project a:hover .recent_project_name {
        opacity: 0;
    }


    .recent_projects_section .project .project-detail-hover {
        width: 100%;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        bottom: -200px;
        opacity: 0;
        padding: 25px 75px;
        visibility: hidden;
        -moz-transition: all .9s ease-in;
        -webkit-transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -ms-transition: all 0.9s ease-in-out;
        -o-transition: all 0.9s ease-in-out;
        transition: all 0.9s ease-in-out;

    }

    .recent_projects_section .project .recent-project-detail {
        background: url(../images/red-bg-arrow.svg) right top no-repeat;
        background-position: 99% 0px;
    }

    .recent_projects_section .project .project-detail-hover p {
        max-width: 345px;
    }

    .recent_projects_section .project .project-detail-hover h4 {
        margin-bottom: 0px;
        line-height: 26px;
        padding: 10px 50px 10px 0;
    }

    .recent_projects_section .project:hover .project-detail-hover {
        opacity: 1;
        transition: all 0.9s;
        visibility: visible;
        bottom: 0;
    }


    /* blog */
    .lastest_bolg_section {
        padding: 100px 0;
    }

    .lastest_bolg_section .row {
        margin: 0 -15px;
        align-items: flex-start;
        justify-content: center;
    }

    .blog-item {
        width: 33.33%;
        padding: 0 15px;
        margin-bottom: 30px;
    }

    .blog_image {
        margin-bottom: 20px;
    }

    .blog_image img {
        transition: all 0.5s;
        height: 360px;
        width: 100%;
        object-fit: cover;
    }

    .blog_detail_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .category_list {
        width: 57%;
    }

    .blog_date {
        color: rgba(15, 13, 14, 0.7);
        text-transform: uppercase;
        font-size: 12px;
        line-height: 18px;
    }

    .blog_detail h4 {
        margin-bottom: 12px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 66px;
        color: var(--pure-black);
    }

    .blog_detail p {
        margin-bottom: 23px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .blog a:hover .blog_image img {
        filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.45));
    }

    /* design section */
    .design_section {
        background-position: right center;
        background-repeat: no-repeat;
        padding: 63px 0;
        width: 100%;
        position: relative;
        max-width: 1512px;
        margin: 0 auto;
        margin-top: -150px;
        max-height: 307px;
        background-size: 55%;
    }

    .design_section::after {
        position: absolute;
        height: 88%;
        width: 31%;
        background: url(../images/design-curve.png) right center no-repeat;
        content: "";
        bottom: -270px;
        right: 0;
        z-index: 0;
        background-position: bottom;
        background-size: cover;
    }

    .design_section::before {
        position: absolute;
        height: 100%;
        width: 100%;
        background: url(../images/red-curve.png) left center no-repeat;
        content: "";
        top: 0;
    }

    .design_section_wrap {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        z-index: 1;
    }

    .design_section_wrap h2 {
        margin-bottom: 0;
        max-width: 566px;
        line-height: 60px;
        color: var(--white);
        margin-bottom: 3px;
    }

    .design_detail {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 727px;
    }

    .design_detail p {
        font-family: "Poppins-SemiBold";
        font-size: 20px;
        line-height: 29px;
        max-width: 410px;
        margin: 0;
        color: var(--white);
    }

    .about_common_section .design_detail {
        max-width: 800px;
    }

    .about_common_section .design_detail p {
        max-width: 550px;
    }

/*    .about_common_section {
        padding-bottom: 50px;
    }*/
    .page-id-58  .odd_even_section .odd_even_block .odd_even_item p img {
        max-width: 200px;
    }
    .design_detail .white-btn {
        padding: 14px 35px;
    }


    /* team page start */
    .team_section {
        background-color: var(--white);
        padding: 107px 0;
    }

    .team_section .row {
        margin: 0 -20px;
        justify-content: center;
    }

    .team_section .team_member {
        width: 25%;
        padding: 0 20px;
        margin-bottom: 42px;
        position: relative;
    }

    .member_img {
        margin-bottom: 20px;
    }

    .team_member img {
        height: 368px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
    }

    /* .team_member .member_img{
    position: relative;
    transition: all 0.5s;    
}
.team_member a:hover .member_img:before{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    content: "";
} */
    .team_section .member_detail h4 {
        margin-bottom: 0;
        color: var(--pure-black);
        padding-right: 60px
    }

    .team_section .member_detail p {
        color: var(--pure-black);
        opacity: 0.9;
        text-transform: uppercase;
    }

    .team_section .member_detail {
        background: url(../images/red-border-arrow.svg) right top no-repeat;
        height: 100%;
        width: 100%;
        display: inline-block;
        background-position-x: 99%;
        min-height: 56px;
    }

    .member:hover .member_detail {
        background: url(../images/red-bg-arrow.svg) right top no-repeat;
        background-position-x: 99%;
    }

    .member {
        position: relative;
    }

    .member_hover {
        position: absolute;
        top: 0;
        height: 368px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
        transition: 0.5s;
        padding: 20px;
    }

    .member:hover .member_hover {
        opacity: 1;

    }

    .member_hover h4 {
        padding: 65px 57px 10px 57px
    }

    .member_hover_title {
        overflow-x: auto;
    }

    /* .member_hover_title {
    overflow-x: auto;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    height: 100%;
    flex-direction: column;
    justify-content: center;
} */
    .member_hover_links {
        padding-top: 10px;
    }

    .member_hover_links a {
        font-size: 15px;
        font-size: 15px;
        line-height: 16px;
        text-transform: uppercase;
        color: var(--red);
        border-right: 1px solid var(--red);
        padding: 0 10px;
    }

    .member_hover_links a:first-child {
        padding-left: 0;
    }

    .member_hover_links a:last-child {
        padding-right: 0;
        border-right: 0
    }

    .member_hover_links a:hover {
        color: var(--pure-black);
    }

    .join_team_section {
        background-image: url(../images/join_team_bg.jpg);
        background-position: center;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .join_team_left {
        width: 48%;
    }

    .join_team_left_wrap h2 {
        color: var(--white);
        margin-bottom: 0;
    }

    .join_team_left_wrap p {
        font-family: "Poppins-SemiBold";
        font-size: 20px;
        line-height: 29px;
        color: var(--white);
        margin: 0;
    }

    .join_team_left_wrap p a {
        display: inline-block;
        color: var(--white);
    }

    .join_team_left_wrap p a:hover {
        display: inline-block;
        color: var(--white);
    }

    .join_team_left_wrap .white-btn {
        margin-top: 25px;
        padding: 14px 24px;
    }

    .join_team_right {
        width: 52%;
        text-align: center;
    }

    .join_team_right_wrap {
        background: url(../images/white-curve.png) center no-repeat;
        line-height: 0;
    }

    .join_team_right_wrap img {
        height: 339px;
        object-fit: cover;
        max-width: 271px;
    }

    /* about us page */

    .odd_even_section .odd_even_block {
        background-color: var(--white);
        display: flex;
        padding: 107px 0;
        position: relative;
        z-index: 1;
    }

    .odd_even_section .odd_even_block:nth-child(even) {
        background-color: #F4F4F3;
    }

    .odd_even_section .common_shape::after,
    .home_page_product_section.common_shape::after,
    .our_benefits.common_shape::after {
        bottom: -50px;
    }

    .odd_even_section .common_shape:nth-child(even)::after {
        display: none;
    }

    .odd_even_section .row {
        justify-content: center;
        margin: 0 -38px;
    }

    .odd_even_section .odd_even_block:nth-child(even) .row {
        flex-direction: row-reverse;
    }

    .odd_even_item {
        width: 50%;
        padding: 0 38px;
    }

    .odd_even_item h4 {
        margin-bottom: 15px;
        line-height: 30px;
    }

    .odd_even_item p {
        font-weight: 300;
        font-size: 17px;
        line-height: 26px;
        color: var(--pure-black);
        margin-top: 0;
        margin-bottom: 25px;
    }

    .odd_even_item .red-btn {
        display: inline-block;
        padding: 12px 30px;
    }


    /* benefit section */
    .our_benefits {
        padding: 107px 0;
        background-color: rgba(198, 198, 197, 0.6);
    }

    .our_benefits .heading {
        margin-bottom: 60px;
        text-align: center;
        display: block;
    }

    .our_benefits .row {
        margin: 0 -20px;
        align-items: flex-start;
    }

    .benefit_item {
        width: 33.33%;
        text-align: center;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .benefit_item img {
        margin-bottom: 25px;
        max-height: 90px;
        object-fit: cover;
        width: auto;
    }

    .benefit_item h4 {
        margin-bottom: 10px;
    }

    .benefit_item p {
        font-weight: 300;
        max-width: 286px;
        margin: 0 auto;
    }

    .management_system_section {
        padding: 103px 0;
        background-color: var(--white);
        position: relative;
    }

    .management_system_section::after {
        background: url(../images/management_curve.png) right top no-repeat;
        height: 100%;
        width: 100%;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
    }

    .management_system_section .row {
        justify-content: space-between;
        z-index: 1;
        position: relative;
    }

    .management_system_section .management_left,
    .management_system_section .management_right {
        width: 50%;
    }

    .management_system_section .management_left {
        margin-right: 30px;
        max-width: 606px;
    }

    .management_system_section h2 {
        margin-bottom: 16px;
        max-width: 470px;
    }

    .management_system_section h4 {
        margin-bottom: 30px;
    }

    .management_system_section .highlighted_text {
        font-family: "Poppins-Medium";
        margin-bottom: 0;
        max-width: 380px;
    }

    .management_system_section p {
        font-weight: 300;
        margin: 0;
        margin-bottom: 20px;
    }

    .management_system_section .red-btn {
        padding: 12px 32px
    }

    .our_certifications_section {
        padding: 105px 0;
    }

    .our_certifications_section .heading {
        display: block;
        text-align: center;
        margin-bottom: 50px;
    }

    .our_certifications_section .heading p {
        font-weight: 300;
        max-width: 773px;
        margin: 0 auto;
    }

    .certifications_item h4 {
        margin-bottom: 13px;
        line-height: 25px;
    }

    .certifications_item p {
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.7);
        margin: 0;
    }

    .grid-row {
        border-top: 1px solid #FFFFFF;
        overflow: hidden;

    }

    .grid-row .row {
        border-right: 1px solid #FFFFFF;
        align-items: stretch;
    }

    .certifications_item {
        width: 16.66%;
        text-align: center;
        position: relative;
        padding: 16px 8px;
        border-left: 1px solid #FFFFFF;
        min-height: 160px;
    }

    .certifications_item::after {
        content: "";
        height: 1px;
        width: 100vw;
        position: absolute;
        bottom: 0;
        left: -50vw;
        background-color: #FFFFFF;

    }

    .company_logo_section {
        padding: 60px 0 51px 0;
        background-color: var(--white);
    }

    .company_slider .owl-stage {
        display: flex;
        align-items: center;
    }

    .company_slider.owl-carousel .owl-item .item img {
        max-height: 113px;
        object-fit: cover;
        width: auto;
        margin: 0 auto;
    }

    .common_design_section {
        margin-top: 0;
        background-color: var(--white);
    }

    .common_design_section.design_section::after {
        display: none;
    }

    .service_common_section {
        padding-bottom: 100px;
    }

    .career_odd_even_section p {
        font-family: "Poppins-Medium";
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .career_odd_even_section.odd_even_section .odd_even_block {
        background: #F4F4F3;
    }

    .career_odd_even_section h4 span {
        color: var(--red)
    }

    .career_odd_even_section .row {
        margin: 0 -68px;
    }

    .career_odd_even_section .odd_even_item {
        padding: 0 68px;
    }


    /* requirment_section */
    .requirment_section {
        padding: 100px 0;
    }

    .requirment_section .postion_item {
        max-width: 1020px;
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(182, 182, 182, 0.25);
        display: flex;
        align-items: center;
        margin: 0 auto;
        margin-bottom: 32px;
    }

    .position_image {
        line-height: 0;
        max-height: 177px;
        max-width: 235px;
    }

    .position_image img {
        height: 177px;
        object-fit: cover;
    }

    .postion_detail {
        padding: 37px 51px;
        width: calc(100% - 235px);
    }

    .postion_detail h4 {
        margin-bottom: 5px;
        line-height: 25px;
    }

    .postion_detail p {
        margin-bottom: 9px;
        margin-top: 0;
        font-weight: 300;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .postion_detail .read_more {
        text-decoration: none !important;
    }

    .odd_even_section .odd_even_block:nth-child(odd),
    .page-template-about .odd_even_section .odd_even_block:nth-child(even) {
        background-color: #F4F4F3;
    }

    .odd_even_section .odd_even_block:nth-child(even),
    .page-template-about .odd_even_section .odd_even_block:nth-child(odd) {
        background-color: var(--white);
    }

    .service_odd_even_section .odd_even_item p span {
        font-family: "Poppins-Medium";
        display: block;
    }

    .odd_even_content {
        max-width: 600px;
    }

    .video-container {
        max-width: 840px;
        max-height: 500px;
        border-radius: 4px;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .play-button-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        pointer-events: none;
    }

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


    /* accordion start */
    .accordian_section {
        padding: 105px 0 90px 0;
    }

    .accordian_section .heading {
        text-align: center;
        display: block;
        margin-bottom: 57px;
    }

    .accordian_section .accordian_item {
        margin-bottom: 24px;
        padding: 23px 32px 17px 32px;
        background-color: #fff;
        border-radius: 12px;
        overflow: hidden;
    }

    .accordian_section .accordion {
        color: var(--pure-black);
        background-color: var(--white);
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        transition: all 0.4s;
        margin-bottom: 0;
        position: relative;
        padding-right: 10px;
    }


    .accordian_section .accordion:after {
        content: '';
        margin-left: 5px;
        background: url(../images/arrow.svg) right center no-repeat;
        height: 100%;
        width: 10px;
        display: inline-block;
        position: absolute;
        right: 0;
        transform: rotate(90deg);
        transition: all 0.4s;
        top: 0;
    }

    .accordian_section .accordion.active {
        margin-bottom: 10px;
    }

    .accordian_section .accordion.active:after {
        content: '';
        transform: rotate(-90deg);
    }

    .accordian_section .panel {
        background-color: white;
        transition: max-height 0.4s ease-out;
        display: none;
        padding-top: 15px;
    }

    .accordian_section .panel p {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .accordian_section .panel p:empty {
        display: none
    }

    .accordian_section .row {
        margin: 0 -12px;
        align-items: flex-start;
    }

    .accordian_section .accordian_wrapper {
        width: 50%;
        padding: 0 12px;
    }

    .accordian_section .active .accordion:after {
        transform: rotate(-90deg);
        content: '';
    }

    /* project page */
    .project_section {
        padding: 114px 0 64px 0;
    }

    .project_section.recent_projects_section .project .recent_project_name {
        bottom: 33px;
        text-align: left;
    }

    .project_section .project-item {
        margin-bottom: 50px;
    }

    .project_section .filters {
        margin-bottom: 24px;
    }

    /* calculator page */
    .page_deatil_section {
        padding: 88px 0 100px 0;
    }

    .page_deatil_section .page_deatil_wrap {
        max-width: 748px;
        text-align: center;
        margin: 0 auto;
        font-weight: 300;
    }

    .page_deatil_section .page_deatil_wrap p {
        font-weight: 300;
    }


    /* calculators_section */
    .calculators_section {
        padding-bottom: 100px;
    }

    .calculators_section .row {
        margin: 0 -26px;
    }

    .calculators_section .calculators_item {
        width: 25%;
        padding: 0 26px;
        margin-bottom: 44px;
    }

    .calculators_section .calculators_item a {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        background-color: var(--white);
        border-radius: 12px;
        overflow: hidden;
        display: block;
        position: relative;
    }

    .calculators_block {
        background-size: 196px;
        background-position: center;
        background-repeat: no-repeat;
        background-position-x: 160%;
        background-position-y: 0;
        height: 196px;
        padding: 25px 40px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;

    }

    .calculators_block::before {
        background-color: #fff;
        opacity: 0.9;
        height: 100%;
        width: 100%;
        display: inline-block;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
    }

    .calculator_inner {
        position: relative;
        /* z-index: 1; */
    }

    .calculator_image {
        object-fit: cover;
        filter: blur(0px);
        margin-bottom: 13px;
        max-height: 75px;
    }

    .calculator_inner h4 {
        margin-bottom: 0;
        max-width: 215px;

    }

    .calculator_inner h4 img {
        margin-left: 3px;
    }

    .tab_accordian_section {
        background-color: var(--white);
        padding: 105px 0 120px 0;
    }

    .tab_accordian_section .heading {
        margin-bottom: 50px;
        justify-content: center;
    }

    .tab_accordian_section .accordian_section {
        padding: 0;
    }

    .tab_accordian_section .accordian_section .row {
        margin: 0 -46px;
    }

    .tab_accordian_section .accordian_section .accordian_wrapper {
        padding: 0 46px;
    }

    .tab_accordian_section .accordian_section .accordian_item {
        margin-bottom: 0;
        padding: 20px 0;
        background-color: #fff;
        border-radius: 0px;
        overflow: hidden;
        border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    }

    .tab_accordian_section .accordian_section .accordian_item .panel p,
    .tab_accordian_section .accordian_section .accordian_item .panel a,
    .contact_us_section .contact_detail p,
    .contact_us_section .contact_detail a {
        font-weight: 300;
        font-size: 17px;
        line-height: 26px;
        /* color: var(--pure-black); */
        margin: 0;
        display: block;
    }


    .tab_accordian_section .accordian_section .accordian_item .panel p span,
    .tab_accordian_section .accordian_section .accordian_item .panel a span,
    .contact_us_section .contact_detail p span,
    .contact_us_section .contact_detail a span {
        font-family: "Poppins-Medium";
        margin-right: 5px;
    }

    .contact_us_section .contact_detail h4 {
        margin-bottom: 0;
    }

    .contact_us_section .contact_detail h4 span {
        color: var(--red);
    }

    .contact_us_section .contact_detail {
        max-width: 400px;
        margin-bottom: 40px;
    }

    .contact_us_section .contact_detail .contact_map {
        text-decoration: underline !important;
    }

    .contact_us_section .contact_detail .social_media {
        margin: 0;
        margin-top: 10px;
    }

    .contact_us_section .contact_detail .social_media a {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--pure-black);
        height: 32px;
        width: 32px;
        margin-right: 10px;
    }

    .contact_us_section .contact_detail .social_media a:hover {
        background-color: var(--red);
    }

    .contact_us_section .contact_detail .social_media a img {
        max-height: 18px;
    }

    .contact_us_section .contact_us_left {
        /* background: rgba(226, 226, 226, 0.7); */
        width: 50%;
        position: relative;
        z-index: 1;
        padding: 114px 0 60px 0;
    }

    .contact_us_section {
        background: var(--white);
        position: relative;
        display: flex;
    }

    .contact_us_section .row {
        align-items: flex-start;
    }

    .contact_us_section::before {
        background: rgba(226, 226, 226, 0.7);
        width: 50%;
        position: absolute;
        height: 100%;
        content: "";
        display: inline-block;
    }

    .contact_us_section::after {
        background: #F4F4F3;
        width: 50%;
        position: absolute;
        height: 100%;
        content: "";
        display: inline-block;
        right: 0;
    }

    .contact_us_section .contact_us_right {
        background: #F4F4F3;
        width: 50%;
        position: relative;
        z-index: 1;
        padding: 114px 0 60px 74px;
    }

    .contact_us_section .heading {
        margin-bottom: 40px;
    }


    /* fliter */
    .filters {
        display: flex;
    }

    .filter-title {
        position: relative;
        transition: top 0.5s;
        padding-bottom: 16px;
        margin-top: 16px;
    }

    .filter-title p {
        padding-left: 57px;
        font-size: 17px;
        line-height: 40px;
        position: relative;
        margin: 0;
        background: url("../images/fliter_logo.svg") left center no-repeat;
    }

    .sub-filter {
        visibility: hidden;
        position: absolute;
        top: 130%;
        z-index: 3;
        background: #FFFFFF;
        border-radius: 12px;
        width: 326px;
        border-radius: 12px;
        padding: 12px 69px 25px 33px;
        box-shadow: -4px 13px 16px rgba(207, 207, 207, 0.25);
    }

    .blog_section .sub-filter,
    .project_section .sub-filter {
        background: #F5F5F5;
    }

    .filter-title:hover .sub-filter {
        visibility: visible;
        top: 100%;
        -moz-transition: top .5s ease-in-out;
        -webkit-transition: top 0.5s ease-in-out;
        -moz-transition: top 0.5s ease-in-out;
        -ms-transition: top 0.5s ease-in-out;
        -o-transition: top 0.5s ease-in-out;
        transition: top 0.5s ease-in-out;
    }

    .sub-filter a {
        display: block;
        margin-bottom: 7px;
        transition: 0s;
        text-transform: capitalize;
    }

    .view_all {
        text-decoration: underline !important;
    }

    .banner_with_curve {
        position: relative;
        overflow: inherit;
    }

    .banner_with_curve::before {
        position: absolute;
        height: 100%;
        width: 100%;
        background: url(../images/banner_with_curve.png) right top no-repeat;
        content: "";
        top: -181px;
        right: 0;
    }

    .filter_search_block {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 68px;
    }

    .filter_search_block .search_box {
        max-width: 640px;
    }

    .blog_section {
        background-color: var(--white);
        padding: 95px 0 138px 0;
    }

    .blog_section_inner {
        position: relative;
    }

    .blog_section .blog-item {
        margin-bottom: 118px;
    }

    .page-prev img {
        transform: rotate(180deg);
    }

    .pagination,
    .woocommerce nav.woocommerce-pagination ul {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
    }

    .woocommerce nav.woocommerce-pagination ul li {
        border: 0;
    }

    .pagination a h4,
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        margin-bottom: 00;
        line-height: 20px;
        font-family: 'Bebas Neue';
    }

    .pagination .page-numbers,
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span {
        border: 1px solid #000;
        border-radius: 100%;
        height: 35px;
        width: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 5px;
        font-family: 'Bebas Neue';
        font-size: 17px;
    }

    .pagination .prev,
    .pagination .next,
    .woocommerce nav.woocommerce-pagination ul li .next.page-numbers,
    .woocommerce nav.woocommerce-pagination ul li .prev.page-numbers {
        border: 0;
        width: 25px;
    }

    .pagination .prev,
    .woocommerce nav.woocommerce-pagination ul li .prev.page-numbers {
        transform: rotate(180deg);
    }

    span.page-numbers.current,
    .pagination .page-numbers:hover,
    .woocommerce nav.woocommerce-pagination ul li a:focus,
    .woocommerce nav.woocommerce-pagination ul li a:hover,
    .woocommerce nav.woocommerce-pagination ul li span.current {
        color: var(--red);
        border-color: var(--red);
        background: transparent;
    }

    /* industry page */
    .industries_section {
        padding: 105px 0 79px 0;
    }

    .industries_image {
        position: relative;
        line-height: 0;
    }

    .industries_image::before {
        background: linear-gradient(2.52deg, rgba(0, 0, 0, 0.4) -28.25%, rgba(0, 0, 0, 0) 70.69%);
        display: inline-block;
        height: 100%;
        width: 100%;
        content: "";
        position: absolute;
        bottom: 0;
    }

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

    .industries_standards_section {
        background-color: var(--white);
        padding: 72px 0 79px 0;
    }

    .industries_left,
    .industries_right,
    .industries_standards_left,
    .industries_standards_right {
        width: 50%;
    }

    .indystries_deatil,
    .industries_standards_images {
        max-width: 600px;
    }

    .industries_standards_images {
        display: flex;
        align-items: center;
        margin: 0 -25px;
    }

    .industries_standards_image {
        margin: 0 25px;
    }

    .industries_project_section {
        padding-bottom: 90px;
    }

    .indystries_deatil ul li::marker {
        color: rgba(0, 0, 0);
        font-size: 14px;
    }

    .contact_us_section .gform_wrapper .ginput_container input,
    .contact_us_section .gform_wrapper .ginput_container textarea,
    .contact_us_section .gform_wrapper .ginput_container select,
    .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
        border: 0 !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
        background: transparent;
        border-radius: 0;
        padding: 7px 7px 7px 0 !important;
        font-family: "Poppins";
        accent-color: var(--pure-black)
    }

    .contact_us_section .gform_wrapper .ginput_container input {
        height: 40px;
    }

    .contact_us_section .gform_wrapper label.gfield_label,
    .contact_us_section .gform_wrapper.gravity-theme .gfield_label {
        font-family: "Poppins-Medium";
        font-style: normal;
        font-weight: 500 !important;
        font-size: 17px !important;
        line-height: 24px !important;
        color: #000000;
        margin-top: 18px;
    }

    .contact_us_right .contact_us_form_wrap p a {
        font-family: "Poppins-Medium";
    }

    .contact_us_section p.gform_required_legend {
        display: none;
    }

    .contact_us_section .gform_wrapper.gravity-theme .gform_fields {
        align-items: baseline;
    }

    .contact_us_section .gform_wrapper.gravity-theme .gfield_validation_message,
    .contact_us_section .gform_wrapper.gravity-theme .validation_message {
        background: transparent;
        border: 0 !important;
        margin-top: 0px !important;
        padding: 0 !important;
    }

    .contact_us_section .gform_wrapper.gravity-theme .ginput_complex span {
        margin-bottom: 0;
    }

    .gform_wrapper.gravity-theme .gform_validation_errors {
        display: none;
    }


    .single_page_banner_section {
        position: relative;
        margin-bottom: 77px;
    }

    .single_page_banner_section::after {
        background: url(../images/single_banner_curve.png) right bottom no-repeat;
        height: 100%;
        width: 100%;
        content: "";
        display: inline-block;
    }

    .single_banner {
        padding-top: 256px;
    }

    .single_banner .breadcrumbs {
        margin-bottom: 15px;
    }

    .single_banner .inner_banner_haeading {
        max-width: 790px;
        text-align: left;
        margin-bottom: 0;
    }

    .single_banner .inner_banner_haeading h1 {
        margin-bottom: 10px;
    }

    .inner_banner_haeading h1 {
        font-size: 60px;
        line-height: 72px;
    }

    .single_custom_class .post-thumbnail {
        text-align: center;
    }

    /* shop page */
    .woocommerce .products ul,
    .woocommerce ul.products {
        margin: 0 -7px;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 28px;
    }

    .woocommerce ul.products li.product,
    .woocommerce.woocommerce-page ul.products li.product {
        width: 33.33%;
        margin: 0;
        padding: 0 7px;
        margin-bottom: 53px;
        float: none
    }

    .woocommerce .products li.product .product_image_wrap {
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 12px;
        margin-bottom: 23px;
    }

    .woocommerce .products li.product .product_image_wrap img {
        height: 225px;
        object-fit: cover;
        margin-bottom: 0;
        border-radius: 12px;
    }

    .woocommerce .wcpf-filter-inner .text,
    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3,
    .woocommerce .woocommerce-loop-product__title {
        font-family: 'Bebas Neue';
        font-style: normal;
        font-weight: 400;
        font-size: 25px;
        line-height: 30px;
        text-transform: uppercase;
        color: var(--primary-black);
    }

    .woocommerce .product_sm_details {
        font-family: 'Poppins';
        font-style: normal;
        font-size: 12px;
        line-height: 17px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.7);
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h3,
    .woocommerce .woocommerce-loop-product__title {
        padding: 0;
        margin-bottom: 2px;
    }

    .woocommerce .wcpf-inner .wcpf-checkbox.wcpf-field-title.wcpf-heading-label,
    .woocommerce .wcpf-inner .wcpf-radio.wcpf-field-title.wcpf-heading-label {
        border-bottom: 1px solid var(--primary-black);
    }

    .woocommerce .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label {
        color: var(--primary-black);
    }

    .woocommerce .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked .wcpf-input-container {
        background-color: var(--primary-black);
        border-radius: 4px;
    }

    .woocommerce .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item.checked>.wcpf-checkbox-item-inner>.wcpf-checkbox-label .wcpf-input-container::after,
    .woocommerce .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label:hover {
        border-color: var(--white);
    }

    .woocommerce .wcpf-field-color-list .wcpf-content,
    .woocommerce .wcpf-field-text-list .wcpf-content,
    .woocommerce .wcpf-field-box-list .wcpf-content,
    .woocommerce .wcpf-field-checkbox-list .wcpf-content,
    .woocommerce .wcpf-field-radio-list .wcpf-content,
    .woocommerce .wcpf-field-drop-down-list .wcpf-content,
    .woocommerce .wcpf-field-price-slider .wcpf-content {
        margin-top: 19px;
    }


    .woocommerce .wcpf-icon-android-add:before,
    .woocommerce .wcpf-front-element .wcpf-more-button .wcpf-more-icon:before,
    .woocommerce .wcpf-front-element.wcpf-hierarchical-collapsed .wcpf-item-hierarchical-collapsed.wcpf-item-box-hide>.wcpf-item-inner>.wcpf-item-label .box-item-toggle:before,
    .woocommerce .wcpf-layout-item.wcpf-box-style.wcpf-box-hide .wcpf-heading-label .box-toggle:before,
    .woocommerce .wcpf-field-item.wcpf-box-style.wcpf-box-hide .wcpf-heading-label .box-toggle:before {
        content: '';
        transform: rotate(90deg);
    }

    .woocommerce .wcpf-icon-android-remove:before,
    .woocommerce .wcpf-front-element.wcpf-hide-more-items .wcpf-more-button.wcpf-status-active .wcpf-more-icon:before,
    .woocommerce .wcpf-front-element.wcpf-hierarchical-collapsed .wcpf-item-hierarchical-collapsed .box-item-toggle:before,
    .woocommerce .wcpf-layout-item.wcpf-box-style .wcpf-heading-label .box-toggle:before,
    .woocommerce .wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle:before {
        background: url(../images/arrow.svg) right center no-repeat;
        content: "";
        transform: rotate(-90deg);
        transition: all 0.4s;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .woocommerce span.onsale {
        min-height: auto;
        min-width: auto;
        padding: 10px 5px;
        background-color: var(--red);
        color: #fff;
        font-size: 12px;
        z-index: 1;
        line-height: 18px;
    }

    .woocommerce .woocommerce-result-count,
    .woocommerce-page .woocommerce-result-count {
        width: 100%;
        font-weight: 400;
        font-size: 17px;
        line-height: 26px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        padding-bottom: 10px;
        font-family: "Poppins-Regular";
        margin-bottom: 64px;
    }

    .single-product .shop_page_main {
        padding-top: 225px;
    }

    .shop_details {
        margin: 0 -55px;
    }

    .single-product .shop_details_left,
    .single-product .shop_details_right {
        padding: 0 55px;
    }

    .woocommerce .shop_details_right span.onsale {
        left: 2.5em;
    }

    .accordian_section.product_single_accordian_section {
        padding: 0;
        margin-bottom: 38px;
    }

    .accordian_section.product_single_accordian_section .accordian_wrapper {
        width: 100%;
    }

    .product_single_accordian_section .accordian_item {
        padding: 12px 0;
        border-radius: 0;
        border-bottom: 1px solid #000;
        margin-bottom: 0;
    }

    .product_single_accordian_section .accordian_wrapper {
        padding: 0;
    }

    .product_detail_heading h1 {
        text-align: left;
        font-size: 60px;
        line-height: 74px;
        margin-bottom: 0;
    }

    .product_description_block {
        display: flex;
        align-items: stretch;
        margin-left: -30px;
        flex-wrap: wrap;
        margin-bottom: 48px;
    }

    .product_description {
        width: 33.33%;
        border-right: 1px solid rgba(0, 0, 0, 0.3);
        color: rgba(0, 0, 0, 0.7);
        padding-left: 30px;
        font-weight: 300;
        font-size: 12px;
        font-family: "Poppins";
        text-transform: uppercase;
        margin-bottom: 26px;
        padding-right: 30px;
    }

    .product_description:nth-child(3n) {
        border: 0;
    }

    .product_description b {
        display: block;
        position: relative;
        color: #000;
    }

    .shop_details_left .woocommerce-product-details__short-description {
        margin-bottom: 48px;
    }

    .download_sheet {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .download_sheet p a {
        text-transform: uppercase;
        color: var(--red);
        font-family: "Poppins-Medium";
    }

    .download_sheet .red-btn {
        margin-left: 0;
        padding: 14px 20px;
    }

    .download_sheet p {
        margin-left: 10px;
    }

    .ingle-product-main-image {
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 12px;
    }

    .ingle-product-main-image img {
        height: 492px;
        object-fit: cover;
    }

    #wooswipe .thumbnails {
        overflow: visible;
    }

    .slick-list {
        margin: 0;
    }

    .woocommerce .product .thumbnails .slick-slide img {
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 12px;
        height: 132px;
        object-fit: cover;
    }

    .shop_related_product {
        background-color: var(--white);
        padding: 105px 0;
    }

    .rp_heading {
        max-width: 1410px;
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        margin-bottom: 70px;
    }

    .shop_related_product .container {
        max-width: 100%;
        padding: 0;
    }

    .related_products_items {
        width: calc(1370px + ((100% - 1370px) / 2));
        margin-right: 0;
        margin-left: auto;
    }

    .related.products .product {
        padding-top: 5px;
        padding-left: 5px;
    }

    .shop_details_left li {
        width: 100%;
        margin-bottom: 10px;
    }

    .shop_details_left li:last-child {
        margin-bottom: 0px;
    }

    .shop_details_left li::marker {
        color: rgba(15, 13, 14, 0.7);
    }

    /*.accordian_section .panel p:last-child{
    margin-bottom: 0px;
}
.accordian_section .panel{
    margin-bottom: 10px;
}*/
    .shop_details_left ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .single-product-main-image img {
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 12px;
    }

    .blog .prev.page-numbers img,
    .post-type-archive-product .prev.page-numbers img {
        transform: none;
    }

    .wcpf-field-button .wcpf-button:hover {
        background: #fff;
        color: var(--red);
    }

    .post_content {
        padding-bottom: 30px;
    }

    .resources_section {
        padding: 100px 0;
    }

    .resources_section_inner .row {
        margin: 0 -17px;
        padding-bottom: 44px;
        align-items: flex-start;
    }

    .resources-item {
        width: 25%;
        padding: 0 17px;
        margin-bottom: 16px;
    }

    .resources_image {
        background: rgba(198, 198, 197, 0.2);
        height: 293px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
        position: relative;
        overflow: hidden;
    }

    .resources_image img {
        filter: drop-shadow(0px 4px 4px rgba(81, 81, 81, 0.25));
    }

    .resources_detail .category_list {
        margin-bottom: 17px;
        width: 100%;
    }

    .resources_image .resource_arrow {
        border-radius: 100px;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.11);
        position: absolute;
        background-color: var(--white);
        right: 10px;
        bottom: 10px;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .load_more_button {
        display: block;
        text-align: center;
    }

    .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-input-container {
        border: 1px solid #ABABAB;
    }

    .mejs-controls {
        z-index: 1 !important;
    }

    .single-product .shop_details_left {
        display: flex;
        flex-direction: column;
    }

    .woocommerce-product-details__short-description p {
        margin-bottom: 15px;
    }

    .woocommerce-product-details__short-description p:last-child {
        margin-bottom: 0;
    }

    section.tabbing_section {
        padding: 107px 0;
    }

    .tabbing_main {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .tabbing_left {
        width: 50%;
        padding-right: 25px;
    }

    .tabbing_right {
        width: 50%;
        padding-left: 25px;
    }

    .tabbing_details {
        display: none;
    }

    .tabbing_details.active {
        display: block;
    }

    h4.tabbing_title.active:before {
        content: "";
        margin-left: 5px;
        background: url('../images/arrow.svg') left center no-repeat;
        height: 100%;
        width: 10px;
        display: inline-block;
        position: absolute;
        right: 25px;
        transform: rotate(0deg);
        transition: all 0.4s;
        top: 0;
    }

    h4.tabbing_title {
        padding: 23px 32px 17px 32px;
        background: #fff;
        border-radius: 12px;
        position: relative;
        cursor: pointer;
        border: 2px solid transparent;
        transition: 0.3s;
    }

    h4.tabbing_title.active {
        border: 2px solid var(--red);
        transition: 0.3s;
    }

    .accordian_section.tabbing_mobile {
        display: none;
    }

    .calculator_mian {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .cal-left,
    .cal-right {
        width: 45%;
    }

    .measureinner input[type="number"] {
        width: 100%;
        height: 47px;
        margin-bottom: 0;
        padding: 10px;
    }

    .measureinner {
        padding-bottom: 15px;
    }

    .measureinner label {
        font-weight: 600;
    }

    .measureinfo .measureinner .calc_field {
        width: 100%;
        height: 47px;
        border: 1px solid #1E1E1E;
        align-items: center;
        display: flex;
        padding: 10px;
        color: var(--red);
        font-weight: 600;
    }

    .formula p {
        font-size: 20px;
        line-height: 29px;
        letter-spacing: 0.0369822px;
        color: #EF2D31;
        margin-bottom: 25px;
        margin-top: 15px;
    }

    .formula p {
        margin-top: 15px;
        margin-bottom: 25px;
        font-weight: 600;
        color: var(--red);
    }

    .page-template-resource .prev.page-numbers img {
        transform: rotate(0deg);
    }

    .product_description span a {
        display: block;
    }

    .shop_page_main .search_box {
        max-width: 360px;
        position: relative;
        right: 0;
        top: 24px;
        margin: 0 0 0 auto;
    }

    .shop_page_main .container {
        position: relative;
    }
    .cta_trading .design_section{
        background-size: contain;
    }

        .accordian_section .accordian_wrapper .contact_address {
        max-width: 240px;
    }
    body.postid-243 .design_section.common_design_section {
            background-size: 65%;
    }