*, *::before, *::after {
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box
}

body, html {
    font-family: "Spezia",sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #666;
    font-weight: normal
}

    body::-webkit-scrollbar, html::-webkit-scrollbar {
        width: 3px;
        background: #000
    }

    body::-webkit-scrollbar-track, html::-webkit-scrollbar-track {
        box-shadow: none
    }

    body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
        background-color: #000;
        outline: 0
    }

a[href] {
    text-decoration: none
}

img {
    max-width: 100%;
    display: block
}

.loc_link {
    margin-top: 60px
}

    .loc_link a {
        color: #000;
        display: inline-block;
        padding-bottom: 10px;
        position: relative;
        transition: padding .5s ease 0s !important
    }

        .loc_link a:hover {
            padding-left: 10px
        }

        .loc_link a span, .loc_link a img {
            display: inline-block
        }

        .loc_link a span {
            margin-right: 15px
        }

.hindware_single {
    max-height: 350px;
    overflow: auto;
    padding-right: 30px;
    margin-top: 50px;
}

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

    .hindware_single p {
        margin-bottom: 20px;
    }

        .hindware_single p a {
            color: #c99628;
        }

    .hindware_single::-webkit-scrollbar {
        width: 5px;
    }

    .hindware_single::-webkit-scrollbar-thumb {
        background: #c99628;
    }

    .hindware_single::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

.container-fluid {
    padding: 0 25px;
    display: block;
    margin: 0 auto
}
/*# 360 View S */
.product_img {
    position: relative;
}

.global_view {
    max-width: 45px;
    margin-top: 7px;
}
/*# 360 View E */

@media(max-width: 991px) {
    .container-fluid {
        padding: 0 15px
    }
}

.heading h2 {
    line-height: 40px;
    margin-bottom: 5px;
    color: #000;
    font-family: "Teodor",sans-serif;
    font-weight: normal;
    margin-top: 20px
}

@media(max-width: 767px) {
    .heading h2 {
        line-height: 30px
    }
}

.heading h2 p {
    line-height: 20px
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: "Teodor",sans-serif;
    line-height: normal;
    font-weight: normal
}

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

@media(max-width: 767px) {
    h1 {
        font-size: 30px
    }
}

h2 {
    font-size: 36px
}

@media(max-width: 767px) {
    h2 {
        font-size: 25px
    }
}

h3, h1 {
    font-size: 30px
}

@media(max-width: 767px) {
    h3 {
        font-size: 20px
    }
}

h4 {
    font-size: 25px
}

@media(max-width: 767px) {
    h4 {
        font-size: 18px
    }
}

h5 {
    font-size: 20px
}

@media(max-width: 767px) {
    h5 {
        font-size: 16x
    }
}

h6 {
    font-size: 18px
}

@media(max-width: 767px) {
    h6 {
        font-size: 15px
    }
}

label .fake-checkbox {
    width: 22px;
    height: 20px;
    border: 1px solid #666;
    position: absolute;
    left: 6px;
    top: 8px
}

label input {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

    label input:checked ~ .fake-checkbox {
        background: url("../icons/checkbb.png");
        background-repeat: no-repeat;
        background-position: center
    }

input, select, textarea, button, input[type=button], input[type=text], input[type=email], input[type=tel], input[type=number], input[type=date], input[type=time] {
    font-family: "Spezia",sans-serif;
    font-size: 16px;
    line-height: 22px;
    display: block;
    max-width: 675px;
    width: 100%;
    background: #fff;
    border: 0;
    outline: none
}

.flex {
    display: flex;
    flex-wrap: wrap
}

.custom-scrol::-webkit-scrollbar {
    width: 3px
}

.custom-scrol::-webkit-scrollbar-track {
    box-shadow: none
}

.custom-scrol::-webkit-scrollbar-thumb {
    background-color: #000;
    outline: 0
}

.model-open {
    cursor: pointer
}

.model {
    width: 100%;
    z-index: 999 !important
}

.text-center {
    text-align: center
}

.nav-center .owl-nav button {
    width: 49px;
    height: 49px;
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%)
}

    .nav-center .owl-nav button.owl-prev {
        left: 0
    }

    .nav-center .owl-nav button.owl-next {
        right: 0
    }

    .nav-center .owl-nav button.disabled {
        opacity: .2
    }

div#back-to-top {
    position: fixed;
    left: auto;
    right: -100px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 55px;
    z-index: 1;
    bottom: 25%;
    background: #000;
    padding: 10px;
    cursor: pointer;
    transition: 700ms ease
}

@media(max-width: 675px) {
    div#back-to-top {
        width: 45px;
        height: 45px;
        bottom: 50px
    }
}

div#back-to-top.show {
    right: 10px
}

div#back-to-top svg {
    color: #fff;
    max-width: 18px
}

.social-links ul li {
    display: inline-block;
    vertical-align: middle
}

    .social-links ul li a {
        display: block;
        width: 30px;
        line-height: 0;
        text-align: center;
        margin: 0
    }

        .social-links ul li a svg {
            width: 18px;
            height: 18px;
            display: inline-block;
            transition: 600ms ease
        }

            .social-links ul li a svg path {
                fill: #fff
            }

        .social-links ul li a:hover svg {
            opacity: .8
        }

@media(max-width: 991px) {
    .hide-mobile {
        display: none !important
    }
}

@media(min-width: 992px) {
    .hide-desktop {
        display: none !important
    }
}

.form .form-group {
    position: relative;
    margin-bottom: 20px
}

    .form .form-group .form-control {
        max-width: 767px;
        width: 100%;
        height: 45px;
        font-family: "Spezia",sans-serif;
        font-size: 16px;
        border: 0;
        top: 16px;
        color: #000;
        padding-top: 15px;
        background: rgba(0,0,0,0);
        border-bottom: 1px solid #dbdbdb;
        transition: 700ms ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: ""
    }

        .form .form-group .form-control:-internal-autofill-selected {
            -webkit-box-shadow: 0 0 0 1000px #fff inset
        }

        .form .form-group .form-control option {
            color: #000
        }

        .form .form-group .form-control:focus {
            outline: none;
            border-color: #000
        }

            .form .form-group .form-control:focus ~ label {
                top: -6px;
                font-size: 14px
            }

    .form .form-group.valid label {
        top: -6px;
        font-size: 14px
    }

    .form .form-group .icondoro {
        position: absolute;
        right: 0px;
        line-height: 0;
        top: 0;
        bottom: 0;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .form .form-group textarea.form-control {
        height: 85px;
        max-width: 100%;
        padding-top: 0px;
        border-top: 15px solid transparent;
        resize: none
    }

        .form .form-group textarea.form-control:focus {
            border-top-color: transparent !important;
        }

    .form .form-group label {
        position: absolute;
        left: 0;
        right: 0;
        pointer-events: none;
        line-height: normal;
        transition: 600ms ease;
        display: block;
        color: #000;
        top: 10px;
        padding: 0 0 13px
    }

.ui-datepicker .ui-widget-header {
    background: #000;
    border-color: #000
}

.ui-datepicker .ui-datepicker-title {
    color: #fff;
    font-family: "Spezia",sans-serif
}

.ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-widget-content .ui-state-highlight, .ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    border: 1px solid #000 !important;
    background: #000 !important;
    color: #fff !important;
    text-align: center !important
}

.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-widget-content .ui-state-active {
    border: 1px solid #000 !important;
    background: #000 !important;
    color: #fff !important;
    text-align: center !important
}

.ui-datepicker-calendar * {
    font-family: "Spezia",sans-serif;
    text-align: center !important
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: #000 !important;
    border: 0 !important;
    top: 2px !important;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev {
    left: 1px !important
}

.ui-datepicker .ui-datepicker-next {
    right: 1px !important
}

.ui-datepicker .ui-datepicker-prev span {
    background: url("../icons/prev.png");
    background-repeat: no-repeat
}

.ui-datepicker .ui-datepicker-next span {
    background: url("../icons/next.png");
    background-repeat: no-repeat
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    background: #000;
    border: 0;
    color: #fff;
    text-align: center
}

span.ui-datepicker-year, span.ui-datepicker-month {
    font-family: "Spezia",sans-serif;
    font-weight: normal
}

.ui-datepicker .ui-datepicker-title select {
    font-family: "Spezia",sans-serif
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    filter: invert(1)
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    background: #000
}

    .ui-datepicker .ui-datepicker-title select:focus {
        outline: 0
    }

    .ui-datepicker .ui-datepicker-title select option:hover {
        background: #000
    }

.model .close {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 10px;
    border-radius: 50px;
    background: rgba(0,0,0,0);
    cursor: pointer;
    transition: .5s ease
}

    .model .close img {
        width: 12px
    }

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    pointer-events: none;
    transition: .3s sease
}

.is-open .overlay {
    pointer-events: all;
    opacity: .3
}

.img_hover {
    overflow: hidden
}

    .img_hover img {
        transform: scale(1);
        transition: 1s ease
    }

    .img_hover:hover img {
        transform: scale(1.1)
    }

.video_icon {
    width: 68px;
    height: 68px;
    border: 1px solid #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    cursor: pointer
}

@media(max-width: 767px) {
    .video_icon {
        width: 47px;
        height: 47px
    }
}

.video_icon:before {
    width: 60px;
    height: 60px;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    position: absolute;
    content: "";
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    border-radius: 50%;
    display: block;
    animation: pulse-border 1500ms ease-out infinite
}

@media(max-width: 767px) {
    .video_icon:before {
        width: 47px;
        height: 47px
    }
}

.video_icon img {
    width: auto;
    position: relative
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: .5
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes try_ani {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(100%);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes nblur {
    0% {
        filter: blur(10px)
    }

    100% {
        filter: blur(0)
    }
}

.Model_Video {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    background: #000;
    transform: translateY(100%);
    transition: .5s ease
}

    .Model_Video.is-open {
        transform: translateY(0%)
    }

        .Model_Video.is-open .modelBody iframe {
            display: block
        }

    .Model_Video .modelBody {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .Model_Video .modelBody iframe {
            width: 90%;
            height: 85%;
            border: 0;
            display: none
        }

@media(max-width: 767px) {
    .Model_Video .modelBody iframe {
        width: 100%;
        height: 200px;
        border: 0;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.mob_strip {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 2;
    display: none
}

@media(max-width: 767px) {
    .mob_strip {
        display: block
    }
}

.mob_strip ul {
    display: flex
}

    .mob_strip ul li {
        flex: 0 1 50%;
        max-width: 50%;
        width: 100%
    }


        .mob_strip ul li:nth-child(2) {
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc
        }

        .mob_strip ul li:last-child {
            border-right: none
        }

        .mob_strip ul li a {
            color: #fff;
            display: block;
            text-align: center;
            padding: 7px 0;
            font-size: 14px
        }

.link-btn a {
    display: inline-block;
    color: #fff;
    padding: 13px 0;
    border-bottom: 1px solid #fff
}

@media(max-width: 991px) {
    .link-btn a {
        font-size: 14px
    }
}

.link-btn a span, .link-btn a img {
    display: inline-block;
    vertical-align: middle
}

.link-btn a span {
    padding-right: 28px
}

.link-btn.text-upp a {
    text-transform: capitalize
}

.no-banner main {
    /*margin-top: 83px*/
    margin-top: 65px
}

@media(max-width: 520px) {
    .no-banner main {
        margin-top: 50px
    }
}

.etalage img {
    -o-object-fit: cover;
    object-fit: cover
}

@keyframes blink {
    0% {
        background: #000;
        color: #fff
    }

    50% {
        background: #fff;
        color: #000
    }

    100% {
        background: #000;
        color: #fff
    }
}

.bg-new img {
    height: auto !important
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition: .5s ease
}

@media(max-width: 991px) {
    header {
        padding: 10px 0
    }
}

header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 0;
    background: #000;
    opacity: .8;
    transition: .5s ease
}

@media(max-width: 1140px) {
    header.header-fixed, header:hover, header.hover {
        padding: 8px 0
    }
}

header.header-fixed::before, header:hover::before, header.hover::before {
    height: 100%
}

header.header-fixed .custom-logo a, header:hover .custom-logo a, header.hover .custom-logo a {
    max-width: 150px
}

header .header-wrapper {
    position: relative
}

    header .header-wrapper .container-fluid {
        padding: 0 35px
    }

@media(max-width: 1300px) {
    header .header-wrapper .container-fluid {
        padding: 0 15px
    }
}

header .header-wrapper .container-fluid > .flex {
    align-items: center
}

header .header-wrapper .flex .col1 {
    flex: 0 1 220px;
    max-width: 220px;
    width: 100%
}

@media(max-width: 1300px) {
    header .header-wrapper .flex .col1 {
        flex: 0 1 200px;
        max-width: 200px
    }
}

@media(max-width: 520px) {
    header .header-wrapper .flex .col1 {
        flex: 0 1 120px;
        max-width: 120px
    }
}

header .header-wrapper .flex .col2 {
    flex: 1
}

header .dropdown-full-navigation {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    transform: translateY(0%);
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .5s ease
}

    header .dropdown-full-navigation .dropdown-full-bg {
        background: #fff;
        padding: 25px 35px
    }

        header .dropdown-full-navigation .dropdown-full-bg .flex {
            position: relative;
            z-index: 1;
            margin: 0 auto
        }

        header .dropdown-full-navigation .dropdown-full-bg .aside-left {
            flex: 0 1 100%;
            max-width: 100%;
            width: 100%
        }

        header .dropdown-full-navigation .dropdown-full-bg .aside-right {
            flex: 0 1 35%;
            max-width: 35%
        }

        header .dropdown-full-navigation .dropdown-full-bg .dropdown-flex {
            display: flex;
            flex: 0 1 100%;
            max-width: 100%
        }

            header .dropdown-full-navigation .dropdown-full-bg .dropdown-flex .nav-col {
                flex-grow: 1;
                flex: 1
            }

                header .dropdown-full-navigation .dropdown-full-bg .dropdown-flex .nav-col:last-child {
                    flex: 0 1 auto;
                    max-width: none;
                    width: 230px
                }

            header .dropdown-full-navigation .dropdown-full-bg .dropdown-flex .nav-link .dropdown-menu li {
                display: block
            }

                header .dropdown-full-navigation .dropdown-full-bg .dropdown-flex .nav-link .dropdown-menu li a {
                    display: block;
                    color: #333;
                    padding: 2px 0;
                    transition: .5s ease;
                    font-size: 14px;
                }

                    header .dropdown-full-navigation .dropdown-full-bg .dropdown-flex .nav-link .dropdown-menu li a:hover {
                        padding-left: 5px;
                        color: #666
                    }

        header .dropdown-full-navigation .dropdown-full-bg .filter_btn .btn {
            display: block;
            background: #000;
            color: #fff;
            padding: 8px 0;
            text-transform: capitalize;
            font-size: 15px;
            cursor: pointer;
            border: 1px solid #000;
            transition: .5s ease
        }

            header .dropdown-full-navigation .dropdown-full-bg .filter_btn .btn:hover {
                background: #fff;
                color: #000
            }

header .nav-link h3 {
    color: #000;
    font-size: 18px;
    margin-bottom: 8px;
    font-family: "Spezia",sans-serif
}

@media(max-width: 1230px) {
    header .nav-link h3 {
        font-size: 18px;
        font-weight: 600
    }
}

header .nav-link h3 a {
    color: inherit !important;
    font-size: inherit;
    font-family: inherit
}

header .nav-slider {
    margin-top: 15px
}

    header .nav-slider .bg {
        position: relative
    }

        header .nav-slider .bg a {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 1
        }

        header .nav-slider .bg .text {
            position: absolute;
            bottom: 45px;
            z-index: 1;
            left: 0;
            right: 0;
            text-align: center
        }

            header .nav-slider .bg .text p, header .nav-slider .bg .text span {
                color: #fff;
                font-family: "Teodor",sans-serif
            }

            header .nav-slider .bg .text p {
                font-size: 16px;
                line-height: 16px
            }

            header .nav-slider .bg .text span {
                font-size: 12px;
                line-height: 14px
            }

        header .nav-slider .bg::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 40%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7215686275), transparent)
        }

    header .nav-slider .owl-dots {
        position: absolute;
        bottom: 15px;
        left: 0;
        right: 0;
        text-align: center
    }

        header .nav-slider .owl-dots button.owl-dot {
            width: 8px;
            height: 8px;
            display: inline-block;
            background: #fff;
            opacity: .6;
            border-radius: 10px;
            margin: 0 3px
        }

            header .nav-slider .owl-dots button.owl-dot.active {
                opacity: 1
            }

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

    .title_finder_drop .drop_select p {
        font-size: 18px;
        margin-bottom: 2px;
        color: #000;
        font-family: "Teodor",sans-serif
    }

    .title_finder_drop .drop_select select {
        background: #fff;
        color: #666;
        font-size: 15px;
        padding: 10px 8px;
        border: 1px solid #666
    }

        .title_finder_drop .drop_select select::-webkit-scrollbar {
            width: 3px
        }

        .title_finder_drop .drop_select select::-webkit-scrollbar-track {
            box-shadow: none
        }

        .title_finder_drop .drop_select select::-webkit-scrollbar-thumb {
            background-color: #000;
            outline: 0
        }

.custom-logo {
    line-height: 0
}

    .custom-logo a {
        display: inline-block;
        max-width: 185px;
        width: 100%;
        transition: .5s ease
    }

        .custom-logo a img {
            display: block
        }

.custom-navigation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-right: 52px;
    width: 100%;
    margin-left: auto;
    margin-right: 0
}

@media(max-width: 1300px) {
    .custom-navigation {
        padding-right: 35px
    }
}

@media(max-width: 1140px) {
    .custom-navigation {
        padding-right: 88px;
        text-align: right;
        display: block
    }
}

.custom-navigation ul li {
    display: inline-block
}

@media(max-width: 991px) {
    .custom-navigation ul li:first-child {
        display: none
    }
}

.custom-navigation ul li a {
    display: inline-block;
    color: #fff;
    padding-right: 28px;
    position: relative
}

@media(max-width: 1366px) {
    .custom-navigation ul li a {
        padding-right: 15px
    }
}

@media(max-width: 991px) {
    .custom-navigation ul li a {
        margin-right: 20px
    }
}

.custom-navigation .single_dropdwon {
    position: absolute;
    top: 91%;
    left: 0;
    width: 210px;
    padding-top: 5px;
    transform: translateY(0%);
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .5s ease
}

    .custom-navigation .single_dropdwon ul {
        background: #fff;
        padding: 8px 0;
        box-shadow: 0 10px 10px 1px rgba(51,51,51,.1882352941)
    }

        .custom-navigation .single_dropdwon ul li {
            display: block
        }

            .custom-navigation .single_dropdwon ul li a {
                color: #333;
                display: block;
                color: #333;
                padding: 4px 10px;
                background: #fff;
                transition: .5s ease
            }

                .custom-navigation .single_dropdwon ul li a:hover {
                    background: #000;
                    color: #fff
                }

@media(max-width: 1140px) {
    .custom-navigation .navigation {
        display: none
    }
}

.custom-navigation .navigation ul li.has-dropdown {
    position: relative;
    padding: 20px 5px;
    margin-right: 20px;
    transition: .8s ease
}

@media(max-width: 1366px) {
    .custom-navigation .navigation ul li.has-dropdown {
        margin-right: 12px
    }
}

.custom-navigation .navigation ul li.has-dropdown > a::after {
    content: "";
    position: absolute;
    right: 0;
    top: 6px;
    width: 13px;
    height: 13px;
    background: url("../icons/down_arrow.png");
    background-repeat: no-repeat;
    background-position: center;
    transition: .5s ease
}

.custom-navigation .navigation ul li.has-dropdown:hover {
    background: #fff
}

    .custom-navigation .navigation ul li.has-dropdown:hover > a {
        color: #000
    }

        .custom-navigation .navigation ul li.has-dropdown:hover > a::after {
            filter: grayscale(1) brightness(0)
        }

    .custom-navigation .navigation ul li.has-dropdown:hover .single_dropdwon {
        transform: translateY(0%);
        opacity: 1;
        pointer-events: all;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

.custom-navigation .navigation ul li.full-dropdown {
    position: static;
    background: rgba(0,0,0,0);
    transition: .8s ease
}

.custom-navigation .navigation ul li.isOpendorop .dropdown-full-navigation {
    transform: translateY(0%);
    opacity: 1;
    pointer-events: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media(max-width: 675px) {
    .custom-navigation .navigation-quick {
        display: none
    }
}

.custom-navigation .navigation-quick ul li {
    vertical-align: middle
}

@media(min-width: 992px) {
    .custom-navigation .navigation-quick ul li a {
        font-size: 14px;
        padding-right: 20px
    }
}

@media(max-width: 1366px) {
    .custom-navigation .navigation-quick ul li a {
        padding-right: 15px
    }
}

.custom-navigation .navigation-quick ul li a img, .custom-navigation .navigation-quick ul li a span {
    display: inline-block;
    vertical-align: middle
}

.custom-navigation .navigation-quick ul li a span {
    padding-left: 10px
}

.custom-navigation .navigation-quick ul li .HeadWishLis {
    background: rgba(0,0,0,0);
    display: block;
    line-height: 0;
    margin-right: 8px;
    width: auto;
    max-width: none;
    position: relative
}

    .custom-navigation .navigation-quick ul li .HeadWishLis svg {
        width: 23px
    }

    .custom-navigation .navigation-quick ul li .HeadWishLis span.Total_Count_herader {
        position: absolute;
        left: 0;
        right: 0;
        top: 12px;
        color: #fff;
        font-size: 10px
    }

.custom-navigation .Navi_Ser_Humb {
    position: absolute;
    right: 35px;
    width: 45px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media(max-width: 1300px) {
    .custom-navigation .Navi_Ser_Humb {
        right: 10px
    }
}

@media(max-width: 1140px) {
    .custom-navigation .Navi_Ser_Humb {
        right: 15px;
        width: 90px
    }
}

.menu-trigger {
    width: 35px;
    height: 45px;
    margin-left: 20px;
    display: none
}

@media(max-width: 1140px) {
    .menu-trigger {
        display: flex;
        align-items: center
    }
}

.menu-trigger span {
    position: relative;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff
}

    .menu-trigger span::before, .menu-trigger span::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background: #fff
    }

    .menu-trigger span::before {
        top: -7px
    }

    .menu-trigger span::after {
        bottom: -7px
    }

.modelPop.model-seach, .model-searchcss {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    overflow: hidden;
    transform: translateY(20%);
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: .5s ease;
    z-index: 3
}

    .modelPop.model-seach .close_model, .model-searchcss .close_model {
        z-index: 2;
        top: 26px;
        right: 35px
    }

@media(max-width: 675px) {
    .modelPop.model-seach .close_model, .model-searchcss .close_model {
        top: 10px;
        right: 10px
    }
}

.modelPop.model-seach .close_model::before, .model-searchcss .close_model::before {
    content: "Close";
    position: absolute;
    right: 100%;
    top: 4px;
    font-style: italic
}

@media(max-width: 675px) {
    .modelPop.model-seach .close_model::before, .model-searchcss .close_model::before {
        content: "Close";
        position: absolute;
        right: 100%;
        top: 4px;
        font-style: italic
    }
}

.modelPop.model-seach .close_model img, .model-searchcss .close_model img {
    width: 19px
}

.modelPop.model-seach.is-open, .model-searchcss.is-open {
    transform: translateY(0%);
    opacity: 1;
    pointer-events: all
}

.modelPop.model-seach .model-body, .model-searchcss .model-body {
    height: 100%
}

    .modelPop.model-seach .model-body .search-model-wrapper, .model-searchcss .model-body .search-model-wrapper {
        height: 100%;
        overflow-y: scroll;
        position: relative;
        z-index: 1
    }

        .modelPop.model-seach .model-body .search-model-wrapper::-webkit-scrollbar, .model-searchcss .model-body .search-model-wrapper::-webkit-scrollbar {
            width: 3px
        }

        .modelPop.model-seach .model-body .search-model-wrapper::-webkit-scrollbar-track, .model-searchcss .model-body .search-model-wrapper::-webkit-scrollbar-track {
            box-shadow: none
        }

        .modelPop.model-seach .model-body .search-model-wrapper::-webkit-scrollbar-thumb, .model-searchcss .model-body .search-model-wrapper::-webkit-scrollbar-thumb {
            background-color: #000;
            outline: 0
        }

    .modelPop.model-seach .model-body .model-bg, .model-searchcss .model-body .model-bg {
        background: #fff
    }

.model-search-header {
    position: sticky;
    top: 0;
    z-index: 11;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e7e7e7
}

    .model-search-header .search-box {
        max-width: 1024px;
        width: 100%;
        margin: 0 auto
    }

        .model-search-header .search-box .search-form {
            padding: 15px
        }

@media(max-width: 675px) {
    .model-search-header .search-box .search-form {
        padding: 0
    }
}

.model-search-header .search-box .search-form .search-input {
    max-width: 100%;
    width: 100%;
    border: 0;
    padding: 5px 0px;
    padding-top: 20px;
    padding-bottom: 0;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
    height: auto;
    top: 16px;
    color: #000;
    transition: .5s ease
}

@media(max-width: 675px) {
    .model-search-header .search-box .search-form .search-input {
        padding: 0 15px;
        text-align: left;
        font-size: 15px
    }
}

.model-search-header .search-box .search-form .search-input:focus ~ label {
    top: 5px;
    font-size: 16px
}

@media(max-width: 675px) {
    .model-search-header .search-box .search-form .search-input:focus ~ label {
        display: none
    }
}

.model-search-header .search-box .search-form label {
    display: block;
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0;
    font-size: 20px;
    color: #a1a1a1;
    letter-spacing: .5px;
    text-align: center;
    font-style: italic;
    pointer-events: none;
    transition: .5s ease
}

@media(max-width: 675px) {
    .model-search-header .search-box .search-form label {
        font-size: 14px;
        top: 14px;
        text-align: left;
        padding: 0 15px
    }
}

.model-search-header .search-box .search-form .form-group {
    position: relative;
    margin: 0
}

    .model-search-header .search-box .search-form .form-group.valid label {
        top: 5px;
        font-size: 16px
    }

@media(max-width: 675px) {
    .model-search-header .search-box .search-form .form-group.valid label {
        display: none
    }
}

@media(min-width: 1200px) {
    .model-searchcss {
        background: rgba(0,0,0,0)
    }
}

@media(min-width: 1200px) {
    .model-searchcss .model-body {
        position: relative;
        background: #fff
    }
}

.model-search-body {
    padding: 15px 0
}

@media(max-width: 520px) {
    .model-search-body {
        padding: 8px 0
    }
}

.model-search-body .HindI-Search-Result {
    display: none
}

    .model-search-body .HindI-Search-Result .flex .col {
        flex: 0 1 20%;
        max-width: 20%;
        width: 100%;
        padding: 8px;
        position: relative
    }

@media(max-width: 675px) {
    .model-search-body .HindI-Search-Result .flex .col {
        flex: 0 1 33.33%;
        max-width: 33.33%;
        padding: 5px
    }
}

@media(max-width: 520px) {
    .model-search-body .HindI-Search-Result .flex .col {
        flex: 0 1 50%;
        max-width: 50%
    }
}

.model-search-body .HindI-Search-Result a.remove_wishlist {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 10px;
    padding: 8px
}

    .model-search-body .HindI-Search-Result a.remove_wishlist img {
        width: 12px
    }

.model-search-body .HindI-Search-Result a {
    display: block;
    background: #fff
}

@media(max-width: 675px) {
    .model-search-body .HindI-Search-Result a {
        background: #fff;
        border: 1px solid #f1f1f1;
        padding: 0 0 10px
    }
}

.model-search-body .HindI-Search-Result a .card {
    display: block;
    position: relative
}

    .model-search-body .HindI-Search-Result a .card figure img {
        width: 100%;
        display: block
    }

    .model-search-body .HindI-Search-Result a .card .text {
        text-align: center;
        padding-top: 10px
    }

        .model-search-body .HindI-Search-Result a .card .text p {
            color: #000;
            line-height: 18px
        }

@media(max-width: 675px) {
    .model-search-body .HindI-Search-Result a .card .text p {
        font-size: 14px
    }
}

.model-search-body .HindI-Search-Result a .card .text span {
    color: #000;
    line-height: 16px;
    display: block;
    font-size: 12px
}

.model-search-body .HindI-Search-NoResult {
    padding: 3rem 0
}

    .model-search-body .HindI-Search-NoResult .content {
        text-align: center
    }

        .model-search-body .HindI-Search-NoResult .content p {
            color: #666;
            font-family: "Teodor",sans-serif;
            font-size: 20px;
            text-transform: capitalize
        }

@media(max-width: 991px) {
    span.ShopNow.Send_Enquiry {
        display: none
    }
}

.wish_titleMo label {
    display: inline-block;
    text-align: left;
    padding: 35px 30px 30px;
    font-size: 36px;
    color: #000;
    font-family: "Teodor",sans-serif
}

@media(max-width: 520px) {
    .wish_titleMo label {
        padding: 18px 8px;
        font-size: 26px
    }
}

.model-wishlist .model-search-header {
    position: reltive
}

    .model-wishlist .model-search-header .wish_titleMo, .model-wishlist .model-search-header .wislNoePorAdd {
        display: inline-block
    }

    .model-wishlist .model-search-header .btnCheckWishlist {
        position: absolute;
        right: 155px;
        top: 26px
    }

@media(max-width: 520px) {
    .model-wishlist .model-search-header .btnCheckWishlist {
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        border-radius: 0;
        animation: none;
        background: #000
    }
}

.model-wishlist .model-search-header .btnCheckWishlist .btn {
    padding: 6px 30px;
    border-radius: 35px;
    cursor: pointer;
    border: 1px solid #666;
    background: rgba(0,0,0,0);
    transition: none;
    color: #000;
    animation: blink 1s cubic-bezier(0.57, 1.32, 0, 1.07) infinite
}

@media(max-width: 520px) {
    .model-wishlist .model-search-header .btnCheckWishlist .btn {
        animation: none;
        color: #fff;
        border: 0;
        padding: 10px 30px
    }
}

.model-wishlist .model-search-header .btnCheckWishlist .btn:hover {
    background: #000;
    color: #fff;
    animation: none
}

.model-wishlist .model-search-header .wislNoePorAdd {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 33px
}

@media(max-width: 520px) {
    .model-wishlist .model-search-header .wislNoePorAdd {
        position: static;
        transform: none;
        display: none !important
    }
}

.model-wishlist .model-search-header .wislNoePorAdd p {
    font-size: 22px;
    text-transform: capitalize
}

@media(max-width: 520px) {
    .model-search-footer .search-footer-wrap {
        padding: 0 8px
    }
}

.model-search-footer .search-footer-wrap .title {
    margin-bottom: 20px
}

    .model-search-footer .search-footer-wrap .title h3 {
        display: inline-block
    }

.model-search-footer .search-footer-wrap .randSlidersearch .item {
    position: relative
}

    .model-search-footer .search-footer-wrap .randSlidersearch .item a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }

    .model-search-footer .search-footer-wrap .randSlidersearch .item figure {
        display: block;
        position: relative
    }

        .model-search-footer .search-footer-wrap .randSlidersearch .item figure::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6901960784), rgba(0, 0, 0, 0.6901960784), transparent);
            height: 50%
        }

    .model-search-footer .search-footer-wrap .randSlidersearch .item .content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 45px 20px;
        text-align: center
    }

        .model-search-footer .search-footer-wrap .randSlidersearch .item .content h4 {
            color: #fff;
            margin-bottom: 8px
        }

.no-banner header::before {
    height: 100%
}

.overlaybgMouse {
    height: 100vh;
    width: 75vw
}

.banner {
    position: relative
}

    .banner .bg {
        line-height: 0
    }

        .banner .bg.overlay-left::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 50%;
            background: linear-gradient(to right, rgba(0, 0, 0, 0.7411764706), rgba(0, 0, 0, 0.7882352941), transparent);
            opacity: .95;
            z-index: 2
        }

@media(max-width: 675px) {
    .banner .bg.overlay-left::before {
        background: linear-gradient(to top, rgb(0, 0, 0), rgb(0, 0, 0), transparent);
        opacity: .55;
        width: 100%
    }
}

.banner .bg.overlay-top::after {
    content: "";
    position: absolute;
    top: 0;
    height: 30%;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6196078431), rgba(0, 0, 0, 0.631372549), transparent);
    opacity: .95;
    z-index: 2
}

.banner .bg.overlay-bottom::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 40%;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5411764706), rgba(0, 0, 0, 0.5294117647), transparent);
    opacity: .95;
    z-index: 2
}

.banner .bg.overlayTB::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 40%;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5411764706), rgba(0, 0, 0, 0.5294117647), transparent);
    opacity: .95;
    z-index: 2
}

.banner .bg img, .banner .bg video {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 1140px) {
    .banner .bg img, .banner .bg video {
        height: auto
    }
}

@media(max-width: 675px) {
    .banner .bg img, .banner .bg video {
        height: 360px
    }
}

.banner .banner-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

    .banner .banner-wrapper .container-fluid {
        height: 100%;
        display: flex;
        flex-wrap: wrap
    }

        .banner .banner-wrapper .container-fluid.left-center {
            align-items: center;
            justify-content: left
        }

        .banner .banner-wrapper .container-fluid.left-bottom {
            align-items: flex-end;
            justify-content: left
        }

        .banner .banner-wrapper .container-fluid.left-top {
            align-items: flex-start;
            justify-content: left
        }

        .banner .banner-wrapper .container-fluid.right-center {
            align-items: center;
            justify-content: flex-end
        }

        .banner .banner-wrapper .container-fluid.right-bottom {
            align-items: center;
            justify-content: flex-end
        }

        .banner .banner-wrapper .container-fluid.center {
            align-items: center;
            justify-content: center
        }

        .banner .banner-wrapper .container-fluid.bottom-center {
            justify-content: center;
            align-items: flex-end
        }

.home-banner .container-fluid {
    padding-left: 85px
}

.banner-content.storelocator {
    padding-bottom: 0 !important;
}

@media(max-width: 1140px) {
    .home-banner .container-fluid {
        padding-left: 70px
    }
}

@media(max-width: 991px) {
    .home-banner .container-fluid {
        padding-left: 25px
    }
}

@media(max-width: 675px) {
    .home-banner .container-fluid {
        padding: 0 15px
    }
}

.home-banner .banner-content {
    position: relative;
    padding-bottom: 108px;
    margin-bottom: 108px
}

@media(max-width: 1140px) {
    .home-banner .banner-content {
        margin: 0;
        padding-bottom: 75px
    }
}

@media(max-width: 991px) {
    .home-banner .banner-content {
        padding: 0
    }
}

.home-banner .content {
    max-width: 420px
}

@media(max-width: 1140px) {
    .home-banner .content {
        max-width: 300px
    }
}

@media(max-width: 675px) {
    .home-banner .content {
        margin-bottom: 20%
    }
}

@media(max-width: 520px) {
    .home-banner .content {
        max-width: 297px;
        margin-bottom: 10%
    }
}

.home-banner .content h1, .home-banner .content p {
    color: #fff
}

.home-banner .content h1 {
    font-size: 85px;
    font-family: "Teodor",sans-serif;
    margin-bottom: 22px;
    white-space: nowrap
}

@media(min-width: 992px) {
    .home-banner .content h1 {
        white-space: normal;
        font-size: 48px;
        font-family: "Teodor";
        margin-bottom: 5px
    }
}

@media(min-width: 992px) {
    .home-banner .content h1 {
        opacity: 1;
        transform: translate(0);
        letter-spacing: normal;
        transition: 1s ease 0s
    }
}

@media(max-width: 1140px) {
    .home-banner .content h1 {
        font-size: 74px;
        margin-bottom: 15px
    }
}

@media(max-width: 991px) {
    .home-banner .content h1 {
        font-size: 55px;
        margin-bottom: 10px;
        white-space: normal
    }
}

@media(max-width: 520px) {
    .home-banner .content h1 {
        font-size: 35px;
        margin-bottom: 5px;
        line-height: 1.2
    }
}

.home-banner .content p {
    font-family: "Teodor",sans-serif;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0px
}

@media(min-width: 992px) {
    .home-banner .content p {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 22px;
        padding-right: 30px;
        font-family: "Spezia",sans-serif
    }
}

@media(min-width: 992px) {
    .home-banner .content p {
        opacity: 1;
        transform: translate(0);
        transition: .7s ease .4s
    }
}

@media(max-width: 1140px) {
    .home-banner .content p {
        font-size: 18px;
        margin-bottom: 10px
    }
}

@media(max-width: 520px) {
    .home-banner .content p {
        font-size: 16px;
        margin-bottom: 6px;
        line-height: 22px
    }
}

@media(max-width: 675px) {
    .home-banner .loc_link {
        margin-top: 20px
    }
}

.home-banner .loc_link a {
    color: #fff;
    text-transform: capitalize
}

@media(min-width: 992px) {
    .home-banner .loc_link a {
        opacity: 1;
        letter-spacing: normal;
        transition: 1s ease .8s
    }
}

@media(max-width: 520px) {
    .home-banner .loc_link a {
        padding: 0 0 5px;
        font-size: 12px
    }
}

.home-banner .loc_link a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff
}

.home-banner .loc_link a::after {
    background: #000
}

.home-banner .banner_dots {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    .home-banner .banner_dots {
        display: none
    }
}

.home-banner .banner_dots .video_icon {
    width: 40px;
    height: 40px;
    margin-right: 30px
}

    .home-banner .banner_dots .video_icon::before {
        width: 40px;
        height: 40px
    }

.home-banner .banner_dots .banner-dot {
    display: flex
}

    .home-banner .banner_dots .banner-dot button.owl-dot {
        display: inline-block;
        width: 12px;
        height: 12px;
        background: rgba(0,0,0,0);
        margin: 0 6px;
        border-radius: 25px;
        border: 1px solid #fff;
        cursor: pointer
    }

        .home-banner .banner_dots .banner-dot button.owl-dot.active {
            background: #fff
        }

@media(min-width: 992px) {
    .home-banner .content.banner_anim h1 {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@media(min-width: 992px) {
    .home-banner .content.banner_anim p {
        opacity: 0;
        transform: translateY(100%)
    }
}

@media(min-width: 992px) {
    .home-banner .content.banner_anim .loc_link a {
        letter-spacing: 5px;
        opacity: 0
    }
}

.Hindware-Home-sec-A {
    padding: 30px 15px;
    background: #fff
}

@media(max-width: 767px) {
    .Hindware-Home-sec-A {
        padding: 45px 0;
        position: relative
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-A {
        padding: 30px 0 0
    }
}

.Hindware-Home-sec-A .heading {
    max-width: 840px;
    margin: 0 auto;
    padding-bottom: 30px
}

@media(max-width: 675px) {
    .Hindware-Home-sec-A .heading {
        padding: 0 20px 30px
    }
}

@media(min-width: 992px) {
    .Hindware-Home-sec-A .heading h2 {
        transform: translateY(25%);
        opacity: 0;
        transition: .7s ease .5s
    }
}

@media(min-width: 992px) {
    .Hindware-Home-sec-A .heading p {
        transform: translateY(25%);
        opacity: 0;
        transition: .7s ease .7s;
        line-height: 1.3
    }
}

.Hindware-Home-sec-A .tab-SecA {
    margin-bottom: 25px;
    padding-left: 8px
}

@media(max-width: 1300px) {
    .Hindware-Home-sec-A .tab-SecA {
        margin-bottom: 15px
    }
}

@media(max-width: 675px) {
    .Hindware-Home-sec-A .tab-SecA {
        padding: 0
    }
}

.Hindware-Home-sec-A .tab-SecA ul .owl-stage {
    display: flex;
    flex-wrap: nowrap
}

.Hindware-Home-sec-A .tab-SecA ul li {
    display: block;
    font-family: "Teodor",sans-serif;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    opacity: .7;
    transition: .5s ease;
    padding: 10px 0 6px;
    position: relative;
    white-space: nowrap
}

    .Hindware-Home-sec-A .tab-SecA ul li::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        background: #000;
        width: 100%;
        transform: scaleX(0);
        transform-origin: right center;
        transition: transform .3s cubic-bezier(0.4, 0, 0, 1)
    }

    .Hindware-Home-sec-A .tab-SecA ul li.active, .Hindware-Home-sec-A .tab-SecA ul li:hover {
        opacity: 1
    }

        .Hindware-Home-sec-A .tab-SecA ul li.active::after, .Hindware-Home-sec-A .tab-SecA ul li:hover::after {
            transform: scaleX(1);
            transform-origin: left center
        }

    .Hindware-Home-sec-A .tab-SecA ul li:not(:last-child) {
        margin-right: 25px
    }

@media(max-width: 1300px) {
    .Hindware-Home-sec-A .tab-SecA ul li:not(:last-child) {
        margin-right: 15px
    }
}

@media(max-width: 675px) {
    .Hindware-Home-sec-A .tab-SecA ul li:not(:last-child) {
        margin-right: 12px
    }
}

.Hindware-Home-sec-A .tab-SecA .owl-carousel.home-tab-Slider {
    padding: 0 25px
}

    .Hindware-Home-sec-A .tab-SecA .owl-carousel.home-tab-Slider.nav-center .owl-nav button {
        width: auto
    }

        .Hindware-Home-sec-A .tab-SecA .owl-carousel.home-tab-Slider.nav-center .owl-nav button.owl-prev {
            left: -8px
        }

@media(max-width: 675px) {
    .Hindware-Home-sec-A .tab-SecA .owl-carousel.home-tab-Slider.nav-center .owl-nav button.owl-prev {
        left: 0
    }
}

.Hindware-Home-sec-A .tab-SecA .owl-carousel.home-tab-Slider.nav-center .owl-nav button.owl-next {
    right: -8px
}

@media(max-width: 675px) {
    .Hindware-Home-sec-A .tab-SecA .owl-carousel.home-tab-Slider.nav-center .owl-nav button.owl-next {
        right: 0
    }
}

.Hindware-Home-sec-A .flex .col1 {
    flex: 1
}

@media(max-width: 767px) {
    .Hindware-Home-sec-A .flex .col1 {
        display: none
    }
}

.Hindware-Home-sec-A .flex .col2 {
    max-width: 450px;
    width: 100%;
    padding-left: 8px
}

@media(max-width: 1230px) {
    .Hindware-Home-sec-A .flex .col2 {
        max-width: 380px
    }
}

@media(max-width: 991px) {
    .Hindware-Home-sec-A .flex .col2 {
        max-width: 350px
    }
}

@media(max-width: 767px) {
    .Hindware-Home-sec-A .flex .col2 {
        flex: 0 1 100%;
        max-width: 100%;
        width: 100%;
        order: 0;
        padding: 0
    }
}

.Hindware-Home-sec-A .floreTile_bg {
    position: relative;
    position: sticky;
    top: 75px
}

@media(max-width: 1230px) {
    .Hindware-Home-sec-A .floreTile_bg {
        height: 100%
    }
}

.Hindware-Home-sec-A .floreTile_bg .bg {
    position: relative
}

@media(max-width: 1230px) {
    .Hindware-Home-sec-A .floreTile_bg .bg {
        height: 100%
    }
}

.Hindware-Home-sec-A .floreTile_bg .bg img {
    width: 100%
}

@media(min-width: 992px) {
    .Hindware-Home-sec-A .floreTile_bg .bg img {
        -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
        transition: .5s ease .4s
    }
}

@media(max-width: 1230px) {
    .Hindware-Home-sec-A .floreTile_bg .bg img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.Hindware-Home-sec-A .floreTile_bg .tile_Ty_dot {
    text-align: center;
    position: absolute;
    bottom: 8%;
    left: 0;
    right: 0
}

    .Hindware-Home-sec-A .floreTile_bg .tile_Ty_dot .dot {
        display: inline-block;
        margin: 0 4px;
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 15px;
        opacity: .5;
        cursor: pointer;
        transition: .5s ease
    }

        .Hindware-Home-sec-A .floreTile_bg .tile_Ty_dot .dot.active {
            opacity: 1
        }

.Hindware-Home-sec-A .aside-right {
    background: #f0f0f0;
    height: 100%;
    padding: 25px 22px
}

@media(min-width: 992px) {
    .Hindware-Home-sec-A .aside-right {
        -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        transition: .5s ease .4s
    }
}

@media(max-width: 1300px) {
    .Hindware-Home-sec-A .aside-right {
        padding: 18px
    }
}

@media(max-width: 1230px) {
    .Hindware-Home-sec-A .aside-right {
        padding: 8px
    }
}

.Hindware-Home-sec-A .aside-right .SecA-Tab:not(:first-child) {
    display: none
}

.Hindware-Home-sec-A .aside-right .hin-Heade {
    max-width: 300px;
    padding: 0 8px
}

    .Hindware-Home-sec-A .aside-right .hin-Heade p {
        font-size: 14px;
        line-height: 20px;
        color: #000
    }

.Hindware-Home-sec-A .aside-right .hin-filter {
    margin-top: 30px;
    padding: 0 8px
}

@media(max-width: 1300px) {
    .Hindware-Home-sec-A .aside-right .hin-filter {
        margin-top: 18px
    }
}

@media(max-width: 991px) {
    .Hindware-Home-sec-A .aside-right .hin-filter {
        margin-top: 15px
    }
}

.Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper {
    margin-bottom: 10px
}

    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .flex {
        justify-content: space-between
    }

        .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .flex .col {
            flex: 0 1 48%;
            max-width: 48%;
            width: 100%;
            margin-bottom: 4%
        }

@media(max-width: 1300px) {
    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .flex .col {
        flex: 0 1 49%;
        max-width: 49%
    }
}

.Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box {
    position: relative
}

    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box .selected {
        position: relative;
        cursor: pointer
    }

        .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box .selected.active::before {
            content: attr(data-text);
            font-style: inherit;
            font-weight: inherit;
            transition: .5s ease;
            white-space: nowrap;
            overflow: hidden;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 27px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box .selected.active p {
            padding-left: 30px
        }

@media(max-width: 991px) {
    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box .selected.active p {
        padding-left: 25px
    }
}

.Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box .selected::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url("../icons/down_sm.png");
    background-repeat: no-repeat;
    background-position: center;
    top: 16px;
    right: 14px
}

@media(max-width: 991px) {
    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box .selected::after {
        right: 8px
    }
}

.Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box .selected p {
    color: #000;
    font-size: 15px;
    padding: 8px 15px;
    border: 1px solid #000;
    white-space: nowrap;
    transition: .5s ease
}

@media(max-width: 991px) {
    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box .selected p {
        padding: 8px;
        font-size: 14px
    }
}

.Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 2;
    display: none;
    background: #fff;
    padding: 8px;
    box-shadow: 0 0 10px 1px rgba(51,51,51,.1607843137);
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll
}

    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box ul::-webkit-scrollbar {
        width: 3px
    }

    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box ul::-webkit-scrollbar-track {
        box-shadow: none
    }

    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box ul::-webkit-scrollbar-thumb {
        background-color: #000;
        outline: 0
    }

    .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box ul li {
        display: block;
        margin-left: -8px;
        margin-right: -8px
    }

        .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box ul li label {
            display: block;
            cursor: pointer;
            padding: 5px 0;
            position: relative;
            padding-left: 35px;
            background: #fff;
            text-transform: capitalize;
            transition: .5s ease
        }

            .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box ul li label:hover {
                background: #f1f1f1
            }

        .Hindware-Home-sec-A .aside-right .hin-filter .filter-wrapper .filter-box ul li p {
            font-size: 13px
        }

.Hindware-Home-sec-A .aside-right .filter_Result-data .loc_link {
    margin-top: 15px
}

@media(max-width: 767px) {
    .Hindware-Home-sec-A .aside-right .filter_Result-data .loc_link {
        text-align: center;
        margin: 25px 0 10px
    }
}

.Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result {
    display: block;
    min-height: 300px;
    max-height: 300px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll
}

@media(max-width: 991px) {
    .Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result {
        min-height: auto
    }
}

.Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result::-webkit-scrollbar {
    width: 3px
}

.Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result::-webkit-scrollbar-track {
    box-shadow: none
}

.Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result::-webkit-scrollbar-thumb {
    background-color: #000;
    outline: 0
}

.Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result .card {
    display: block;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 4px 1px rgba(51,51,51,.1411764706)
}

    .Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result .card figure {
        display: block;
        position: relative
    }

        .Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result .card figure::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0px;
            background: #000;
            z-index: 1;
            opacity: 0;
            transition: .5s ease
        }

        .Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result .card figure img {
            width: 100%
        }

    .Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result .card a {
        display: flex;
        position: absolute;
        top: 80%;
        bottom: 0;
        left: 0;
        right: 0px;
        z-index: 1;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: .7s ease
    }

        .Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result .card a span {
            display: block;
            color: #fff;
            font-size: 11px
        }

    .Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result .card:hover a {
        top: 0%;
        opacity: 1
    }

    .Hindware-Home-sec-A .aside-right .filter_Result-data .filter_Result .card:hover figure::before {
        opacity: .6
    }

.Hindware-Home-sec-A .aside-right .filter_Result-data .flex .fil-col {
    flex: 0 1 33.33%;
    max-width: 33.33%;
    width: 100%;
    padding: 8px
}

@media(max-width: 767px) {
    .Hindware-Home-sec-A .aside-right .filter_Result-data .flex .fil-col {
        flex: 0 1 20%;
        max-width: 20%;
        width: 100%;
        padding: 5px
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-A .aside-right .filter_Result-data .flex .fil-col {
        flex: 0 1 33.33%;
        max-width: 33.33%
    }
}

.Hindware-Home-sec-A .aside-right .filter_Result-data .loc_link a {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600
}

.Hindware-Home-sec-C {
    background: #000
}

@media(max-width: 767px) {
    .Hindware-Home-sec-C {
        padding-top: 25px
    }
}

.Hindware-Home-sec-C .sec-C-wrapper {
    position: relative
}

.Hindware-Home-sec-C .slide_bg {
    position: relative;
    z-index: 1
}

    .Hindware-Home-sec-C .slide_bg::before, .Hindware-Home-sec-C .slide_bg::after {
        content: "";
        position: absolute;
        opacity: .7;
        z-index: 2;
        pointer-events: none
    }

    .Hindware-Home-sec-C .slide_bg::before {
        left: 0;
        top: 0;
        right: 0;
        background: linear-gradient(to bottom, #000, transparent);
        height: 50%
    }

    .Hindware-Home-sec-C .slide_bg::after {
        left: 0;
        bottom: 0;
        right: 0;
        background: linear-gradient(to top, #000, transparent);
        height: 50%
    }

    .Hindware-Home-sec-C .slide_bg .img::before, .Hindware-Home-sec-C .slide_bg .img::after {
        content: "";
        position: absolute;
        opacity: .7;
        z-index: 1;
        pointer-events: none
    }

    .Hindware-Home-sec-C .slide_bg .img::before {
        left: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(to right, #000, transparent);
        width: 50%
    }

    .Hindware-Home-sec-C .slide_bg .img::after {
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(to left, #000, transparent);
        width: 50%
    }

@media(max-width: 991px) {
    .Hindware-Home-sec-C .slide_bg .img::after {
        background: linear-gradient(to top, #000, transparent);
        width: 100%;
        top: auto;
        bottom: 0;
        height: 65%
    }
}

.Hindware-Home-sec-C .slide_bg .img img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .5s ease
}

@media(max-width: 1140px) {
    .Hindware-Home-sec-C .slide_bg .img img {
        height: auto
    }
}

.Hindware-Home-sec-C .insper-tab {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0 35px
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .insper-tab {
        padding: 0 15px
    }
}

@media(max-width: 767px) {
    .Hindware-Home-sec-C .insper-tab {
        position: static
    }
}

.Hindware-Home-sec-C .insper-tab .title {
    color: #fff;
    font-family: "Teodor",sans-serif;
    font-size: 40px;
    position: absolute;
    top: 80px
}

@media(min-width: 992px) {
    .Hindware-Home-sec-C .insper-tab .title {
        transform: scaleY(1.5);
        opacity: 0;
        transition: .5s ease 1s
    }
}

@media(max-width: 1140px) {
    .Hindware-Home-sec-C .insper-tab .title {
        font-size: 25px
    }
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .insper-tab .title {
        font-size: 18px;
        line-height: normal;
        top: 20px
    }
}

@media(max-width: 767px) {
    .Hindware-Home-sec-C .insper-tab .title {
        position: static;
        text-align: center
    }
}

.Hindware-Home-sec-C .insper-tab .title span {
    font-family: "Cattaonia",sans-serif;
    font-size: 26px
}

.Hindware-Home-sec-C .insper-tab .tab_list {
    max-width: 695px;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    margin-top: 60px;
    text-align: right
}

@media(min-width: 992px) {
    .Hindware-Home-sec-C .insper-tab .tab_list {
        opacity: 0;
        transform: translateY(50%);
        transition: .8s ease 1s
    }
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .insper-tab .tab_list {
        margin-top: 40px
    }
}

@media(max-width: 767px) {
    .Hindware-Home-sec-C .insper-tab .tab_list {
        text-align: center;
        margin: 10px 0 35px
    }
}

.Hindware-Home-sec-C .insper-tab .tab_list ul {
    display: inline-block
}

    .Hindware-Home-sec-C .insper-tab .tab_list ul li {
        display: inline-block;
        cursor: pointer;
        color: #fff;
        padding: 8px 0;
        position: relative;
        opacity: .7;
        font-weight: 600;
        transition: .5s ease
    }

@media(max-width: 991px) {
    .Hindware-Home-sec-C .insper-tab .tab_list ul li {
        font-size: 14px
    }
}

.Hindware-Home-sec-C .insper-tab .tab_list ul li:not(:last-child) {
    margin-right: 50px
}

@media(max-width: 1140px) {
    .Hindware-Home-sec-C .insper-tab .tab_list ul li:not(:last-child) {
        margin-right: 25px
    }
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .insper-tab .tab_list ul li:not(:last-child) {
        margin-right: 15px;
        font-size: 14px
    }
}

.Hindware-Home-sec-C .insper-tab .tab_list ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #fff;
    width: 100%;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .3s cubic-bezier(0.4, 0, 0, 1)
}

.Hindware-Home-sec-C .insper-tab .tab_list ul li.active, .Hindware-Home-sec-C .insper-tab .tab_list ul li:hover {
    opacity: 1
}

    .Hindware-Home-sec-C .insper-tab .tab_list ul li.active::after, .Hindware-Home-sec-C .insper-tab .tab_list ul li:hover::after {
        transform: scaleX(1);
        transform-origin: left center
    }

@media(max-width: 520px) {
    .Hindware-Home-sec-C .insper-tab .tab_list .insSlider {
        padding: 0 20px
    }
}

.Hindware-Home-sec-C .insper-tab .tab_list .insSlider.nav-center .owl-nav button {
    width: 15px;
    height: 15px
}

    .Hindware-Home-sec-C .insper-tab .tab_list .insSlider.nav-center .owl-nav button.owl-prev {
        left: -8px
    }

    .Hindware-Home-sec-C .insper-tab .tab_list .insSlider.nav-center .owl-nav button.owl-next {
        right: -8px
    }

@media(max-width: 520px) {
    .Hindware-Home-sec-C .insper-tab .tab_list .insSlider .owl-stage-outer .owl-item:last-child {
        margin: 0 !important
    }
}

.Hindware-Home-sec-C .insper-tab-info {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    padding: 0 35px;
    z-index: 2
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .insper-tab-info {
        bottom: 25px
    }
}

@media(max-width: 767px) {
    .Hindware-Home-sec-C .insper-tab-info {
        position: static
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-C .insper-tab-info {
        padding: 15px 15px 0 15px
    }
}

.Hindware-Home-sec-C .insper-tab-info .insp_content {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 600px;
    width: 100%;
    padding-right: 225px;
    margin-right: 55px
}

@media(min-width: 992px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content {
        padding-right: 0px;
        margin-right: 35px;
        max-width: 480px
    }
}

@media(min-width: 992px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content {
        opacity: 0;
        transform: translateY(50%);
        transition: .8s ease 1.5s
    }
}

@media(max-width: 1140px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content {
        max-width: 300px;
        padding-right: 0
    }
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content {
        bottom: 18px
    }
}

@media(max-width: 767px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content {
        position: static;
        padding: 15px 35px 45px;
        max-width: 100%
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content {
        padding: 30px 0px 45px
    }
}

.Hindware-Home-sec-C .insper-tab-info .insp_content .content.animate {
    animation: try_ani 700ms ease
}

.Hindware-Home-sec-C .insper-tab-info .insp_content h2, .Hindware-Home-sec-C .insper-tab-info .insp_content p {
    color: #fff
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content h2 {
        font-size: 25px;
        margin-bottom: 8px
    }
}

.Hindware-Home-sec-C .insper-tab-info .insp_content p {
    font-size: 14px;
    line-height: 20px;
    text-align: justify
}

.Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn {
    position: absolute;
    top: 40px;
    right: 0
}

@media(max-width: 1140px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn {
        position: static;
        margin-top: 15px
    }
}

@media(max-width: 675px) {
    .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn {
        text-align: center
    }
}

.Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn .btn {
    display: inline-block;
    max-width: 198px;
    height: 37px;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    padding: 4px 22px;
    position: relative;
    transition: .5s ease
}

    .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn .btn::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        transform: scaleX(0);
        transform-origin: right center;
        transition: transform .5s ease
    }

    .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn .btn:hover {
        color: #fff
    }

        .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn .btn:hover img {
            filter: invert(1) brightness(11)
        }

        .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn .btn:hover::after {
            transform: scaleX(1);
            transform-origin: left center
        }

    .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn .btn span, .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn .btn img {
        position: relative;
        z-index: 1;
        display: inline-block;
        transition: .5s ease
    }

    .Hindware-Home-sec-C .insper-tab-info .insp_content .inq-btn .btn img {
        margin-left: 15px
    }

.Hindware-Home-sec-C .tile_slider {
    max-width: 450px
}

@media(min-width: 992px) {
    .Hindware-Home-sec-C .tile_slider {
        opacity: 0;
        transform: translateY(50%);
        transition: .8s ease 1.5s
    }
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .tile_slider {
        max-width: 230px
    }
}

@media(max-width: 767px) {
    .Hindware-Home-sec-C .tile_slider {
        max-width: 100%
    }
}

.Hindware-Home-sec-C .tile_slider .sliderTile {
    padding: 0 35px
}

@media(max-width: 520px) {
    .Hindware-Home-sec-C .tile_slider .sliderTile {
        padding: 0
    }
}

.Hindware-Home-sec-C .tile_slider .sliderTile .item {
    cursor: pointer
}

    .Hindware-Home-sec-C .tile_slider .sliderTile .item .text {
        padding: 12px 4px;
        text-align: center;
        margin-bottom: 25px;
        text-align: center;
        position: relative;
        transform: translateY(92px);
        opacity: 0;
        min-height: 85px;
        transition: .5s ease
    }

@media(min-width: 992px) {
    .Hindware-Home-sec-C .tile_slider .sliderTile .item .text {
        min-height: auto;
        margin-bottom: 5px
    }
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .tile_slider .sliderTile .item .text {
        padding: 9px 4px
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-C .tile_slider .sliderTile .item .text {
        display: none
    }
}

.Hindware-Home-sec-C .tile_slider .sliderTile .item .text::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 8px;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%, 50% 100%);
    bottom: -9px;
    margin: 0 auto;
    left: 0;
    right: 0
}

@media(min-width: 992px) {
    .Hindware-Home-sec-C .tile_slider .sliderTile .item .text::after {
        display: none
    }
}

.Hindware-Home-sec-C .tile_slider .sliderTile .item .text p, .Hindware-Home-sec-C .tile_slider .sliderTile .item .text span {
    color: #fff;
    font-family: "Teodor",sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize
}

@media(max-width: 991px) {
    .Hindware-Home-sec-C .tile_slider .sliderTile .item .text p, .Hindware-Home-sec-C .tile_slider .sliderTile .item .text span {
        font-size: 12px
    }
}

.Hindware-Home-sec-C .tile_slider .sliderTile .item img {
    position: relative;
    z-index: 2;
    border-radius: 10px
}

.Hindware-Home-sec-C .tile_slider .owl-item:hover .item .text {
    transform: translateY(0px);
    opacity: 1
}

.Hindware-Home-sec-C .tile_slider .nav-center .owl-nav button {
    width: 25px;
    transform: none;
    top: auto;
    bottom: 20px
}

.Hindware-Home-sec-D {
    background: #fff;
    padding: 30px 0
}

@media(max-width: 520px) {
    .Hindware-Home-sec-D {
        padding: 30px 0
    }
}

.Hindware-Home-sec-D .container-fluid {
    padding: 0;
    position: relative
}

.Hindware-Home-sec-D .heading {
    padding-bottom: 30px
}

@media(max-width: 767px) {
    .Hindware-Home-sec-D .heading {
        text-align: center;
        padding: 0 25px
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-D .heading {
        margin-bottom: 30px
    }
}

.Hindware-Home-sec-D .heading h2, .Hindware-Home-sec-D .heading p {
    color: #000;
    text-align: center
}

@media(min-width: 992px) {
    .Hindware-Home-sec-D .heading h2 {
        transform: translateY(25%);
        opacity: 0;
        transition: .7s ease .5s
    }
}

@media(min-width: 992px) {
    .Hindware-Home-sec-D .heading p {
        transform: translateY(25%);
        opacity: 0;
        transition: .7s ease .7s
    }
}

.Hindware-Home-sec-D .randSlider .item {
    position: relative
}

    .Hindware-Home-sec-D .randSlider .item a {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1
    }

    .Hindware-Home-sec-D .randSlider .item figure {
        display: block;
        position: relative;
        overflow: hidden
    }

        .Hindware-Home-sec-D .randSlider .item figure img {
            transform: scale(1);
            transition: 1s ease
        }

        .Hindware-Home-sec-D .randSlider .item figure::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6901960784), rgba(0, 0, 0, 0.6901960784), transparent);
            height: 50%
        }

    .Hindware-Home-sec-D .randSlider .item .content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 45px 35px
    }

@media(max-width: 1140px) {
    .Hindware-Home-sec-D .randSlider .item .content {
        padding: 15px
    }
}

.Hindware-Home-sec-D .randSlider .item .content h4, .Hindware-Home-sec-D .randSlider .item .content p {
    color: #fff
}

.Hindware-Home-sec-D .randSlider .item .content h4 {
    margin-bottom: 8px
}

.Hindware-Home-sec-D .randSlider .item .content p {
    font-size: 14px;
    line-height: 20px
}

.Hindware-Home-sec-D .randSlider .item:hover figure img {
    transform: scale(1.1)
}

.Hindware-Home-sec-D .slid_nav_wrapper {
    max-width: 170px;
    position: absolute;
    top: 16px;
    right: 35px;
    width: 100%
}

@media(max-width: 767px) {
    .Hindware-Home-sec-D .slid_nav_wrapper {
        display: none
    }
}

.Hindware-Home-sec-D .slid_nav_wrapper .trandin_sliNav {
    display: flex;
    justify-content: space-between
}

    .Hindware-Home-sec-D .slid_nav_wrapper .trandin_sliNav button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 42px;
        border: 1px solid #000;
        border-radius: 45px;
        background: rgba(0,0,0,0);
        cursor: pointer
    }

        .Hindware-Home-sec-D .slid_nav_wrapper .trandin_sliNav button img {
            filter: invert(1)
        }

.Hindware-Home-sec-D .slid_nav_wrapper .count_sli {
    color: #000;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    text-align: center;
    pointer-events: none
}

.Hindware-Home-sec-D .loc_link {
    margin-top: 35px
}

@media(max-width: 520px) {
    .Hindware-Home-sec-D .loc_link {
        margin-top: 15px
    }
}

.Hindware-Home-sec-D .loc_link a {
    color: #fff
}

@media(max-width: 520px) {
    .Hindware-Home-sec-D .loc_link a {
        padding: 6px 0
    }
}

.Hindware-Home-sec-D .loc_link a::after {
    background: #fff
}

.Hindware-Home-sec-E {
    position: relative
}

    .Hindware-Home-sec-E .bg {
        position: relative;
        background: url("../images/home/storelocater.jpg");
        background-attachment: fixed;
        background-size: cover
    }

        .Hindware-Home-sec-E .bg::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: linear-gradient(to right, rgba(0, 0, 0, 0.5803921569) 22%, transparent)
        }

@media(max-width: 520px) {
    .Hindware-Home-sec-E .bg::before {
        background: #000;
        opacity: .7
    }
}

.Hindware-Home-sec-E .bg img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0
}

@media(max-width: 1140px) {
    .Hindware-Home-sec-E .bg img {
        height: auto
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-E .bg img {
        height: 350px
    }
}

.Hindware-Home-sec-E .sore_lcate {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

    .Hindware-Home-sec-E .sore_lcate .container-fluid {
        max-width: 90%;
        height: 100%;
        display: flex;
        align-items: center
    }

@media(max-width: 520px) {
    .Hindware-Home-sec-E .sore_lcate .container-fluid {
        max-width: 100%
    }
}

.Hindware-Home-sec-E .sore_lcate .content {
    max-width: 410px;
    width: 100%
}

    .Hindware-Home-sec-E .sore_lcate .content h2, .Hindware-Home-sec-E .sore_lcate .content p {
        color: #fff
    }

    .Hindware-Home-sec-E .sore_lcate .content h2 {
        margin-bottom: 5px;
        font-size: 40px
    }

@media(min-width: 992px) {
    .Hindware-Home-sec-E .sore_lcate .content h2 {
        opacity: 0;
        transform: translateY(50%);
        transition: .5s ease .4s
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-E .sore_lcate .content h2 {
        font-size: 30px;
        line-height: 1
    }
}

.Hindware-Home-sec-E .sore_lcate .content p {
    margin-bottom: 20px
}

@media(min-width: 992px) {
    .Hindware-Home-sec-E .sore_lcate .content p {
        opacity: 0;
        transform: translateY(100%);
        transition: .5s ease .4s
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-E .sore_lcate .content p {
        font-size: 14px;
        line-height: 1.5
    }
}

.Hindware-Home-sec-E .sore_lcate .loc_link {
    margin-top: 40px
}

@media(max-width: 520px) {
    .Hindware-Home-sec-E .sore_lcate .loc_link {
        margin-top: 20px
    }
}

.Hindware-Home-sec-E .sore_lcate .loc_link a {
    color: #fff
}

    .Hindware-Home-sec-E .sore_lcate .loc_link a::after {
        background: #fff
    }

.Hindware-Home-sec-F {
    position: relative;
    padding: 30px 0 0
}

@media(max-width: 520px) {
    .Hindware-Home-sec-F {
        padding: 30px 0 0
    }
}

.Hindware-Home-sec-F .title {
    padding-bottom: 30px;
    text-align: center
}

@media(max-width: 675px) {
    .Hindware-Home-sec-F .title {
        padding: 0 15px;
        margin: 0 auto;
        margin-bottom: 25px;
        max-width: 360px
    }
}

.Hindware-Home-sec-F .title h3 {
    display: inline-block;
    color: #000;
    width: 100%;
    font-size: 40px
}

@media(min-width: 992px) {
    .Hindware-Home-sec-F .title h3 {
        transform: translateY(25%);
        opacity: 0;
        transition: .7s ease .5s
    }
}

@media(max-width: 675px) {
    .Hindware-Home-sec-F .title h3 {
        font-size: 25px
    }
}

@media(min-width: 992px) {
    .Hindware-Home-sec-F .title p {
        transform: translateY(25%);
        opacity: 0;
        transition: .7s ease .7s
    }
}

.Hindware-Home-sec-F .bg {
    position: relative
}

    .Hindware-Home-sec-F .bg::before, .Hindware-Home-sec-F .bg::after {
        content: "";
        position: absolute;
        height: 35%;
        left: 0;
        right: 0;
        opacity: .8
    }

    .Hindware-Home-sec-F .bg::before {
        top: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6392156863), rgba(0, 0, 0, 0.5607843137), transparent)
    }

    .Hindware-Home-sec-F .bg::after {
        bottom: 0;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.6392156863), rgba(0, 0, 0, 0.5607843137), transparent)
    }

    .Hindware-Home-sec-F .bg .owllay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        opacity: .5
    }

    .Hindware-Home-sec-F .bg > img {
        width: 100%;
        height: 100vh;
        -o-object-fit: cover;
        object-fit: cover
    }

@media(max-width: 1140px) {
    .Hindware-Home-sec-F .bg > img {
        height: auto
    }
}

.Hindware-Home-sec-F .slider_sec {
    position: absolute;
    left: 0;
    right: 0;
    top: 18%;
    max-width: 935px;
    width: 100%;
    margin: 0 auto;
    z-index: 1
}

@media(max-width: 675px) {
    .Hindware-Home-sec-F .slider_sec {
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center
    }
}

.Hindware-Home-sec-F .slider_sec .sliderHindMade {
    padding: 0 85px
}

@media(max-width: 991px) {
    .Hindware-Home-sec-F .slider_sec .sliderHindMade {
        padding: 0 55px
    }
}

@media(max-width: 675px) {
    .Hindware-Home-sec-F .slider_sec .sliderHindMade {
        padding: 0 40px
    }
}

.Hindware-Home-sec-F .slider_sec .sliderHindMade .item {
    padding-left: 298px;
    position: relative
}

@media(max-width: 991px) {
    .Hindware-Home-sec-F .slider_sec .sliderHindMade .item {
        padding-left: 250px
    }
}

@media(max-width: 675px) {
    .Hindware-Home-sec-F .slider_sec .sliderHindMade .item {
        padding-left: 0px;
        text-align: center
    }
}

.Hindware-Home-sec-F .slider_sec .sliderHindMade .item h3, .Hindware-Home-sec-F .slider_sec .sliderHindMade .item p {
    color: #fff
}

.Hindware-Home-sec-F .slider_sec .sliderHindMade .item h3 {
    position: absolute;
    left: 0;
    max-width: 280px
}

@media(max-width: 675px) {
    .Hindware-Home-sec-F .slider_sec .sliderHindMade .item h3 {
        position: static;
        max-width: 100%;
        font-size: 20px;
        margin-bottom: 8px
    }
}

.Hindware-Home-sec-F .slider_sec .sliderHindMade .item p {
    line-height: 23px
}

@media(max-width: 520px) {
    .Hindware-Home-sec-F .slider_sec .sliderHindMade .item p {
        font-size: 14px;
        line-height: 1.4
    }
}

@media(max-width: 520px) {
    .Hindware-Home-sec-F .slider_sec .sliderHindMade.nav-center .owl-nav button {
        width: 30px
    }
}

.Hindware-Home-sec-G {
    padding: 97px 0;
    background: #fff url("../images/home/catlog-bg.jpg");
    background-repeat: no-repeat;
    background-position: bottom right
}

    .Hindware-Home-sec-G .flex .col {
        flex: 0 1 40%;
        max-width: 40%;
        width: 100%
    }

        .Hindware-Home-sec-G .flex .col:last-child {
            flex: 0 1 60%;
            max-width: 60%;
            padding-left: 30px
        }

    .Hindware-Home-sec-G .catlogCont {
        max-width: 345px;
        width: 100%
    }

        .Hindware-Home-sec-G .catlogCont .heading {
            margin-bottom: 45px
        }

            .Hindware-Home-sec-G .catlogCont .heading h2, .Hindware-Home-sec-G .catlogCont .heading p {
                color: #000
            }

            .Hindware-Home-sec-G .catlogCont .heading h2 {
                max-width: 245px;
                line-height: 36px
            }

    .Hindware-Home-sec-G .loc_link {
        margin-top: 30px
    }

        .Hindware-Home-sec-G .loc_link a {
            text-transform: capitalize
        }

.animate .Hindware-Home-sec-A .heading h2, .animate .Hindware-Home-sec-A .heading p {
    transform: translateY(0);
    opacity: 1
}

.animate .Hindware-Home-sec-A .floreTile_bg .bg img {
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%)
}

.animate .Hindware-Home-sec-A .aside-right {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.animate .Hindware-Home-sec-C .insper-tab .title {
    opacity: 1;
    transform: scaleY(1)
}

.animate .Hindware-Home-sec-C .insper-tab .tab_list {
    opacity: 1;
    transform: translateY(0)
}

.animate .Hindware-Home-sec-C .tile_slider {
    opacity: 1;
    transform: translateY(0)
}

.animate .Hindware-Home-sec-C .insper-tab-info .insp_content {
    opacity: 1;
    transform: translateY(0)
}

.animate .Hindware-Home-sec-D .heading h2, .animate .Hindware-Home-sec-D .heading p {
    transform: translateY(0);
    opacity: 1
}

.animate .Hindware-Home-sec-E .sore_lcate .content h2 {
    transform: translateY(0);
    opacity: 1
}

.animate .Hindware-Home-sec-E .sore_lcate .content p {
    transform: translateY(0);
    opacity: 1
}

.animate .Hindware-Home-sec-F .title h3, .animate .Hindware-Home-sec-F .title p {
    transform: translateY(0);
    opacity: 1
}

.about-Our-Story {
    padding: 60px 0;
    background: #fff
}

@media(max-width: 1140px) {
    .about-Our-Story {
        padding: 55px 0
    }
}

@media(max-width: 767px) {
    .about-Our-Story {
        padding: 25px 0
    }
}

.about-Our-Story .flex .col1 {
    flex: 0 1 52%;
    max-width: 52%;
    width: 100%;
    padding-right: 20px
}

@media(max-width: 991px) {
    .about-Our-Story .flex .col1 {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0
    }
}

.about-Our-Story .flex .col2 {
    flex: 0 1 48%;
    max-width: 48%;
    width: 100%;
    padding-left: 15px
}

@media(max-width: 991px) {
    .about-Our-Story .flex .col2 {
        /*display: none;*/
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0
    }
}

.about-Our-Story .content {
    max-width: 508px;
    width: 100%
}

@media(max-width: 991px) {
    .about-Our-Story .content {
        max-width: 100%;
        width: 90%;
        margin: 0 auto;
        text-align: center
    }
}

@media(max-width: 767px) {
    .about-Our-Story .content {
        width: 100%
    }
}

.about-Our-Story .content .title {
    font-size: 16px;
    color: #000;
    opacity: .65;
    text-transform: capitalize;
    margin-bottom: 5px
}

@media(max-width: 767px) {
    .about-Our-Story .content .title {
        font-size: 14px
    }
}

.about-Our-Story .content h2 {
    font-size: 48px;
    text-transform: capitalize;
    font-family: "Teodor",sans-serif;
    margin-bottom: 20px
}

@media(max-width: 1024px) {
    .about-Our-Story .content h2 {
        margin-bottom: 10px;
        font-size: 40px
    }
}

@media(max-width: 767px) {
    .about-Our-Story .content h2 {
        font-size: 36px;
        line-height: 1;
        margin-bottom: 15px;
        text-transform: unset
    }
}

.about-Our-Story .content p {
    color: #666;
    line-height: 24px;
    text-align: justify;
    margin-bottom: 15px
}

@media(max-width: 1024px) {
    .about-Our-Story .content p {
        font-size: 14px
    }
}

@media(max-width: 767px) {
    .about-Our-Story .content p {
        text-align: justify;
        letter-spacing: normal
    }
}

.about-customi-service .container-fluid {
    padding: 0
}

    .about-customi-service .container-fluid .flex .col1 {
        flex: 0 1 68%;
        max-width: 68%;
        width: 100%
    }

@media(max-width: 1140px) {
    .about-customi-service .container-fluid .flex .col1 {
        flex: 0 1 63%;
        max-width: 63%
    }
}

@media(max-width: 991px) {
    .about-customi-service .container-fluid .flex .col1 {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0
    }
}

.about-customi-service .container-fluid .flex .col2 {
    flex: 0 1 32%;
    max-width: 32%;
    width: 100%;
    background: #f0f0f0;
    display: flex;
    align-items: center
}

@media(max-width: 1140px) {
    .about-customi-service .container-fluid .flex .col2 {
        flex: 0 1 37%;
        max-width: 37%
    }
}

@media(max-width: 991px) {
    .about-customi-service .container-fluid .flex .col2 {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0
    }
}

.about-customi-service .img {
    position: relative
}

    .about-customi-service .img figure {
        line-height: 0;
        position: relative
    }

        .about-customi-service .img figure img {
            width: 100%
        }

        .about-customi-service .img figure .video_icon {
            position: absolute;
            right: 55px;
            bottom: 55px;
            width: 65px;
            height: 65px;
            z-index: 1
        }

@media(max-width: 767px) {
    .about-customi-service .img figure .video_icon {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px
    }
}

.about-customi-service .img figure .video_icon:before {
    width: 65px;
    height: 65px
}

@media(max-width: 675px) {
    .about-customi-service .img figure .video_icon:before {
        width: 45px;
        height: 45px
    }
}

.about-customi-service .img figure .video_icon img {
    width: auto
}

.about-customi-service .img .content {
    position: absolute;
    bottom: 10%;
    left: 10%;
    max-width: 500px;
    z-index: 1;
    display: none
}

@media(max-width: 1140px) {
    .about-customi-service .img .content {
        left: 5%
    }
}

@media(max-width: 1024px) {
    .about-customi-service .img .content {
        max-width: 370px
    }
}

@media(max-width: 991px) {
    .about-customi-service .img .content {
        left: 0;
        padding-left: 15px
    }
}

@media(max-width: 767px) {
    .about-customi-service .img .content {
        padding: 0 10px;
        bottom: auto;
        max-width: 320px;
        top: 40%;
        transform: translateY(-50%)
    }
}

@media(max-width: 520px) {
    .about-customi-service .img .content {
        max-width: 260px;
        top: 50%
    }
}

.about-customi-service .img .content p {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 10px
}

@media(max-width: 675px) {
    .about-customi-service .img .content p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px
    }
}

.about-customi-service .img .content h2 {
    color: #fff;
    font-size: 36px;
    font-family: "Teodor",sans-serif;
    line-height: 36px
}

@media(max-width: 1024px) {
    .about-customi-service .img .content h2 {
        font-size: 30px
    }
}

@media(max-width: 675px) {
    .about-customi-service .img .content h2 {
        font-size: 22px;
        line-height: 1.2
    }
}

.about-customi-service .asicContent {
    padding: 56px;
    max-width: 480px;
    width: 100%;
    margin: auto
}

@media(max-width: 1440px) {
    .about-customi-service .asicContent {
        padding: 20px 50px
    }
}

@media(max-width: 991px) {
    .about-customi-service .asicContent {
        max-width: 100%;
        padding: 40px
    }
}

@media(max-width: 767px) {
    .about-customi-service .asicContent {
        padding: 35px 15px;
        text-align: center
    }
}

.about-customi-service .asicContent h5 {
    font-family: "Teodor",sans-serif;
    font-size: 48px;
    color: #000;
    margin-bottom: 22px
}

@media(max-width: 675px) {
    .about-customi-service .asicContent h5 {
        margin-bottom: 8px;
        font-size: 26px;
        line-height: 1.3
    }
}

.about-customi-service .asicContent p {
    font-family: "Spezia",sans-serif;
    color: #666;
    line-height: 24px;
    text-align: justify
}

@media(max-width: 675px) {
    .about-customi-service .asicContent p {
        font-size: 14px;
        text-align: center;
        line-height: 1.5
    }
}

.about-customi-service .asicContent p:not(:last-child) {
    margin-bottom: 58px
}

@media(max-width: 1440px) {
    .about-customi-service .asicContent p:not(:last-child) {
        margin-bottom: 15px
    }
}

.about-Vission-style-sec {
    background: #fff;
    padding: 60px 0
}

@media(max-width: 991px) {
    .about-Vission-style-sec {
        padding: 55px 0
    }
}

@media(max-width: 767px) {
    .about-Vission-style-sec {
        padding: 45px 0
    }
}

.about-Vission-style-sec .flex {
    align-items: center
}

    .about-Vission-style-sec .flex .col {
        flex: 0 1 50%;
        max-width: 50%;
        width: 100%
    }

@media(max-width: 767px) {
    .about-Vission-style-sec .flex .col {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0
    }
}

@media(max-width: 767px) {
    .about-Vission-style-sec .flex .col:first-child {
        order: 1
    }
}

@media(max-width: 767px) {
    .about-Vission-style-sec .flex .col:last-child {
        order: 0
    }
}

.about-Vission-style-sec figure {
    line-height: 0;
    padding-left: 30px
}

@media(max-width: 991px) {
    .about-Vission-style-sec figure {
        padding: 0;
        padding-right: 20px
    }
}

@media(max-width: 767px) {
    .about-Vission-style-sec figure {
        padding: 0 15px
    }
}

.about-Vission-style-sec figure img {
    max-width: 100%;
    display: block
}

.about-Vission-style-sec .content {
    max-width: 514px;
    width: 100%;
    margin: 0 auto
}

@media(max-width: 767px) {
    .about-Vission-style-sec .content {
        text-align: center
    }
}

.about-Vission-style-sec .content h2 {
    font-size: 48px;
    line-height: 25px;
    text-transform: capitalize;
    font-family: "Teodor",sans-serif;
    margin-bottom: 48px
}

@media(max-width: 767px) {
    .about-Vission-style-sec .content h2 {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.about-Vission-style-sec .content p {
    color: #666;
    margin-bottom: 20px;
    text-align: justify
}

@media(max-width: 767px) {
    .about-Vission-style-sec .content p {
        font-size: 14px;
        line-height: 1.5;
        text-align: center
    }
}

.hind-DirectMesage-Sec {
    background: #f0f0f0;
    padding-top: 60px
}

@media(max-width: 1140px) {
    .hind-DirectMesage-Sec {
        padding-top: 55px
    }
}

.hind-DirectMesage-Sec .flex .col1 {
    flex: 0 1 55%;
    max-width: 55%;
    width: 100%;
    padding-top: 30px
}

@media(max-width: 1140px) {
    .hind-DirectMesage-Sec .flex .col1 {
        padding: 0;
        padding-bottom: 40px
    }
}

@media(max-width: 767px) {
    .hind-DirectMesage-Sec .flex .col1 {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.hind-DirectMesage-Sec .flex .col2 {
    flex: 0 1 45%;
    max-width: 45%;
    width: 100%
}

@media(max-width: 991px) {
    .hind-DirectMesage-Sec .flex .col2 {
        display: flex;
        align-items: flex-end
    }
}

@media(max-width: 767px) {
    .hind-DirectMesage-Sec .flex .col2 {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.hind-DirectMesage-Sec .content {
    max-width: 550px;
    padding-right: 15px
}

@media(max-width: 991px) {
    .hind-DirectMesage-Sec .content {
        padding: 0
    }
}

@media(max-width: 767px) {
    .hind-DirectMesage-Sec .content {
        text-align: center
    }
}

.hind-DirectMesage-Sec .content h2 {
    font-family: "Teodor",sans-serif;
    font-size: 48px;
    text-transform: capitalize;
    margin-bottom: 24px
}

@media(max-width: 991px) {
    .hind-DirectMesage-Sec .content h2 {
        font-size: 40px;
        margin-bottom: 10px
    }
}

@media(max-width: 767px) {
    .hind-DirectMesage-Sec .content h2 {
        font-size: 30px
    }
}

.hind-DirectMesage-Sec .content .text {
    position: relative
}

    .hind-DirectMesage-Sec .content .text img {
        position: absolute;
        left: 0;
        top: 0
    }

@media(max-width: 991px) {
    .hind-DirectMesage-Sec .content .text img {
        display: none
    }
}

.hind-DirectMesage-Sec .content .text p {
    padding-left: 60px;
    margin-bottom: 15px;
    text-align: justify
}

@media(max-width: 991px) {
    .hind-DirectMesage-Sec .content .text p {
        padding: 0;
        font-size: 14px;
        line-height: 1.5;
        text-align: justify
    }
}

@media(max-width: 767px) {
    .hind-DirectMesage-Sec .content .text p {
        text-align: center
    }
}

.hind-DirectMesage-Sec .content .direc_name {
    position: relative;
    padding-left: 60px;
    margin-top: 30px
}

@media(max-width: 991px) {
    .hind-DirectMesage-Sec .content .direc_name {
        padding: 0
    }
}

.hind-DirectMesage-Sec .content .direc_name .video_icon, .hind-DirectMesage-Sec .content .direc_name .name {
    display: inline-block;
    vertical-align: middle
}

.hind-DirectMesage-Sec .content .direc_name .video_icon {
    border-color: #000;
    margin-right: 20px
}

@media(max-width: 991px) {
    .hind-DirectMesage-Sec .content .direc_name .video_icon {
        width: 50px;
        height: 50px
    }
}

.hind-DirectMesage-Sec .content .direc_name .video_icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hind-DirectMesage-Sec .content .direc_name .name {
    font-size: 14px
}

.about-our-teamSec {
    background: #fff;
    padding: 60px 0
}

@media(max-width: 767px) {
    .about-our-teamSec {
        padding: 40px 0
    }
}

.about-our-teamSec .heading {
    margin-bottom: 60px
}

@media(max-width: 991px) {
    .about-our-teamSec .heading {
        margin-bottom: 40px
    }
}

@media(max-width: 767px) {
    .about-our-teamSec .heading {
        padding: 0 15px;
        margin-bottom: 35px
    }
}

.about-our-teamSec .heading h2 {
    font-size: 48px;
    font-family: "Teodor",sans-serif;
    margin-bottom: 16px;
    text-transform: capitalize
}

@media(max-width: 767px) {
    .about-our-teamSec .heading h2 {
        font-size: 30px;
        line-height: 1.5;
        margin: 0
    }
}

.about-our-teamSec .heading p {
    font-family: "Teodor",sans-serif;
    color: #000
}

.about-our-teamSec .aboutourtemSlide .item {
    padding: 0 15px;
    cursor: pointer
}

@media(max-width: 991px) {
    .about-our-teamSec .aboutourtemSlide .item {
        padding: 0 5px
    }
}

.about-our-teamSec .aboutourtemSlide .item figure {
    position: relative;
    line-height: 0
}

    .about-our-teamSec .aboutourtemSlide .item figure:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(to top, #000, transparent);
        opacity: .8
    }

    .about-our-teamSec .aboutourtemSlide .item figure img {
        max-width: 100%
    }

.about-our-teamSec .aboutourtemSlide .content {
    text-align: center;
    padding: 30px 0 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

    .about-our-teamSec .aboutourtemSlide .content .name {
        font-size: 24px;
        font-family: "Teodor",sans-serif;
        margin-bottom: 6px;
        color: #fff
    }

    .about-our-teamSec .aboutourtemSlide .content .design {
        color: #fff
    }

.about-our-teamSec .aboutourtemSlide .owl-dots {
    position: static;
    margin-top: 45px;
    text-align: center
}

    .about-our-teamSec .aboutourtemSlide .owl-dots button.owl-dot {
        display: inline-block;
        margin: 0 5px;
        border-radius: 20px;
        width: 8px;
        height: 8px;
        background: #ccc
    }

        .about-our-teamSec .aboutourtemSlide .owl-dots button.owl-dot.active {
            background: #000
        }

.model.Hindware-TeamModel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 3;
    transform: translateX(100%);
    transition: .5s ease
}

    .model.Hindware-TeamModel .model-body {
        max-width: 500px;
        background: linear-gradient(to top, #f4f4f4, #fff);
        height: 100%;
        margin-left: auto;
        margin-right: 0;
        padding: 45px;
        position: relative;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: 100% 106%;
        transform: translateX(100%);
        transition: .5s ease;
        transition-delay: 0s;
        overflow-y: scroll
    }

        .model.Hindware-TeamModel .model-body::-webkit-scrollbar {
            width: 3px
        }

        .model.Hindware-TeamModel .model-body::-webkit-scrollbar-track {
            box-shadow: none
        }

        .model.Hindware-TeamModel .model-body::-webkit-scrollbar-thumb {
            background-color: #000;
            outline: 0
        }

@media(max-width: 520px) {
    .model.Hindware-TeamModel .model-body {
        padding: 25px
    }
}

.model.Hindware-TeamModel.is-open {
    transform: translateX(0%)
}

    .model.Hindware-TeamModel.is-open .model-body {
        transform: translateX(0%);
        transition-delay: .3s
    }

.model.Hindware-TeamModel .close_model {
    position: fixed;
    right: 15px;
    top: 15px;
    cursor: pointer;
    line-height: 0;
    width: 25px;
    height: 25px;
    z-index: 111
}

@media(max-width: 675px) {
    .model.Hindware-TeamModel .close_model {
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 20px;
        right: 20px
    }
}

.model.Hindware-TeamModel .close_model svg {
    width: 18px;
    height: 18px
}

.model.Hindware-TeamModel .team-details .colLeft {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%;
    padding-bottom: 20px
}

.model.Hindware-TeamModel .team-details .colRight {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%
}

.model.Hindware-TeamModel .aside figure {
    line-height: 0
}

    .model.Hindware-TeamModel .aside figure img {
        display: block;
        max-width: 100%;
        margin: 0 auto
    }

@media(max-width: 675px) {
    .model.Hindware-TeamModel .aside figure img {
        width: 100%
    }
}

@media(max-width: 675px) {
    .model.Hindware-TeamModel .teamCOntent {
        padding-top: 25px
    }
}

.model.Hindware-TeamModel .teamCOntent .content .name {
    font-size: 24px;
    font-family: "Teodor",sans-serif;
    margin-bottom: 6px;
    color: #000;
    text-align: center
}

.model.Hindware-TeamModel .teamCOntent .content .designat {
    color: #000;
    text-align: center
}

.model.Hindware-TeamModel .teamCOntent .content .divder {
    margin: 25px 0;
    border-top: 1px solid #ccc
}

@media(max-width: 675px) {
    .model.Hindware-TeamModel .teamCOntent .content .divder {
        margin: 10px 0
    }
}

.model.Hindware-TeamModel .teamCOntent .content p {
    color: #666;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 1.5
}

@media(max-width: 675px) {
    .model.Hindware-TeamModel .teamCOntent .content p {
        font-size: 14px;
        text-align: justify
    }
}

@media(max-width: 991px) {
    .banner.product-banner .bg img {
        height: 420px
    }
}

@media(max-width: 520px) {
    .banner.product-banner .bg img {
        height: 340px
    }
}

.banner.product-banner .banner-content {
    position: relative;
    padding-bottom: 108px;
    margin-bottom: 108px;
    padding-left: 60px
}

@media(max-width: 1140px) {
    .banner.product-banner .banner-content {
        padding-left: 0px;
        margin: 0;
        padding-bottom: 75px
    }
}

@media(max-width: 767px) {
    .banner.product-banner .banner-content {
        padding-bottom: 0
    }
}

.banner.product-banner .content {
    max-width: 300px
}

@media(max-width: 991px) {
    .banner.product-banner .content {
        max-width: 420px
    }
}

@media(max-width: 675px) {
    .banner.product-banner .content {
        margin-bottom: 20%
    }
}

@media(max-width: 520px) {
    .banner.product-banner .content {
        max-width: 340px;
        text-align: center;
        margin-bottom: 12%
    }
}

.banner.product-banner .content h1, .banner.product-banner .content p {
    color: #fff
}

.banner.product-banner .content h1 {
    font-size: 48px;
    font-family: "Teodor",sans-serif;
    margin-bottom: 10px;
    white-space: nowrap
}

@media(max-width: 991px) {
    .banner.product-banner .content h1 {
        font-size: 45px;
        margin-bottom: 10px
    }
}

@media(max-width: 520px) {
    .banner.product-banner .content h1 {
        font-size: 40px;
        margin-bottom: 5px;
        white-space: normal;
    }
}

.banner.product-banner .content p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 22px
}

@media(max-width: 1140px) {
    .banner.product-banner .content p {
        font-size: 18px;
        margin-bottom: 10px
    }
}

@media(max-width: 991px) {
    .banner.product-banner .content p {
        font-size: 16px
    }
}

@media(max-width: 520px) {
    .banner.product-banner .content p {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 1.3
    }
}

.HinD-Product-Filter {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 15px;
    position: sticky;
    top: 63px;
    background: #fff;
    z-index: 3
}

@media(max-width: 1230px) {
    .HinD-Product-Filter {
        top: 54.19px
    }
}

@media(max-width: 991px) {
    .HinD-Product-Filter {
        position: fixed;
        margin: 0;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 111;
        border-top: 1px solid rgba(204,204,204,.4784313725)
    }
}

.HinD-Product-Filter .container-fluid {
    display: block;
    background: #f4f4f4
}

@media(max-width: 767px) {
    .HinD-Product-Filter .container-fluid {
        padding: 0 7px
    }
}

.HinD-Product-Filter .filter_wraper {
    position: relative;
    padding-right: 200px
}

@media(max-width: 1230px) {
    .HinD-Product-Filter .filter_wraper {
        padding-right: 180px
    }
}

@media(max-width: 991px) {
    .HinD-Product-Filter .filter_wraper {
        padding: 0
    }
}

@media(max-width: 991px) {
    .HinD-Product-Filter .Hin-Filter-box {
        position: fixed;
        top: 0;
        bottom: 0;
        left: -100%;
        background: #fff;
        padding: 15px;
        overflow-y: scroll;
        z-index: 2;
        width: 100%;
        max-width: 420px;
        padding-top: 45px;
        transition: .5s ease
    }
}

@media(max-width: 991px)and (max-width: 520px) {
    .HinD-Product-Filter .Hin-Filter-box {
        max-width: 100%
    }
}

.HinD-Product-Filter .Hin-Filter-box.is-open {
    left: 0
}

    .HinD-Product-Filter .Hin-Filter-box.is-open .clear_filter {
        transform: translateY(0);
        transition-delay: 0s
    }

.HinD-Product-Filter .Hin-Filter-box .close_filter {
    display: none
}

@media(max-width: 991px) {
    .HinD-Product-Filter .Hin-Filter-box .close_filter {
        display: block;
        position: absolute;
        top: 8px;
        right: 8px
    }
}

.HinD-Product-Filter .Hin-Filter-box .close_filter .btn_close_filter {
    width: 35px;
    height: 35px;
    position: relative
}

    .HinD-Product-Filter .Hin-Filter-box .close_filter .btn_close_filter::before {
        content: "Close";
        position: absolute;
        right: 100%;
        font-family: "Teodor",sans-serif;
        font-size: 16px;
        letter-spacing: 1px
    }

    .HinD-Product-Filter .Hin-Filter-box .close_filter .btn_close_filter img {
        display: block;
        margin: 0 auto
    }

@media(max-width: 991px) {
    .HinD-Product-Filter .Hin-Filter-box .Hin-Filter-group {
        margin-bottom: 50px
    }
}

@media(max-width: 520px) {
    .HinD-Product-Filter .Hin-Filter-box .Hin-Filter-group {
        margin-bottom: 80px
    }
}

.HinD-Product-Filter .filter_flex {
    display: flex
}

@media(max-width: 991px) {
    .HinD-Product-Filter .filter_flex {
        display: block
    }
}

.HinD-Product-Filter .filter_flex .filter_col {
    flex: 0 1;
    width: 100%
}

@media(max-width: 1230px) {
    .HinD-Product-Filter .filter_flex .filter_col {
        flex: 0 1 122px;
        max-width: 122px
    }
}

@media(max-width: 991px) {
    .HinD-Product-Filter .filter_flex .filter_col {
        flex: 0 1 100%;
        max-width: 100%;
        border-bottom: 1px solid #d5d5d5
    }
}

.HinD-Product-Filter .Filter-item-wrap {
    position: relative
}

    .HinD-Product-Filter .Filter-item-wrap .selected {
        position: relative;
        padding: 8px 35px 8px 8px;
        cursor: pointer;
        border-right: 0px solid #dbdbdb;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: .5s ease
    }

@media(max-width: 1230px) {
    .HinD-Product-Filter .Filter-item-wrap .selected {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media(max-width: 991px) {
    .HinD-Product-Filter .Filter-item-wrap .selected {
        border-right: 0;
        padding: 12px 0
    }
}

.HinD-Product-Filter .Filter-item-wrap .selected::after {
    content: "";
    position: absolute;
    width: 10px;
    background: url(../icons/down_sm.png);
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    bottom: 0;
    right: 14px
}

.HinD-Product-Filter .Filter-item-wrap .selected.active {
    padding-left: 25px
}

    .HinD-Product-Filter .Filter-item-wrap .selected.active::before {
        content: attr(data-text);
        font-style: inherit;
        font-weight: inherit;
        transition: .5s ease;
        white-space: nowrap;
        overflow: hidden;
        position: absolute;
        top: 10px;
        bottom: 0;
        left: 0;
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #6d6d6d;
        height: 20px;
        border-radius: 50%;
        color: #fff;
        font-size: 10px;
        font-weight: 600
    }

.HinD-Product-Filter .Filter-item-wrap .selected p {
    color: #000;
    font-family: "Spezia",sans-serif
}

@media(max-width: 991px) {
    .HinD-Product-Filter .Filter-item-wrap .selected p {
        font-size: 18px;
        text-transform: capitalize;
        font-family: "Teodor",sans-serif
    }
}

.HinD-Product-Filter .Filter-item-wrap ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 2;
    display: none;
    background: #fff;
    padding: 8px;
    box-shadow: 0 0 10px 1px rgba(51,51,51,.1607843137);
    max-height: 300px;
    width: 210px;
    overflow: hidden;
    overflow-y: scroll
}

@media(max-width: 1230px) {
    .HinD-Product-Filter .Filter-item-wrap ul {
        width: 160px
    }
}

@media(max-width: 991px) {
    .HinD-Product-Filter .Filter-item-wrap ul {
        position: static;
        width: 100%;
        box-shadow: none;
        max-height: initial;
        overflow: unset;
        border-top: 1px solid #d5d5d5
    }
}

.HinD-Product-Filter .Filter-item-wrap ul::-webkit-scrollbar {
    width: 3px
}

.HinD-Product-Filter .Filter-item-wrap ul::-webkit-scrollbar-track {
    box-shadow: none
}

.HinD-Product-Filter .Filter-item-wrap ul::-webkit-scrollbar-thumb {
    background-color: #000;
    outline: 0
}

.HinD-Product-Filter .Filter-item-wrap ul li {
    display: block;
    margin-left: -8px;
    margin-right: -8px
}

    .HinD-Product-Filter .Filter-item-wrap ul li label {
        display: block;
        cursor: pointer;
        padding: 5px 0;
        position: relative;
        padding-left: 40px;
        background: #fff;
        text-transform: capitalize;
        transition: .5s ease
    }

        .HinD-Product-Filter .Filter-item-wrap ul li label:hover {
            background: #f1f1f1
        }

    .HinD-Product-Filter .Filter-item-wrap ul li p {
        font-size: 14px
    }

.HinD-Product-Filter .clear_filter {
    display: flex;
    align-items: center;
    padding-left: 40px
}

@media(max-width: 1230px) {
    .HinD-Product-Filter .clear_filter {
        padding-left: 20px
    }
}

@media(min-width: 992px) {
    .HinD-Product-Filter .clear_filter {
        display: none
    }
}

@media(max-width: 991px) {
    .HinD-Product-Filter .clear_filter {
        position: fixed;
        padding: 0;
        bottom: 0;
        margin: 0;
        background: #fff;
        left: 0;
        right: 0;
        display: block;
        width: 90%;
        max-width: 420px;
        transform: translateY(100%);
        transition: .5s ease
    }
}

@media(max-width: 520px) {
    .HinD-Product-Filter .clear_filter {
        width: 100%
    }
}

.HinD-Product-Filter .clear_filter button.btn_clear {
    border: 1px solid #000;
    padding: 7px 18px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    background: rgba(0,0,0,0);
    transition: .5s ease
}

@media(max-width: 991px) {
    .HinD-Product-Filter .clear_filter button.btn_clear {
        border-radius: 0;
        padding: 15px;
        color: #fff;
        border: 0;
        background: #000;
        text-transform: capitalize;
        font-weight: normal
    }
}

.HinD-Product-Filter .clear_filter button.btn_clear:hover {
    background: #000;
    color: #fff
}

.HinD-Product-Filter .Hind-FilFeatur {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px
}

@media(max-width: 1230px) {
    .HinD-Product-Filter .Hind-FilFeatur {
        width: 180px
    }
}

.HinD-Product-Filter .Hind-FilFeatur .dropdown {
    display: block;
    position: relative
}

    .HinD-Product-Filter .Hind-FilFeatur .dropdown::before {
        content: "";
        position: absolute;
        bottom: 0%;
        right: 40px;
        border: 8px solid rgba(0,0,0,0);
        border-bottom-color: #000;
        opacity: 0;
        transition: .5s ease
    }

@media(max-width: 991px) {
    .HinD-Product-Filter .Hind-FilFeatur .dropdown::before {
        bottom: 100%
    }
}

.HinD-Product-Filter .Hind-FilFeatur .dropdown.active::before {
    opacity: 1
}

.HinD-Product-Filter .Hind-FilFeatur .selected {
    position: relative;
    padding: 7px 15px;
    padding-right: 35px;
    cursor: pointer
}

@media(max-width: 1230px) {
    .HinD-Product-Filter .Hind-FilFeatur .selected {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media(max-width: 991px) {
    .HinD-Product-Filter .Hind-FilFeatur .selected {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

.HinD-Product-Filter .Hind-FilFeatur .selected::after {
    content: "";
    position: absolute;
    width: 10px;
    background: url(../icons/down_sm.png);
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    bottom: 0;
    right: 14px;
    transition: .5s ease
}

.HinD-Product-Filter .Hind-FilFeatur .selected p {
    color: #000;
    text-align: right;
    font-family: "Spezia",sans-serif
}

@media(max-width: 991px) {
    .HinD-Product-Filter .Hind-FilFeatur .selected p {
        font-size: 13px;
        font-weight: 600;
        text-transform: capitalize
    }
}

.HinD-Product-Filter .Hind-FilFeatur ul {
    position: absolute;
    left: auto;
    width: 200px;
    right: 0;
    display: none;
    top: 100%;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(51,51,51,.1607843137);
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll
}

@media(max-width: 991px) {
    .HinD-Product-Filter .Hind-FilFeatur ul {
        top: auto;
        bottom: 100%;
        margin-bottom: 15px
    }
}

@media(max-width: 520px) {
    .HinD-Product-Filter .Hind-FilFeatur ul {
        top: auto;
        bottom: 26px;
        margin-bottom: 15px;
        position: fixed;
        left: 0;
        right: 0;
        max-width: 100%;
        width: 100%
    }
}

.HinD-Product-Filter .Hind-FilFeatur ul::-webkit-scrollbar {
    width: 3px
}

.HinD-Product-Filter .Hind-FilFeatur ul::-webkit-scrollbar-track {
    box-shadow: none
}

.HinD-Product-Filter .Hind-FilFeatur ul::-webkit-scrollbar-thumb {
    background-color: #000;
    outline: 0
}

.HinD-Product-Filter .Hind-FilFeatur ul li {
    display: block;
    cursor: pointer;
    padding: 6px 15px;
    font-size: 14px;
    background: #fff;
    color: #000;
    transition: .5s ease
}

    .HinD-Product-Filter .Hind-FilFeatur ul li.active {
        background: #000;
        color: #fff
    }

    .HinD-Product-Filter .Hind-FilFeatur ul li:hover {
        background: #f1f1f1
    }

.Hind-Product-Listing-inn {
    padding-bottom: 65px
}

@media(max-width: 675px) {
    .Hind-Product-Listing-inn {
        padding-bottom: 40px
    }
}

.Hind-Product-Listing-inn .container-fluid {
    padding: 10px
}

.product_card .flex .col {
    flex: 0 1 25%;
    max-width: 25%;
    width: 100%;
    padding: 15px
}

@media(max-width: 1230px) {
    .product_card .flex .col {
        padding: 6px
    }
}

@media(max-width: 991px) {
    .product_card .flex .col {
        flex: 0 1 33.33%;
        max-width: 33.33%
    }
}

@media(max-width: 675px) {
    .product_card .flex .col {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 6px 0
    }
}

.product_card .card {
    position: relative;
    border: 1px solid rgba(0,0,0,0);
    box-shadow: 0 0 0px rgba(0,0,0,0);
    transition: .5s ease
}

@media(max-width: 991px) {
    .product_card .card {
        height: auto
    }
}

.product_card .card a {
    display: block;
    position: relative
}

    .product_card .card a figure {
        display: block;
        overflow: hidden
    }

        .product_card .card a figure img {
            display: block;
            width: auto;
            height: auto;
            transform: scale(1);
            transition: 2s ease;
            max-width: 100%;
        }

    .product_card .card a:hover figure img {
        transform: scale(1.1)
    }

.product_card .card .content {
    padding: 15px;
    padding-left: 0;
    padding-right: 50px;
    transition: .5s ease;
    position: relative
}

    .product_card .card .content .name {
        font-weight: 600;
        color: #000
    }

@media(max-width: 520px) {
    .product_card .card .content .name {
        font-size: 14px;
        line-height: 1.5
    }
}

.product_card .card .content .size {
    color: #666
}

@media(max-width: 520px) {
    .product_card .card .content .size {
        font-size: 12px
    }
}

.product_card .card .wish_icon {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 14px;
    right: 8px
}

    .product_card .card .wish_icon .btn_wishlist {
        display: block;
        cursor: pointer;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 4px
    }

        .product_card .card .wish_icon .btn_wishlist svg {
            display: inline-block;
            width: 100%
        }

        .product_card .card .wish_icon .btn_wishlist .checked_wishe ~ svg path {
            fill: #000;
            stroke: #000
        }

.product_card .card:hover {
    border-color: #d5d5d5;
    box-shadow: 0 0px 10px rgba(204,204,204,.5215686275)
}

    .product_card .card:hover .content {
        padding-left: 15px
    }

.load_more {
    margin-top: 65px;
    text-align: center
}

@media(max-width: 675px) {
    .load_more {
        margin-top: 30px
    }
}

.load_more .btn_loadmore {
    display: inline-block;
    max-width: 180px;
    text-align: center;
    font-family: "Teodor",sans-serif;
    border: 1px solid #000;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    background: rgba(0,0,0,0);
    transition: .5s ease
}

    .load_more .btn_loadmore:hover {
        background: #000;
        color: #fff
    }

.filter_icon_mob {
    display: none
}

@media(max-width: 991px) {
    .filter_icon_mob {
        display: block
    }
}

.filter_icon_mob .btn_filter_icon {
    max-width: unset;
    width: auto;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 6px 0
}

    .filter_icon_mob .btn_filter_icon span, .filter_icon_mob .btn_filter_icon img {
        display: inline-block;
        vertical-align: middle
    }

    .filter_icon_mob .btn_filter_icon img {
        margin-right: 5px
    }

.filter_mob_over {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 2;
    opacity: .5;
    display: none;
    pointer-events: none;
    transition: opacity .8s ease
}

@media(max-width: 991px) {
    .filter_mob_over {
        display: block;
        opacity: 0
    }
}

@media(max-width: 991px) {
    .filter_mob_over.active {
        pointer-events: all;
        opacity: .5
    }
}

.Hind-Wishlist-Pop {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 400px;
    background: #fff;
    transition: all 1s ease;
    z-index: 9;
    border: 1px solid #eee;
    background: #fff;
    transform: translateY(100%);
    transition: 1s ease
}

@media(max-width: 675px) {
    .Hind-Wishlist-Pop {
        bottom: 38px;
        max-width: 400px;
        width: 100%
    }
}

.Hind-Wishlist-Pop.open {
    transform: translateY(0%)
}

.Hind-Wishlist-Pop .Hind-Wishlist-Wrapper {
    display: block
}

.Hind-Wishlist-Pop .model-header {
    position: relative;
    padding: 8px 15px;
    border-bottom: 1px solid rgba(106,106,106,.2196078431)
}

    .Hind-Wishlist-Pop .model-header .title {
        color: #000;
        font-size: 20px;
        font-family: "Teodor",sans-serif;
        display: inline-block
    }

    .Hind-Wishlist-Pop .model-header .btn_act {
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 180px
    }

        .Hind-Wishlist-Pop .model-header .btn_act .btn {
            display: inline-block;
            cursor: posinter;
            background: rgba(0,0,0,0);
            color: #666;
            font-size: 14px;
            cursor: pointer
        }

            .Hind-Wishlist-Pop .model-header .btn_act .btn:last-child {
                margin-left: 10px
            }

.Hind-Wishlist-Pop .model-body .WishlistItem {
    background: #fff;
    padding: 10px 15px
}

    .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex {
        overflow: hidden;
        display: flex
    }

        .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .col {
            width: 122.6666666667px;
            background-color: #fff;
            padding: 5px;
            height: 105px;
            overflow: hidden
        }

        .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card {
            border: 1px solid rgba(153,153,153,.4588235294);
            position: relative
        }

            .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card .remWish {
                position: absolute;
                right: 0;
                top: 0;
                display: none
            }

                .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card .remWish label {
                    width: 23px;
                    height: 23px;
                    background: #000;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer
                }

                    .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card .remWish label img {
                        width: 9px
                    }

            .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a {
                display: block
            }

                .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a figure {
                    display: block
                }

                    .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a figure img {
                        display: block;
                        width: 100%
                    }

                .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a .content {
                    padding: 6px
                }

                    .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a .content .name {
                        font-size: 11px;
                        color: #000;
                        line-height: 1.3;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis
                    }

                    .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a .content .size {
                        font-size: 11px;
                        color: #666
                    }

@media (max-width: 768px) {
    .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a .content {
        padding: 4px;
    }

        .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a .content .name {
            font-size: 11px;
            line-height: 1.2;
            -webkit-line-clamp: unset;
            overflow: visible;
            text-overflow: clip;
        }

        .Hind-Wishlist-Pop .model-body .WishlistItem .WishlistFlex .card a .content .size {
            font-size: 9px;
            color: #666;
        }
}


.filterStripPage {
    padding: 0;
    margin-bottom: 10px
}

@media(max-width: 991px) {
    .filterStripPage {
        margin: 0;
        padding: 20px 0 0
    }
}

.filterStripPage .strip, .filterStripPage .resetfilter {
    display: inline-block !important
}

    .filterStripPage .resetfilter button {
        display: inline-block;
        background: rgba(0,0,0,0);
        color: #000;
        line-height: 1;
        font-weight: 500;
        font-size: 12px;
        cursor: pointer;
        padding: 4px 0px;
        position: relative
    }

        .filterStripPage .resetfilter button::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 1px;
            background: #000
        }

    .filterStripPage .strip label {
        border: 1px solid #cbcbcb;
        padding: 4px 14px;
        color: #000;
        font-weight: 500;
        border-radius: 30px;
        line-height: 1;
        margin-right: 11px;
        cursor: pointer;
        display: inline-block;
        margin-bottom: 10px
    }

@media(max-width: 520px) {
    .filterStripPage .strip label {
        padding: 2px 10px;
        margin-right: 5px
    }
}

.filterStripPage .strip label span {
    display: inline-block;
    position: relative;
    font-size: 12px
}

.filterStripPage .strip label .clear {
    display: inline-block;
    font-size: 12px;
    margin-left: 20px
}

@media(max-width: 520px) {
    .filterStripPage .strip label .clear {
        margin-left: 6px
    }
}

.AdhesiveListing .banner.product-banner .content {
    max-width: 400px
}

@media(max-width: 991px) {
    .AdhesiveListing .banner.product-banner .content {
        max-width: 420px
    }
}

@media(max-width: 675px) {
    .AdhesiveListing .banner.product-banner .content {
        margin-bottom: 20%
    }
}

@media(max-width: 520px) {
    .AdhesiveListing .banner.product-banner .content {
        max-width: 340px;
        text-align: center;
        margin-bottom: 12%
    }
}

.AdhesiveListing .Hind-Product-Listing-inn .container-fluid {
    padding-top: 25px;
    padding-bottom: 25px
}

.AdhesiveListing .product_card .flex .col {
    flex: 0 1 33.33%;
    max-width: 33.33%
}

@media(max-width: 1230px) {
    .AdhesiveListing .product_card .flex .col {
        padding: 6px
    }
}

@media(max-width: 991px) {
    .AdhesiveListing .product_card .flex .col {
        flex: 0 1 33.33%;
        max-width: 33.33%
    }
}

@media(max-width: 675px) {
    .AdhesiveListing .product_card .flex .col {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 6px 0
    }
}

@media(min-width: 992px) {
    .AdhesiveDetail .Hind-ProductDetaisl .product_Detail .card .tile_specification ul li:last-child {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.perm_link {
    background: #fff;
    padding: 10px 0
}

@media(max-width: 767px) {
    .perm_link {
        padding: 20px 0
    }
}

.perm_link ul li {
    display: inline-block;
    margin-right: 15px;
    color: #000;
    font-size: 14px
}

@media(max-width: 520px) {
    .perm_link ul li {
        font-size: 13px;
        margin-right: 0px
    }
}

.perm_link ul li a {
    position: relative;
    display: block;
    padding: 0 10px;
    color: #666;
    font-size: inherit
}

@media(max-width: 520px) {
    .perm_link ul li a {
        padding: 0 7px;
        font-size: 13px;
        padding-left: 0;
        margin-right: 8px
    }
}

.perm_link ul li:not(:last-child) a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -8px;
    width: 12px;
    background: url("../icons/rid.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5px
}

.Hind-ProductDetaisl {
    padding: 35px 0
}

@media(max-width: 767px) {
    .Hind-ProductDetaisl {
        padding: 0
    }
}

.Hind-ProductDetaisl .product_wrapper .flex .col1 {
    flex: 0 1 50%;
    max-width: 50%;
    width: 100%;
    position: relative;
    z-index: 2
}

@media(max-width: 767px) {
    .Hind-ProductDetaisl .product_wrapper .flex .col1 {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.Hind-ProductDetaisl .product_wrapper .flex .col2 {
    flex: 0 1 50%;
    max-width: 50%;
    width: 100%
}

@media(max-width: 767px) {
    .Hind-ProductDetaisl .product_wrapper .flex .col2 {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.Hind-ProductDetaisl .product_wrapper .etalage {
    float: none
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_wrapper .etalage {
        margin-bottom: 20px !important
    }
}

.Hind-ProductDetaisl .product_slide {
    position: sticky;
    top: 68px
}

@media(max-width: 767px) {
    .Hind-ProductDetaisl .product_slide {
        position: static
    }
}

.Hind-ProductDetaisl .product_Detail .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #000;
    opacity: .24;
    margin-top: 25px
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .line {
        margin-top: 12px
    }
}

.Hind-ProductDetaisl .product_Detail .card h6 {
    font-family: "Spezia",sans-serif;
    font-weight: 600;
    margin-bottom: 8px
}

.Hind-ProductDetaisl .product_Detail .card .product_name {
    color: #000
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .product_name {
        margin-bottom: 10px;
        font-size: 20px
    }
}

.Hind-ProductDetaisl .product_Detail .card .sort_des {
    color: #000;
    font-size: 16px
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .sort_des {
        line-height: 1.5
    }
}

.Hind-ProductDetaisl .product_Detail .card .product_price {
    margin-top: 25px
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .product_price {
        margin-top: 12px
    }
}

.Hind-ProductDetaisl .product_Detail .card .product_price ul {
    display: inline-block;
    vertical-align: middle
}

.Hind-ProductDetaisl .product_Detail .card .product_price .price {
    margin-right: 0px;
    color: #000;
    font-size: 20px;
    font-weight: 600
}

.Hind-ProductDetaisl .product_Detail .card .product_price ul li {
    display: inline-block;
    vertical-align: middle
}

.Hind-ProductDetaisl .product_Detail .card .product_price .sq_priceDropdown {
    position: relative
}

    .Hind-ProductDetaisl .product_Detail .card .product_price .sq_priceDropdown .selectd {
        padding: 6px 0;
        line-height: normal;
        padding-right: 35px;
        position: relative;
        border-radius: 3px;
        cursor: pointer;
        margin-left: -5px
    }

    .Hind-ProductDetaisl .product_Detail .card .product_price .sq_priceDropdown ul {
        position: absolute;
        bottom: 100%;
        margin-bottom: 10px;
        left: 0;
        right: 0;
        padding: 5px 0;
        background: #fff;
        display: none;
        box-shadow: 0 0 10px #d9d9d9
    }

        .Hind-ProductDetaisl .product_Detail .card .product_price .sq_priceDropdown ul li {
            display: block;
            margin: 0;
            padding: 2px 10px;
            font-size: 14px;
            background: #fff;
            color: #666;
            cursor: pointer;
            transition: .5s ease
        }

            .Hind-ProductDetaisl .product_Detail .card .product_price .sq_priceDropdown ul li.active, .Hind-ProductDetaisl .product_Detail .card .product_price .sq_priceDropdown ul li:hover {
                background: #000;
                color: #fff
            }

        .Hind-ProductDetaisl .product_Detail .card .product_price .sq_priceDropdown ul li {
            display: block
        }

.Hind-ProductDetaisl .product_Detail .card .tile_specification {
    padding-top: 20px
}

    .Hind-ProductDetaisl .product_Detail .card .tile_specification ul {
        display: flex;
        flex-wrap: wrap
    }

        .Hind-ProductDetaisl .product_Detail .card .tile_specification ul li {
            flex: 0 1 33.33%;
            max-width: 33.33%;
            width: 100%;
            padding-top: 18px
        }

            .Hind-ProductDetaisl .product_Detail .card .tile_specification ul li .title {
                font-family: "Spezia",sans-serif;
                font-weight: 600;
                font-size: 16px
            }

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .tile_specification ul li p {
        font-size: 12px;
        line-height: normal
    }
}

.Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe {
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.2117647059)
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe {
        padding: 15px 0
    }
}

.Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul {
    display: flex;
    flex-wrap: wrap
}

    .Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul li {
        flex: 0 1 33.33%;
        max-width: 33.33%;
        width: 100%;
        padding-top: 18px
    }

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul li {
        flex: unset;
        max-width: unset;
        margin-right: 12px;
        width: auto;
        padding-top: 10px
    }
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul li:last-child {
        margin-right: 0
    }
}

.Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul li img, .Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul li span {
    display: inline-block;
    vertical-align: middle
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul li span {
        font-size: 14px
    }
}

.Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul li img {
    margin-right: 15px
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .Hin_Tile_Suitabe ul li img {
        margin-right: 6px;
        width: 16px
    }
}

.Hind-ProductDetaisl .product_Detail .card .product_action_link {
    margin-top: 30px
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn {
        position: relative;
        padding-right: 145px
    }

@media(max-width: 1024px) {
    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn {
        padding: 0
    }
}

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link {
    position: absolute;
    right: 0;
    width: 145px;
    top: 0;
    bottom: 0;
    text-align: right;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media(max-width: 1024px) {
    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link {
        position: static;
        margin-left: auto;
        margin-right: 0;
        margin-top: 20px
    }
}

@media(max-width: 991px) {
    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link {
        position: absolute;
        top: auto;
        bottom: 16px
    }
}

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link ul {
    display: inline-block;
    position: relative
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link ul:after {
        content: "";
        position: absolute;
        bottom: -20px;
        right: 10%;
        width: 10px;
        height: 10px;
        border: 10px solid rgba(0,0,0,0);
        border-top-color: #fff
    }

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link ul li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px
    }

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to {
    position: relative
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to ul {
        position: absolute;
        bottom: 100%;
        margin-bottom: 20px;
        right: 0;
        padding: 8px 0;
        background: #fff;
        display: none;
        box-shadow: 0 0 10px #d9d9d9;
        width: 150px;
        text-align: left
    }

        .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to ul li {
            display: block;
            margin: 0
        }

            .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to ul li a {
                width: 100%;
                display: flex;
                align-items: center;
                padding: 10px;
                background: #fff;
                transition: .5s ease
            }

                .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to ul li a:hover {
                    background: #f1f1f1
                }

                .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to ul li a svg {
                    display: block;
                    width: 30px;
                    height: 20px
                }

                .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to ul li a span {
                    padding-left: 6px;
                    color: #666;
                    font-size: 13px;
                    line-height: 1.3;
                    font-weight: 600
                }

                .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to ul li a svg, .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to ul li a span {
                    display: inline-block;
                    vertical-align: middle
                }

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to .share_btn {
        width: 38px;
        height: 38px;
        cursor: pointer
    }

        .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .share_to .share_btn img {
            display: block
        }

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .wish_list .wish_list_btn {
    width: 38px;
    height: 38px;
    cursor: pointer
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .wish_list .wish_list_btn svg {
        display: block
    }

        .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .wish_list .wish_list_btn svg path {
            stroke: #000
        }

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .share_link .wish_list .wish_list_btn.fill svg path {
        fill: #000;
        stroke: #000
    }

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex {
    align-items: center
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn {
        flex: 0 1 33.33%;
        max-width: 33.33%;
        width: 100%;
        padding-right: 15px
    }

@media(max-width: 991px) {
    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn {
        flex: 0 1 50%;
        max-width: 50%;
        margin-bottom: 15px
    }
}

@media(max-width: 520px) {
    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn {
        padding-right: 6px
    }
}

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_link {
    display: block;
    padding: 12px 20px;
    position: relative
}

@media(max-width: 1300px) {
    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_link {
        padding: 12px 14px
    }
}

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_link::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    background: #000;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .3s cubic-bezier(0.4, 0, 0, 1)
}

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_link:hover::after {
    transform: scaleX(1);
    transform-origin: left center
}

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_link:hover {
    color: #000
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_link:hover small, .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_link:hover p {
        color: #fff
    }

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_link span {
    display: block;
    position: relative;
    z-index: 1
}

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_enquiry {
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: capitalize;
    cursor: pointer
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_enquiry::after {
        background: #f4f4f4
    }

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_she_down {
    padding: 6px 20px;
    position: relative;
    color: #000;
    background: #f4f4f4
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_she_down small {
        font-size: 12px;
        display: block;
        line-height: 1
    }

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_she_down p {
        font-size: 14px;
        font-weight: 600;
        text-transform: capitalize
    }

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_she_down img {
        position: absolute;
        right: 0px;
        top: 9px
    }

.Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_order_s {
    background: #f4f4f4;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center
}

    .Hind-ProductDetaisl .product_Detail .card .product_action_link .action_btn .flex .btn .btn_order_s:hover {
        color: #fff
    }

#etalage li.etalage_small_thumbs ul li {
    cursor: pointer;
    padding: 0;
    border-color: #000
}

    #etalage li.etalage_small_thumbs ul li img {
        display: block;
        padding: 5px
    }

.Products_tile_slid {
    padding: 60px 0 80px;
    background: #f4f4f4;
    display: none
}

@media(max-width: 767px) {
    .Products_tile_slid {
        padding: 40px 0
    }
}

@media(max-width: 520px) {
    .Products_tile_slid {
        padding: 30px 0
    }
}

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

@media(max-width: 767px) {
    .Products_tile_slid .heading {
        margin-bottom: 40px
    }
}

@media(max-width: 520px) {
    .Products_tile_slid .heading {
        margin-bottom: 30px
    }
}

.Products_tile_slid .heading h2 {
    font-size: 48px
}

@media(max-width: 767px) {
    .Products_tile_slid .heading h2 {
        font-size: 36px
    }
}

@media(max-width: 520px) {
    .Products_tile_slid .heading h2 {
        font-size: 30px
    }
}

@media(max-width: 991px) {
    .Products_tile_slid .Prd_inner_TileSlide {
        padding: 0 60px
    }
}

@media(max-width: 767px) {
    .Products_tile_slid .Prd_inner_TileSlide {
        padding: 0 15px
    }
}

@media(min-width: 992px) {
    .Products_tile_slid .Prd_inner_TileSlide .item {
        opacity: .2;
        transition: .5s ease
    }
}

@media(min-width: 992px) {
    .Products_tile_slid .Prd_inner_TileSlide .active .item {
        opacity: 1
    }
}

@media(min-width: 992px) {
    .Products_tile_slid .Prd_inner_TileSlide .last_owl .item {
        opacity: .2
    }
}

@media(min-width: 992px) {
    .Products_tile_slid .Prd_inner_TileSlide .owl-nav button {
        background: #fff;
        border-radius: 56px
    }
}

@media(max-width: 991px) {
    .Products_tile_slid .Prd_inner_TileSlide .owl-nav button.owl-prev {
        left: -5px
    }
}

@media(max-width: 991px) {
    .Products_tile_slid .Prd_inner_TileSlide .owl-nav button.owl-next {
        right: -5px
    }
}

.similar_products {
    padding: 80px 0 60px
}

@media(max-width: 767px) {
    .similar_products {
        padding: 40px 0
    }
}

@media(max-width: 520px) {
    .similar_products {
        padding: 30px 0 10px
    }
}

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

@media(max-width: 767px) {
    .similar_products .heading {
        margin-bottom: 40px
    }
}

@media(max-width: 520px) {
    .similar_products .heading {
        margin-bottom: 30px
    }
}

.similar_products .heading h2 {
    font-family: "Teodor",sans-serif;
    font-size: 48px;
    margin-bottom: 10px
}

@media(max-width: 767px) {
    .similar_products .heading h2 {
        font-size: 30px
    }
}

.similar_products .heading p {
    color: #000
}

@media(max-width: 520px) {
    .similar_products .heading p {
        font-size: 14px;
        line-height: 1.3
    }
}

.similar_products .owl-carousel {
    padding: 0 45px
}

@media(max-width: 767px) {
    .similar_products .owl-carousel {
        padding: 0
    }
}

.similar_products .owl-carousel .owl-nav button {
    top: 45%
}

    .similar_products .owl-carousel .owl-nav button.owl-prev {
        left: -20px
    }

    .similar_products .owl-carousel .owl-nav button.owl-next {
        right: -20px
    }

li.etalage_zoom_area .etalage_description {
    display: none !important
}

.inspiration_inner_page .inner_sectA {
    padding: 50px 0 30px;
    background: url("../images/bg1.jpg");
    background-position: top right;
    background-repeat: no-repeat
}

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectA {
        padding-top: 20px
    }
}

.inspiration_inner_page .inner_sectA .flex {
    align-items: center
}

    .inspiration_inner_page .inner_sectA .flex .col1 {
        flex: 0 1 40%;
        max-width: 40%;
        width: 100%;
        padding-right: 15px
    }

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectA .flex .col1 {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0
    }
}

.inspiration_inner_page .inner_sectA .flex .col2 {
    flex: 0 1 60%;
    max-width: 60%;
    width: 100%
}

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectA .flex .col2 {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0
    }
}

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectA .title {
        margin-bottom: 25px
    }
}

.inspiration_inner_page .inner_sectA .title h2 {
    font-size: 40px;
    color: #000
}

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectA .title h2 {
        font-size: 28px;
        text-align: center
    }
}

.inspiration_inner_page .inner_sectA .title h2 span {
    display: inline-block;
    font-family: "Cattaonia",sans-serif
}

.inspiration_inner_page .inner_sectA .content {
    position: relative;
    padding-right: 105px
}

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectA .content {
        padding: 0;
        text-align: center
    }
}

.inspiration_inner_page .inner_sectA .content p {
    display: block
}

@media(max-width: 520px) {
    .inspiration_inner_page .inner_sectA .content p {
        font-size: 14px;
        line-height: 1.4
    }
}

.inspiration_inner_page .inner_sectA .content .video_icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border: 0;
    background: url("../icons/Ellipse_ic.png")
}

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectA .content .video_icon {
        display: none
    }
}

.inspiration_inner_page .inner_sectB {
    position: sticky;
    top: 63px;
    z-index: 2;
    background: #fff
}

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectB {
        top: 54.19px
    }
}

@media(max-width: 520px) {
    .inspiration_inner_page .inner_sectB {
        display: none
    }
}

.inspiration_inner_page .inner_sectB .tab_inspiration {
    margin-bottom: 60px
}

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectB .tab_inspiration {
        margin-bottom: 45px
    }
}

.inspiration_inner_page .inner_sectB .tab_inspiration ul {
    text-align: center
}

    .inspiration_inner_page .inner_sectB .tab_inspiration ul li {
        display: inline-block;
        margin: 0 35px;
        position: relative;
        padding: 8px 0;
        font-weight: 600;
        color: #666;
        position: relative;
        cursor: pointer;
        transition: .5s ease
    }

@media(max-width: 991px) {
    .inspiration_inner_page .inner_sectB .tab_inspiration ul li {
        margin: 0 15px;
        font-size: 14px
    }
}

@media(max-width: 767px) {
    .inspiration_inner_page .inner_sectB .tab_inspiration ul li {
        margin: 0 10px
    }
}

.inspiration_inner_page .inner_sectB .tab_inspiration ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #000;
    width: 100%;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .3s cubic-bezier(0.4, 0, 0, 1)
}

.inspiration_inner_page .inner_sectB .tab_inspiration ul li.active {
    color: #000
}

    .inspiration_inner_page .inner_sectB .tab_inspiration ul li.active::after {
        transform: scaleX(1);
        transform-origin: left center
    }

.inspiration_inner_page .inspiration_slider_inn .slide {
    position: relative;
    margin-bottom: 25px
}

@media(max-width: 520px) {
    .inspiration_inner_page .inspiration_slider_inn .slide {
        padding: 0 10px;
        background: #fff;
        margin-bottom: 13px
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide .owl-carousel::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 350px;
    right: 0;
    opacity: .6;
    background: linear-gradient(to top, black, transparent)
}

@media(max-width: 767px) {
    .inspiration_inner_page .inspiration_slider_inn .slide .owl-carousel::after {
        height: 50%
    }
}

@media(min-width: 992px) {
    .inspiration_inner_page .inspiration_slider_inn .slide .owl-carousel .item img {
        height: calc(100vh - 104px)
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide .owl-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 374px;
    padding: 30px 0;
    z-index: 1
}

@media(max-width: 767px) {
    .inspiration_inner_page .inspiration_slider_inn .slide .owl-dots {
        right: 0;
        padding: 10px 0
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide .owl-dots button.owl-dot {
    display: inline-block;
    margin: 0 6px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 25px;
    opacity: .5;
    cursor: pointer;
    transition: .5s ease
}

    .inspiration_inner_page .inspiration_slider_inn .slide .owl-dots button.owl-dot.active {
        opacity: 1
    }

.inspiration_inner_page .inspiration_slider_inn .slide_details {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    max-width: 374px;
    width: 100%;
    z-index: 1;
    padding: 90px 44px
}

@media(max-width: 1140px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details {
        padding: 40px
    }
}

@media(max-width: 991px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details {
        max-width: 320px;
        padding: 15px;
        padding-top: 30px
    }
}

@media(max-width: 767px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details {
        position: static;
        padding: 30px;
        max-width: 100%
    }
}

@media(max-width: 520px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details {
        padding: 30px 15px;
        position: relative
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .76
}

@media(max-width: 767px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details::before {
        opacity: .9
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_details_wrap {
    position: relative
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .content h3, .inspiration_inner_page .inspiration_slider_inn .slide_details .content p {
    color: #fff
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .content h3 {
    margin-bottom: 20px
}

@media(max-width: 520px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .content h3 {
        margin-bottom: 10px
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .content p {
    font-size: 14px;
    line-height: 1.4
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title {
    margin-top: 30px
}

@media(max-width: 1140px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title {
        margin-top: 20px
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile {
    display: flex;
    flex-wrap: wrap
}

    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item {
        flex: 0 1 50%;
        max-width: 50%;
        width: 100%;
        padding: 8px;
        cursor: pointer
    }

@media(max-width: 991px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item {
        flex: 0 1 33.33%;
        max-width: 33.33%
    }
}

@media(max-width: 767px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item {
        flex: 0 1 25%;
        max-width: 25%
    }
}

@media(max-width: 520px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item {
        flex: 0 1 33.33%;
        max-width: 33.33%
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item.fade img {
    filter: grayscale(1) brightness(0.3)
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item:hover .box .text {
    opacity: 1;
    transform: translateY(0px);
    opacity: 1
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item img {
    border-radius: 10px;
    filter: grayscale(0) brightness(1);
    transition: .5s ease
}

@media(min-width: 992px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item:nth-child(even) .box .text {
        right: 0;
        left: auto
    }

        .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item:nth-child(even) .box .text::after {
            left: auto;
            right: 30px
        }
}

@media(max-width: 991px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item:nth-child(3n) .box .text {
        right: 0;
        left: auto
    }

        .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .item:nth-child(3n) .box .text::after {
            left: auto;
            right: 30px
        }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box {
    position: relative
}

    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text {
        padding: 12px 4px;
        text-align: center;
        margin-bottom: 25px;
        text-align: center;
        position: relative;
        transform: translateY(92px);
        opacity: 0;
        min-height: 85px;
        transition: .5s ease
    }

@media(min-width: 992px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text {
        min-height: auto;
        margin-bottom: 5px
    }
}

@media(max-width: 991px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text {
        padding: 9px 4px
    }
}

@media(max-width: 520px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text {
        display: none
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 8px;
    background: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%, 50% 100%);
    bottom: -9px;
    margin: 0 auto;
    left: 0;
    right: 0
}

@media(min-width: 992px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text::after {
        display: none
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text p, .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text span {
    color: #fff;
    font-family: "Teodor",sans-serif;
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize
}

@media(max-width: 991px) {
    .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text p, .inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box .text span {
        font-size: 12px
    }
}

.inspiration_inner_page .inspiration_slider_inn .slide_details .slide_ins_title .slide_insp_tile .box img {
    position: relative;
    z-index: 2;
    border-radius: 10px
}

@media(min-width: 992px) {
    .inspiration_inner_page .inspiration_slider_inn .slide:nth-child(even) .slide_details {
        right: auto;
        left: 0
    }

    .inspiration_inner_page .inspiration_slider_inn .slide:nth-child(even) .owl-dots {
        left: 374px;
        right: 0
    }
}

.blog_hero_Section {
    padding-top: 30px;
}

@media(max-width: 991px) {
    .blog_hero_Section {
        padding-top: 50px;
    }
}

@media(max-width: 767px) {
    .blog_hero_Section {
        padding-top: 30px;
    }
}

.blog_hero_Section .content {
    text-align: center;
    max-width: 670px;
    width: 100%;
    margin: 0 auto
}

    .blog_hero_Section .content h1 {
        font-family: "Teodor",sans-serif;
        font-size: 48px;
        color: #000;
        margin-bottom: 5px
    }

@media(max-width: 767px) {
    .blog_hero_Section .content h1 {
        font-size: 40px
    }
}

.blog_hero_Section .content p {
    color: #000;
    font-size: 16px
}

.blog_filter ul {
    text-align: center
}

    .blog_filter ul li {
        margin: 0 15px;
        display: inline-block;
        position: relative;
        font-size: 15px;
        padding-bottom: 10px;
        color: #000;
        cursor: pointer;
        text-transform: capitalize;
        font-weight: 600;
        text-transform: capitalize
    }

@media(max-width: 767px) {
    .blog_filter ul li {
        margin: 0 5px;
        font-size: 14px
    }
}

.blog_filter ul li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 2px;
    background: #000;
    transition: .5s ease
}

.blog_filter ul li.active::before {
    right: 0
}

.Hin-BlogListing {
    padding-bottom: 60px
}

@media(max-width: 991px) {
    .Hin-BlogListing {
        padding-bottom: 30px
    }
}

@media(max-width: 520px) {
    .Hin-BlogListing {
        padding-bottom: 10px
    }
}

.Hin-BlogListing .feature_box {
    padding: 0 15px
}

@media(max-width: 991px) {
    .Hin-BlogListing .feature_box {
        padding: 0 10px 10px
    }
}

@media(max-width: 520px) {
    .Hin-BlogListing .feature_box {
        padding: 0;
        padding-bottom: 10px
    }
}

.Hin-BlogListing .feature_box .card {
    display: flex;
    flex-wrap: wrap
}

    .Hin-BlogListing .feature_box .card figure {
        flex: 0 1 66%;
        max-width: 66%;
        width: 100%
    }

@media(max-width: 991px) {
    .Hin-BlogListing .feature_box .card figure {
        flex: 0 1 58%;
        max-width: 58%
    }
}

@media(max-width: 520px) {
    .Hin-BlogListing .feature_box .card figure {
        flex: 0 1 100%;
        max-width: 100%
    }
}

@media(max-width: 991px) {
    .Hin-BlogListing .feature_box .card figure img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.Hin-BlogListing .feature_box .card .content {
    flex: 0 1 34%;
    max-width: 34%;
    width: 100%;
    text-align: left;
    padding: 20px 25px 0;
}

@media(max-width: 991px) {
    .Hin-BlogListing .feature_box .card .content {
        flex: 0 1 42%;
        max-width: 42%
    }
}

@media(max-width: 520px) {
    .Hin-BlogListing .feature_box .card .content {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 12px
    }
}

.Hin-BlogListing .feature_box .card .content .blog_type {
    font-size: 14px;
    color: #000
}

.Hin-BlogListing .feature_box .card .content .blog_title {
    font-size: 27px;
    line-height: 1.2;
    font-family: "Teodor",sans-serif;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 15px
}

@media(max-width: 991px) {
    .Hin-BlogListing .feature_box .card .content .blog_title {
        font-size: 25px
    }
}

@media(max-width: 520px) {
    .Hin-BlogListing .feature_box .card .content .blog_title {
        font-size: 20px;
        margin-bottom: 3px
    }
}

.Hin-BlogListing .feature_box .card .content .date {
    font-size: 14px
}

.Hin-BlogListing .feature_box .card .content .line {
    display: block;
    border-bottom: 1px solid #666;
    margin: 10px 0 25px;
    opacity: .6
}

@media(max-width: 520px) {
    .Hin-BlogListing .feature_box .card .content .line {
        margin-bottom: 15px
    }
}

.Hin-BlogListing .feature_box .card .content p {
    font-size: 14px;
    line-height: 1.5;
    display: block
}

.Hin-BlogListing .flex .col {
    flex: 0 1 33.33%;
    max-width: 33.33%;
    width: 100%;
    padding: 15px
}

@media(max-width: 991px) {
    .Hin-BlogListing .flex .col {
        padding: 10px
    }
}

@media(max-width: 767px) {
    .Hin-BlogListing .flex .col {
        flex: 0 1 50%;
        max-width: 50%
    }
}

@media(max-width: 520px) {
    .Hin-BlogListing .flex .col {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 10px 0
    }
}

.Hin-BlogListing .card {
    background: #ebebeb;
    position: relative;
    height: 100%;
}

    .Hin-BlogListing .card .blo_link {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1
    }

    .Hin-BlogListing .card figure {
        display: block;
        overflow: hidden
    }

        .Hin-BlogListing .card figure img {
            display: block;
            width: 100%;
            transform: scale(1);
            transition: 2s ease
        }

    .Hin-BlogListing .card .content {
        text-align: center;
        padding: 20px 25px
    }

        .Hin-BlogListing .card .content .blog_type {
            font-size: 12px;
            color: #000
        }

        .Hin-BlogListing .card .content .blog_title {
            font-size: 18px;
            font-family: "Teodor",sans-serif;
            line-height: 1.4;
            color: #000;
            text-transform: capitalize;
            margin: 5px 0
        }

        .Hin-BlogListing .card .content .date {
            font-size: 14px
        }

        .Hin-BlogListing .card .content .line {
            display: none
        }

        .Hin-BlogListing .card .content p {
            display: none
        }

    .Hin-BlogListing .card:hover figure img {
        transform: scale(1.1)
    }

@media(max-width: 991px) {
    .banner.blog_banner .bg::before {
        width: 100%
    }
}

.banner.blog_banner .banner-content .content {
    max-width: 600px
}

@media(max-width: 991px) {
    .banner.blog_banner .banner-content .content {
        max-width: 420px
    }
}

@media(max-width: 675px) {
    .banner.blog_banner .banner-content .content {
        max-width: 320px;
        margin-bottom: 12%
    }
}

.banner.blog_banner .banner-content .content .date {
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px
}

@media(max-width: 991px) {
    .banner.blog_banner .banner-content .content .date {
        margin-bottom: 10px
    }
}

@media(max-width: 767px) {
    .banner.blog_banner .banner-content .content .date {
        margin-bottom: 5px
    }
}

@media(max-width: 675px) {
    .banner.blog_banner .banner-content .content .date {
        margin-bottom: 0
    }
}

.banner.blog_banner .banner-content .content p {
    padding-right: 45px
}

@media(max-width: 991px) {
    .banner.blog_banner .banner-content .content p {
        padding: 0;
        line-height: 1.4
    }
}

@media(max-width: 991px) {
    .banner.blog_banner .banner-content .content h1 {
        font-size: 36px
    }
}

@media(max-width: 991px) {
    .banner.blog_banner .banner-content .content h1 {
        font-size: 30px
    }
}

@media(max-width: 675px) {
    .banner.blog_banner .banner-content .content h1 {
        line-height: normal;
        margin-bottom: 15px;
        white-space: normal
    }
}

.Hind-Blog-DetailsSec {
    padding: 70px 0
}

@media(max-width: 991px) {
    .Hind-Blog-DetailsSec {
        padding: 40px 0
    }
}

@media(max-width: 675px) {
    .Hind-Blog-DetailsSec {
        padding-bottom: 15px
    }
}

.Hind-Blog-DetailsSec .flex .col1 {
    flex: 1;
    padding-right: 80px
}

@media(max-width: 1140px) {
    .Hind-Blog-DetailsSec .flex .col1 {
        padding-right: 15px
    }
}

@media(max-width: 767px) {
    .Hind-Blog-DetailsSec .flex .col1 {
        padding: 0
    }
}

.Hind-Blog-DetailsSec .flex .col2 {
    flex: 0 1 307px;
    max-width: 307px;
    width: 100%
}

@media(max-width: 1140px) {
    .Hind-Blog-DetailsSec .flex .col2 {
        padding: 0 15px
    }
}

@media(max-width: 991px) {
    .Hind-Blog-DetailsSec .flex .col2 {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 0
    }
}

.Hind-Blog-DetailsSec .blog_details .content p {
    margin-bottom: 20px;
    text-align: justify;
    line-height: 24px
}

.Hind-Blog-DetailsSec .blog_details .content h3 {
    color: #000;
    margin-top: 45px;
    margin-bottom: 15px;
    font-weight: normal
}

@media(max-width: 991px) {
    .Hind-Blog-DetailsSec .blog_details .content h3 {
        margin-top: 30px
    }
}

.Hind-Blog-DetailsSec .aside_right h4 {
    color: #000;
    border-bottom: 1px solid #000;
    font-weight: normal;
    padding-bottom: 15px;
    margin-bottom: 7px
}

.Hind-Blog-DetailsSec .blog-category ul {
    padding: 15px 0;
    margin-bottom: 20px
}

@media(max-width: 675px) {
    .Hind-Blog-DetailsSec .blog-category ul {
        margin-bottom: 0px
    }
}

.Hind-Blog-DetailsSec .blog-category ul li {
    display: block
}

    .Hind-Blog-DetailsSec .blog-category ul li a {
        font-size: 18px;
        color: #666;
        display: block;
        padding: 5px 0;
        transition: .7s ease
    }

        .Hind-Blog-DetailsSec .blog-category ul li a:hover {
            padding-left: 6px;
            color: #000
        }

.Hind-Blog-DetailsSec .social-links {
    padding-top: 15px
}

    .Hind-Blog-DetailsSec .social-links ul {
        margin-top: 20px
    }

        .Hind-Blog-DetailsSec .social-links ul li:not(:last-child) {
            margin-right: 8px
        }

        .Hind-Blog-DetailsSec .social-links ul li a {
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #000;
            border-radius: 40px;
            transition: .5s ease
        }

            .Hind-Blog-DetailsSec .social-links ul li a svg path {
                fill: #000
            }

            .Hind-Blog-DetailsSec .social-links ul li a:hover {
                background: #000
            }

                .Hind-Blog-DetailsSec .social-links ul li a:hover svg path {
                    fill: #fff
                }

.Related-blog-seaction {
    padding-bottom: 70px
}

@media(max-width: 991px) {
    .Related-blog-seaction {
        padding: 45px 0
    }
}

.Related-blog-seaction .heading {
    margin-bottom: 60px
}

@media(max-width: 991px) {
    .Related-blog-seaction .heading {
        margin-bottom: 40px
    }
}

.Related-blog-seaction .heading h2 {
    font-size: 48px;
    font-family: "Teodor",sans-serif
}

@media(max-width: 991px) {
    .Related-blog-seaction .heading h2 {
        font-size: 36px
    }
}

.Related-blog-seaction .blog_relatedSlid .item {
    background: #ebebeb
}

    .Related-blog-seaction .blog_relatedSlid .item .content {
        padding: 20px;
        text-align: center;
        min-height: 140px;
    }

@media(max-width: 991px) {
    .Related-blog-seaction .blog_relatedSlid .item .content {
        padding: 15px
    }
}

.Related-blog-seaction .blog_relatedSlid .item .content .sub_title {
    font-size: 12px;
    color: #000
}

.Related-blog-seaction .blog_relatedSlid .item .content .title {
    color: #000;
    font-family: "Teodor",sans-serif
}

.Related-blog-seaction .blog_relatedSlid .item .content .date {
    font-size: 14px;
    color: #666
}

.Related-blog-seaction .blog_relatedSlid .item figure {
    overflow: hidden
}

    .Related-blog-seaction .blog_relatedSlid .item figure img {
        width: 100%;
        display: block;
        transform: scale(1);
        transition: 2s ease;
        min-height: 230px
    }

.Related-blog-seaction .blog_relatedSlid .item:hover figure img {
    transform: scale(1.1)
}

.Related-blog-seaction .blog_relatedSlid .owl-nav button.owl-prev {
    left: -55px
}

.Related-blog-seaction .blog_relatedSlid .owl-nav button.owl-next {
    right: -55px
}

.banner.store_banner .bg::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7411764706), rgba(0, 0, 0, 0.7882352941), transparent);
    width: 100%;
    height: 70%;
    top: auto;
    bottom: 0
}

@media(max-width: 675px) {
    .banner.store_banner .bg img, .banner.store_banner .bg video {
        height: 260px
    }
}

.banner.store_banner .banner-wrapper .banner-content {
    margin-bottom: 0;
    padding-bottom: 60px
}

@media(max-width: 991px) {
    .banner.store_banner .banner-wrapper .banner-content {
        padding-bottom: 0
    }
}

.banner.store_banner .banner-wrapper .banner-content .content {
    text-align: center;
    max-width: 1000px
}

@media(max-width: 991px) {
    .banner.store_banner .banner-wrapper .banner-content .content {
        margin-bottom: 12%
    }
}

@media(max-width: 675px) {
    .banner.store_banner .banner-wrapper .banner-content .content p {
        /*display: none*/
    }
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    padding-top: 20px;
}

    .breadcrumb li a {
        font-size: 16px;
        color: #000;
        transition: all .3s;
    }

        .breadcrumb li a:hover, .breadcrumb li a.active {
            color: #000;
        }

.storelocatore_filter {
    padding: 20px 0 50px
}

@media(max-width: 991px) {
    .storelocatore_filter {
        padding: 30px 0
    }
}

@media(max-width: 520px) {
    .storelocatore_filter {
        padding: 15px 0 10px
    }
}

.store_locaDropdown .StoreLocaterWrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 55px
}

@media(max-width: 1230px) {
    .store_locaDropdown .StoreLocaterWrap {
        gap: 0 32px
    }
}

@media(max-width: 991px) {
    .store_locaDropdown .StoreLocaterWrap {
        gap: 15px 0
    }
}

.store_locaDropdown .StoreLocaterWrap .StoreLocatorTypeghk {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    gap: 0 20px;
    margin-top: 11px
}

@media(max-width: 991px) {
    .store_locaDropdown .StoreLocaterWrap .StoreLocatorTypeghk {
        flex: 0 1 100%;
        justify-content: center
    }
}

.store_locaDropdown .StoreLocaterWrap .StoreLocatorTypeghk .optnskel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 12px
}

    .store_locaDropdown .StoreLocaterWrap .StoreLocatorTypeghk .optnskel input {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        opacity: 0;
        cursor: pointer
    }

        .store_locaDropdown .StoreLocaterWrap .StoreLocatorTypeghk .optnskel input:checked + .cstm-dot {
            background: #000
        }

    .store_locaDropdown .StoreLocaterWrap .StoreLocatorTypeghk .optnskel .cstm-dot {
        display: block;
        --varheight: 15px;
        height: var(--varheight);
        width: var(--varheight);
        border-radius: 50%;
        background: none;
        border: 1px solid #000;
        border-radius: 50%;
        transition: .2s ease
    }

    .store_locaDropdown .StoreLocaterWrap .StoreLocatorTypeghk .optnskel label {
        font-size: 14px
    }

.store_locaDropdown .StoreLocaterWrap .form {
    flex: 1
}

    .store_locaDropdown .StoreLocaterWrap .form .flex .col {
        flex: 0 1 33.33%;
        max-width: 33.33%;
        width: 100%
    }

@media(max-width: 675px) {
    .store_locaDropdown .StoreLocaterWrap .form .flex .col {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.store_locaDropdown .StoreLocaterWrap .form .form-group .form-control {
    padding: 0;
    border-color: #000
}

.store_locaDropdown .StoreLocaterWrap .btn_from {
    margin: 0
}

    .store_locaDropdown .StoreLocaterWrap .btn_from .btn {
        display: inline-block;
        background: #000;
        border: 0;
        color: #fff;
        padding: 10px 15px;
        cursor: pointer
    }

.store_locaDropdown .StoreLocaterWrap .Detact_location {
    flex: 1;
    padding-left: 50px;
    position: relative
}

@media(max-width: 1024px) {
    .store_locaDropdown .StoreLocaterWrap .Detact_location {
        padding: 0
    }
}

@media(max-width: 675px) {
    .store_locaDropdown .StoreLocaterWrap .Detact_location {
        margin-top: 15px;
        padding: 0 5px
    }
}

.store_locaDropdown .StoreLocaterWrap .Detact_location::before {
    content: "Or";
    position: absolute;
    font-weight: 600;
    color: #666;
    z-index: 1;
    left: 10px;
    top: 9px
}

@media(max-width: 991px) {
    .store_locaDropdown .StoreLocaterWrap .Detact_location::before {
        display: none
    }
}

.store_locaDropdown .StoreLocaterWrap .Detact_location .btn {
    display: inline-block;
    position: relative;
    background: #f2f2f2;
    border: 1px solid #aaa;
    border-radius: 3px;
    cursor: pointer;
    padding: 6px 30px;
    padding-left: 55px;
    text-align: left
}

@media(max-width: 991px) {
    .store_locaDropdown .StoreLocaterWrap .Detact_location .btn {
        max-width: 210px;
        margin-left: auto;
        display: block;
        padding: 6px 24px;
        padding-left: 45px
    }
}

@media(max-width: 675px) {
    .store_locaDropdown .StoreLocaterWrap .Detact_location .btn {
        max-width: 100%
    }
}

.store_locaDropdown .StoreLocaterWrap .Detact_location .btn img {
    display: inline-block;
    position: absolute;
    left: 18px;
    top: 10px
}

.store_locaDropdown .StoreLocaterWrap .Detact_location .btn p {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    line-height: 1.2
}

    .store_locaDropdown .StoreLocaterWrap .Detact_location .btn p span {
        display: block;
        font-size: 12px;
        font-weight: normal;
        color: #666
    }

.store_locaDropdown .StoreLocaterWrap .col {
    flex: 0 1 50%;
    max-width: 50%;
    width: 100%;
    padding: 0 10px
}

@media(max-width: 675px) {
    .store_locaDropdown .StoreLocaterWrap .col {
        flex: 0 1 50%;
        max-width: 50%;
        padding: 0 5px
    }
}

.MapStoreLocator {
    padding-bottom: 65px
}

@media(max-width: 991px) {
    .MapStoreLocator {
        padding-bottom: 30px
    }
}

.MapStoreLocator .MapStoreLocatorWrap {
    position: relative
}

.MapStoreLocator .store_locatorList {
    max-width: 412px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #fff;
    overflow-y: scroll
}

@media(max-width: 1024px) {
    .MapStoreLocator .store_locatorList {
        max-width: 320px
    }
}

@media(max-width: 675px) {
    .MapStoreLocator .store_locatorList {
        position: static;
        overflow: auto;
        max-width: 100%
    }
}

.MapStoreLocator .store_locatorList::-webkit-scrollbar {
    width: 3px
}

.MapStoreLocator .store_locatorList::-webkit-scrollbar-track {
    box-shadow: none
}

.MapStoreLocator .store_locatorList::-webkit-scrollbar-thumb {
    background-color: #000;
    outline: 0
}

.MapStoreLocator .store_locatorList .wrapper {
    display: block
}

.MapStoreLocator .store_locatorList .item {
    cursor: pointer
}

    .MapStoreLocator .store_locatorList .item .card {
        background: #f4f4f4;
        padding: 25px
    }

@media(max-width: 675px) {
    .MapStoreLocator .store_locatorList .item .card {
        padding: 15px
    }
}

.MapStoreLocator .store_locatorList .item .card .title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px
}

@media(max-width: 675px) {
    .MapStoreLocator .store_locatorList .item .card .title {
        margin-bottom: 4px
    }
}

.MapStoreLocator .store_locatorList .item .card ul li {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 1.5
}

@media(max-width: 520px) {
    .MapStoreLocator .store_locatorList .item .card ul li {
        font-size: 13px
    }
}

.MapStoreLocator .store_locatorList .item .card ul li a {
    display: inline-block;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    transition: .5s ease;
    font-weight: 600;
    margin-top: 5px
}

@media(max-width: 520px) {
    .MapStoreLocator .store_locatorList .item .card ul li a {
        font-size: 13px
    }
}

.MapStoreLocator .store_locatorList .item:nth-child(even) .card {
    background: #fcfcfc
}

.map_storelocator {
    padding-left: 412px
}

@media(max-width: 1024px) {
    .map_storelocator {
        padding-left: 320px
    }
}

@media(max-width: 675px) {
    .map_storelocator {
        padding: 0;
        margin-top: 25px
    }
}

.map_storelocator .map {
    height: 90vh
}

@media(max-width: 1024px) {
    .map_storelocator .map {
        height: 600px
    }
}

@media(max-width: 1024px) {
    .map_storelocator .map {
        height: 420px
    }
}

@media(max-width: 520px) {
    .map_storelocator .map {
        height: 320px
    }
}

.map_lis h4 {
    font-family: "Spezia",sans-serif;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px
}

.map_lis p, .map_lis ul li a, .map_lis p a {
    font-size: 12px;
    line-height: 1.4;
    color: #666;
    margin-bottom: 6px;
    display: block
}

.map_lis ul li {
    margin-bottom: 5px;
    display: block
}

.map_lis .gm-style-iw {
    max-width: 320px !important;
    width: 100%
}

.map_lis .clmnvr {
    text-align: right;
    margin-top: 15px
}

    .map_lis .clmnvr a {
        font-family: "Spezia",sans-serif;
        color: #000;
        font-weight: 600;
        font-size: 12px
    }

        .map_lis .clmnvr a img {
            display: inline-block;
            vertical-align: middle
        }

@media(max-width: 991px) {
    .banner.contact-banner .bg img {
        height: 420px
    }
}

.banner.contact-banner .banner-content {
    position: relative;
    padding-bottom: 108px;
    margin-bottom: 108px;
    padding-left: 60px
}

@media(max-width: 1140px) {
    .banner.contact-banner .banner-content {
        padding-left: 0px;
        margin: 0;
        padding-bottom: 75px
    }
}

@media(max-width: 767px) {
    .banner.contact-banner .banner-content {
        padding-bottom: 0
    }
}

.banner.contact-banner .content {
    max-width: 480px
}

@media(max-width: 991px) {
    .banner.contact-banner .content {
        max-width: 420px
    }
}

@media(max-width: 675px) {
    .banner.contact-banner .content {
        margin-bottom: 20%
    }
}

@media(max-width: 520px) {
    .banner.contact-banner .content {
        max-width: 340px
    }
}

.banner.contact-banner .content h1, .banner.contact-banner .content p {
    color: #fff
}

.banner.contact-banner .content h1 {
    font-size: 48px;
    font-family: "Teodor",sans-serif;
    margin-bottom: 22px;
    white-space: nowrap
}

@media(max-width: 1140px) {
    .banner.contact-banner .content h1 {
        font-size: 74px;
        margin-bottom: 15px
    }
}

@media(max-width: 991px) {
    .banner.contact-banner .content h1 {
        font-size: 45px;
        margin-bottom: 10px
    }
}

@media(max-width: 520px) {
    .banner.contact-banner .content h1 {
        font-size: 30px;
        margin-bottom: 5px;
        line-height: normal
    }
}

.banner.contact-banner .content p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 22px
}

@media(max-width: 1140px) {
    .banner.contact-banner .content p {
        font-size: 18px;
        margin-bottom: 10px
    }
}

@media(max-width: 991px) {
    .banner.contact-banner .content p {
        font-size: 16px
    }
}

@media(max-width: 520px) {
    .banner.contact-banner .content p {
        font-size: 16px;
        margin-bottom: 6px;
        line-height: 22px
    }
}

.banner.contact-banner .contact_b_link {
    margin-top: 60px
}

@media(max-width: 991px) {
    .banner.contact-banner .contact_b_link {
        margin-top: 30px
    }
}

.banner.contact-banner .contact_b_link ul li {
    display: inline-block;
    vertical-align: middle
}

@media(max-width: 675px) {
    .banner.contact-banner .contact_b_link ul li:last-child {
        display: none
    }
}

.banner.contact-banner .contact_b_link ul li:not(:last-child) {
    margin-right: 5px
}

.banner.contact-banner .contact_b_link ul li a {
    display: block;
    padding: 7px 18px;
    background: #fff;
    border: 1px solid #fff;
    min-height: 45px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    position: relative;
    color: #000;
    text-align: center;
    transition: .5s ease
}

    .banner.contact-banner .contact_b_link ul li a::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        left: 0;
        height: 100%;
        background: #000;
        transform: scaleX(0);
        transform-origin: right center;
        transition: transform .5s ease
    }

    .banner.contact-banner .contact_b_link ul li a span, .banner.contact-banner .contact_b_link ul li a img {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 1
    }

    .banner.contact-banner .contact_b_link ul li a:hover {
        border-color: #000
    }

        .banner.contact-banner .contact_b_link ul li a:hover span {
            color: #fff
        }

        .banner.contact-banner .contact_b_link ul li a:hover img {
            filter: invert(1) brightness(11)
        }

        .banner.contact-banner .contact_b_link ul li a:hover::after {
            transform-origin: left center;
            transform: scaleX(1)
        }

.banner.contact-banner .contact_b_link ul li .whats img {
    margin-right: 10px
}

.banner.contact-banner .contact_b_link ul li .msg_lin img {
    margin-left: 10px
}

.contact-page-sec-A {
    padding: 80px 0;
    background: #fff url("../images/bg1.jpg");
    background-repeat: no-repeat;
    background-position: top right
}

@media(max-width: 675px) {
    .contact-page-sec-A {
        padding: 20px 0
    }
}

.contact-page-sec-A .flex .col {
    flex: 0 1 50%;
    max-width: 50%;
    width: 100%
}

@media(max-width: 675px) {
    .contact-page-sec-A .flex .col {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.contact-page-sec-A figure {
    display: block
}

    .contact-page-sec-A figure img {
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

.contact-page-sec-A .contact_address {
    max-width: 280px;
    width: 100%;
    margin: 0 auto
}

@media(max-width: 675px) {
    .contact-page-sec-A .contact_address {
        padding-top: 30px;
        margin: 0;
        max-width: 100%
    }
}

.contact-page-sec-A .contact_address h3 {
    margin-bottom: 12px;
    color: #000;
    font-size: 36px
}

@media(max-width: 520px) {
    .contact-page-sec-A .contact_address h3 {
        font-size: 25px
    }
}

.contact-page-sec-A .contact_address .address {
    margin-bottom: 11px;
    font-size: 16px;
    color: #000
}

.contact-page-sec-A .contact_address .get_direc {
    margin-bottom: 35px
}

@media(max-width: 675px) {
    .contact-page-sec-A .contact_address .get_direc {
        margin-bottom: 20px
    }
}

.contact-page-sec-A .contact_address .get_direc a {
    display: inline-block;
    color: #000;
    padding-left: 0px;
    font-weight: 600;
    transition: .5s ease
}

    .contact-page-sec-A .contact_address .get_direc a:hover {
        padding-left: 5px
    }

    .contact-page-sec-A .contact_address .get_direc a span, .contact-page-sec-A .contact_address .get_direc a img {
        display: inline-block;
        vertical-align: middle
    }

    .contact-page-sec-A .contact_address .get_direc a img {
        margin-left: 10p
    }

.contact-page-sec-A .contact_address .coll_us {
    margin-bottom: 15px
}

    .contact-page-sec-A .contact_address .coll_us .title {
        color: #000;
        font-weight: 600
    }

    .contact-page-sec-A .contact_address .coll_us p a {
        display: inline-block;
        color: #000;
        padding-left: 0px;
        transition: .5s ease
    }

        .contact-page-sec-A .contact_address .coll_us p a:hover {
            padding-left: 5px
        }

.contact-page-sec-B {
    padding: 150px 0;
    background: url("../images/contact/contact_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

@media(max-width: 675px) {
    .contact-page-sec-B {
        padding: 50px 0
    }
}

.contact-page-sec-B::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to left, black, transparent)
}

@media(max-width: 767px) {
    .contact-page-sec-B::after {
        background: #000;
        opacity: .6
    }
}

.contact-page-sec-B .contact_inn_form {
    max-width: 360px;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    z-index: 1
}

@media(max-width: 767px) {
    .contact-page-sec-B .contact_inn_form {
        margin: 0 auto
    }
}

.contact-page-sec-B .contact_inn_form h2 {
    color: #fff;
    font-size: 36px;
    font-family: "Teodor",sans-serif;
    margin-bottom: 30px
}

@media(max-width: 520px) {
    .contact-page-sec-B .contact_inn_form h2 {
        font-size: 25px
    }
}

.contact-page-sec-B .contact_inn_form .form .form-wrapper {
    display: block
}

.contact-page-sec-B .contact_inn_form .form .btn_form {
    margin-top: 40px
}

    .contact-page-sec-B .contact_inn_form .form .btn_form .btn {
        padding: 10px 20px;
        color: #000;
        font-weight: 600;
        font-size: 13px;
        display: block;
        max-width: 190px;
        width: 100%;
        cursor: pointer;
        text-transform: capitalize;
        transition: .5s ease;
        position: relative;
        background: #fff;
        line-height: 22px;
        display: block;
        background: #fff;
        border: 0;
        outline: none
    }

        .contact-page-sec-B .contact_inn_form .form .btn_form .btn::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            background: #000;
            transform: scaleY(0);
            transform-origin: top center;
            transition: transform .3s cubic-bezier(0.4, 0, 0, 1)
        }

        .contact-page-sec-B .contact_inn_form .form .btn_form .btn span, .contact-page-sec-B .contact_inn_form .form .btn_form .btn img {
            display: inline-block;
            position: relative;
            z-index: 1
        }

        .contact-page-sec-B .contact_inn_form .form .btn_form .btn img {
            margin-left: 10px
        }

        .contact-page-sec-B .contact_inn_form .form .btn_form .btn:hover {
            color: #fff
        }

            .contact-page-sec-B .contact_inn_form .form .btn_form .btn:hover img {
                filter: invert(1) brightness(11)
            }

            .contact-page-sec-B .contact_inn_form .form .btn_form .btn:hover::after {
                transform: scaleY(1);
                transform-origin: bottom center
            }

.contact-page-sec-B .contact_inn_form .form .form-group .form-control {
    color: #fff
}

    .contact-page-sec-B .contact_inn_form .form .form-group .form-control:focus {
        border-color: #fff
    }

.contact-page-sec-B .contact_inn_form .form .form-group label {
    color: #fff
}

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

    .btn_thank .loc_link a {
        color: #333;
        text-transform: capitalize;
        opacity: 1;
        letter-spacing: normal;
        transition: 1s ease .8s
    }

        .btn_thank .loc_link a::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #333
        }

        .btn_thank .loc_link a img {
            filter: invert(1)
        }

.catalogues_hindware-inn {
    padding-bottom: 55px
}

@media(max-width: 991px) {
    .catalogues_hindware-inn {
        padding-bottom: 20px
    }
}

.catalogues_hindware-inn .flex .col {
    flex: 0 1 33.33%;
    max-width: 33.33%;
    width: 100%;
    padding: 15px
}

@media(max-width: 991px) {
    .catalogues_hindware-inn .flex .col {
        padding: 5px
    }
}

@media(max-width: 767px) {
    .catalogues_hindware-inn .flex .col {
        flex: 0 1 50%;
        max-width: 50%
    }
}

@media(max-width: 520px) {
    .catalogues_hindware-inn .flex .col {
        flex: 0 1 100%;
        max-width: 100%;
        padding: 10px 0
    }
}

.catalogues_hindware-inn .card {
    position: relative;
    background: #ebebeb;
    height: 100%
}

    .catalogues_hindware-inn .card figure {
        display: block;
        position: relative;
        overflow: hidden
    }

        .catalogues_hindware-inn .card figure img {
            width: 100%;
            display: block;
            transform: scale(1);
            transition: 2s ease
        }

    .catalogues_hindware-inn .card:hover figure img {
        transform: scale(1.2)
    }

    .catalogues_hindware-inn .card .content {
        padding: 15px 25px;
        position: relative
    }

@media(max-width: 991px) {
    .catalogues_hindware-inn .card .content {
        padding: 15px
    }
}

.catalogues_hindware-inn .card .content .name {
    font-size: 24px;
    color: #000;
    font-family: "Teodor",sans-serif
}

@media(max-width: 991px) {
    .catalogues_hindware-inn .card .content .name {
        min-height: 50px
    }
}

@media(max-width: 520px) {
    .catalogues_hindware-inn .card .content .name {
        min-height: auto;
        font-size: 20px
    }
}

.catalogues_hindware-inn .card .content .size {
    font-size: 12px;
    color: #000;
    margin-bottom: 12px
}

@media(max-width: 520px) {
    .catalogues_hindware-inn .card .content .size {
        margin-bottom: 2px
    }
}

.catalogues_hindware-inn .card .content ul li {
    display: inline-block
}

.catalogues_hindware-inn .card .content a.download {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 0;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    transition: .5s ease
}

    .catalogues_hindware-inn .card .content a.download span, .catalogues_hindware-inn .card .content a.download img {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 1
    }

    .catalogues_hindware-inn .card .content a.download img {
        margin-left: 10px
    }

    .catalogues_hindware-inn .card .content a.download:hover {
        padding: 5px 12px
    }

.catalogues_hindware-inn .card .content a.view {
    position: absolute;
    right: 15px;
    top: -24px;
    background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

@media(max-width: 991px) {
    .catalogues_hindware-inn .card .content a.view {
        top: auto;
        bottom: 15px
    }
}

.catalogues_hindware-inn .card .content a.view::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: #000;
    transition: .5s ease
}

.catalogues_hindware-inn .card .content a.view img {
    position: relative;
    filter: grayscale(1) brightness(0);
    transition: .5s ease
}

.catalogues_hindware-inn .card .content a.view:hover img {
    filter: grayscale(0) brightness(11)
}

.catalogues_hindware-inn .card .content a.view:hover::before {
    opacity: 1
}

.model.humbuger_navigation {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transform: translateX(100%);
    z-index: 4;
    transition: .5s ease
}

    .model.humbuger_navigation.is-open {
        transform: translateX(0%)
    }

        .model.humbuger_navigation.is-open .overlay {
            opacity: .3
        }

    .model.humbuger_navigation .model-body {
        max-width: 420px;
        width: 100%;
        background-color: #fff;
        padding: 0px;
        margin-left: auto;
        margin-right: 0;
        height: 100%;
        position: relative;
        z-index: 11
    }

    .model.humbuger_navigation .close_model {
        z-index: 3;
        right: 15px;
        top: 6px;
        width: auto
    }

        .model.humbuger_navigation .close_model::before {
            content: "Close";
            margin-right: 10px
        }

        .model.humbuger_navigation .close_model img {
            width: 15px
        }

    .model.humbuger_navigation .model-header {
        position: sticky;
        top: 0;
        padding: 0;
        background: #fff;
        z-index: 2
    }

        .model.humbuger_navigation .model-header .logo {
            padding: 8px 15px;
            opacity: 0
        }

            .model.humbuger_navigation .model-header .logo img {
                display: block;
                max-width: 140px;
                margin: 0 auto
            }

    .model.humbuger_navigation .model_scroll {
        height: 100%;
        overflow: hidden;
        overflow-y: scroll
    }

        .model.humbuger_navigation .model_scroll::-webkit-scrollbar {
            width: 3px
        }

        .model.humbuger_navigation .model_scroll::-webkit-scrollbar-track {
            box-shadow: unset;
            background: rgba(0,0,0,0)
        }

        .model.humbuger_navigation .model_scroll::-webkit-scrollbar-thumb {
            background-color: #f1f1f1
        }

    .model.humbuger_navigation .link_a ul {
        display: flex;
        justify-content: space-between
    }

        .model.humbuger_navigation .link_a ul li {
            flex: 0 1 50%;
            max-width: 50%;
            width: 100%
        }

            .model.humbuger_navigation .link_a ul li a {
                display: block;
                padding: 10px;
                text-align: center;
                color: #fff;
                border: 1px solid rgba(0,0,0,0)
            }

            .model.humbuger_navigation .link_a ul li.locat a {
                background: #000;
                border-color: #000
            }

            .model.humbuger_navigation .link_a ul li.cat a {
                border-color: #000;
                background: #fff;
                color: #000
            }

    .model.humbuger_navigation .model_nav {
        height: 100%
    }

        .model.humbuger_navigation .model_nav .nav {
            padding: 0
        }

            .model.humbuger_navigation .model_nav .nav > ul > li > a {
                border-bottom: 1px solid #ccc
            }

            .model.humbuger_navigation .model_nav .nav ul li {
                display: block
            }

                .model.humbuger_navigation .model_nav .nav ul li a {
                    font-size: 18px;
                    display: block;
                    color: #000;
                    padding: 17px 0px 17px 30px;
                    text-transform: capitalize;
                    font-family: "Teodor",sans-serif
                }

                .model.humbuger_navigation .model_nav .nav ul li.has-dropdown {
                    position: relative
                }

                    .model.humbuger_navigation .model_nav .nav ul li.has-dropdown .drop_triger {
                        position: absolute;
                        right: 0;
                        width: 40px;
                        height: 60px;
                        cursor: pointer;
                        z-index: 1;
                        top: 0;
                        display: flex;
                        align-items: center;
                        justify-content: center
                    }

                        .model.humbuger_navigation .model_nav .nav ul li.has-dropdown .drop_triger::before {
                            content: "";
                            position: absolute;
                            border: 5px solid rgba(0,0,0,0);
                            border-left-color: #000
                        }

                        .model.humbuger_navigation .model_nav .nav ul li.has-dropdown .drop_triger img {
                            opacity: 0;
                            transition: .5s ease;
                            transform: rotate(-90deg)
                        }

                    .model.humbuger_navigation .model_nav .nav ul li.has-dropdown > a {
                        display: block
                    }

                    .model.humbuger_navigation .model_nav .nav ul li.has-dropdown .drop_nav {
                        display: none;
                        background: #fff;
                        padding: 0;
                        border-bottom: 1px solid #ccc
                    }

                    .model.humbuger_navigation .model_nav .nav ul li.has-dropdown .dropdown_l_2 {
                        padding: 10px 0;
                        background: #fff
                    }

                    .model.humbuger_navigation .model_nav .nav ul li.has-dropdown.active > a {
                        background: #f1f1f1
                    }

                    .model.humbuger_navigation .model_nav .nav ul li.has-dropdown.active > .drop_triger img {
                        transform: rotate(0deg)
                    }

            .model.humbuger_navigation .model_nav .nav ul ul.dropdown-menu li a {
                padding: 4px 0;
                padding-left: 35px;
                font-size: 16px;
                display: block;
                font-family: "Spezia",sans-serif;
                color: #666
            }

        .model.humbuger_navigation .model_nav .bottom_nav {
            background: #f1f1f1;
            padding: 15px 0;
            padding-top: 0
        }

            .model.humbuger_navigation .model_nav .bottom_nav ul li {
                display: block
            }

                .model.humbuger_navigation .model_nav .bottom_nav ul li a {
                    font-size: 16px;
                    display: block;
                    font-family: "Spezia",sans-serif;
                    color: #000;
                    padding: 5px 25px;
                    text-transform: capitalize;
                    line-height: 1.3;
                    padding: 17px 0px 17px 30px;
                    border-bottom: 1px solid #ccc
                }

                .model.humbuger_navigation .model_nav .bottom_nav ul li:last-child a {
                    border: 0
                }

.DREnquryModelPop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 99999999;
    transform: translateX(100%);
    transition: .5s ease
}

    .DREnquryModelPop .ModelPop {
        max-width: 500px;
        background: linear-gradient(to top, #f4f4f4, #fff);
        height: 100%;
        margin-left: auto;
        margin-right: 0;
        padding: 45px 60px;
        position: relative;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: 100% 106%;
        transform: translateX(100%);
        transition: .5s ease;
        transition-delay: 0s
    }

@media(max-width: 520px) {
    .DREnquryModelPop .ModelPop {
        padding: 25px
    }
}

.DREnquryModelPop .ModelPop .content {
    text-align: center
}

    .DREnquryModelPop .ModelPop .content h3 {
        font-size: 36px;
        margin-bottom: 6px;
        line-height: 35px;
        color: #000
    }

@media(max-width: 520px) {
    .DREnquryModelPop .ModelPop .content h3 {
        font-size: 36px
    }
}

.DREnquryModelPop .ModelPop .content p {
    color: #666;
    font-size: 16px;
    line-height: 1.5
}

.DREnquryModelPop.is-open {
    transform: translateX(0%)
}

    .DREnquryModelPop.is-open .ModelPop {
        transform: translateX(0%);
        transition-delay: .3s
    }

    .DREnquryModelPop.is-open .model-formEnqui {
        margin-top: 35px
    }

        .DREnquryModelPop.is-open .model-formEnqui .form .form-group .form-control {
            color: #666
        }

            .DREnquryModelPop.is-open .model-formEnqui .form .form-group .form-control:focus {
                border-color: #000
            }

        .DREnquryModelPop.is-open .model-formEnqui .form .form-group select option {
            font-size: 14px;
            color: #666;
            display: block;
            padding-left: 15px;
            padding: 3px 0
        }

        .DREnquryModelPop.is-open .model-formEnqui .form .form-group label {
            color: #666
        }

        .DREnquryModelPop.is-open .model-formEnqui .btn-form {
            text-align: center;
            margin-top: 35px
        }

            .DREnquryModelPop.is-open .model-formEnqui .btn-form .btn {
                cursor: pointer;
                padding: 8px 25px;
                display: inline-block;
                background: #000;
                color: #fff;
                text-transform: capitalize;
                position: relative;
                border: 1px solid #fff;
                transition: all .3s cubic-bezier(0.4, 0, 0, 1)
            }

                .DREnquryModelPop.is-open .model-formEnqui .btn-form .btn span, .DREnquryModelPop.is-open .model-formEnqui .btn-form .btn img {
                    display: inline-block;
                    vertical-align: middle;
                    position: relative;
                    z-index: 1
                }

                .DREnquryModelPop.is-open .model-formEnqui .btn-form .btn span {
                    margin-right: 20px
                }

                .DREnquryModelPop.is-open .model-formEnqui .btn-form .btn:hover {
                    background: #fff;
                    color: #000;
                    border-color: #000
                }

                    .DREnquryModelPop.is-open .model-formEnqui .btn-form .btn:hover img {
                        filter: grayscale(1) brightness(0)
                    }

.termCondition-main {
    border-top: 1px solid #e7e7e7;
    padding: 40px 0 80px 0
}

@media(max-width: 675px) {
    .termCondition-main {
        padding: 40px 0 0
    }
}

.termCondition-main .TermCondition .container {
    max-width: 1024px
}

.termCondition-main .TermCondition h2 {
    color: #000;
    font-size: 30px;
    line-height: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px
}

@media(max-width: 675px) {
    .termCondition-main .TermCondition h2 {
        font-size: 25px
    }
}

.termCondition-main .TermCondition h3, .termCondition-main .TermCondition h4, .termCondition-main .TermCondition h5, .termCondition-main .TermCondition h6, .termCondition-main .TermCondition ul {
    margin: 25px 0 15px
}

.termCondition-main .TermCondition .content h4 {
    font-size: 25px;
    font-family: "Teodor",sans-serif;
    margin-bottom: 10px
}

.termCondition-main .TermCondition .content p {
    color: #666;
    line-height: 1.4;
    text-align: justify
}

.termCondition-main .TermCondition .content .divider {
    margin: 20px 0 30px
}

.termCondition-main .TermCondition .content ul li {
    padding-left: 25px;
    margin: 0 0;
    position: relative;
    color: #666;
    line-height: 1.4;
    margin-bottom: 13px;
    text-align: justify
}

    .termCondition-main .TermCondition .content ul li a {
        display: inline-block;
        color: inherit;
        line-height: inherit;
        font-family: inherit
    }

        .termCondition-main .TermCondition .content ul li a:hover {
            text-decoration: underline
        }

    .termCondition-main .TermCondition .content ul li::before {
        content: "";
        position: absolute;
        left: 6px;
        width: 7px;
        height: 7px;
        background: #000;
        border-radius: 30px;
        top: 7px
    }

.footer-strip {
    background: #000;
    padding: 26px 0
}

    .footer-strip .flex .col1 {
        flex: 0 1 50%;
        max-width: 50%;
        width: 100%
    }

@media(max-width: 991px) {
    .footer-strip .flex .col1 {
        flex: 0 1 35%;
        max-width: 35%
    }
}

@media(max-width: 520px) {
    .footer-strip .flex .col1 {
        flex: 0 1 100%;
        max-width: 100%;
        margin-bottom: 20px
    }
}

.footer-strip .flex .col2 {
    flex: 0 1 50%;
    max-width: 50%;
    width: 100%
}

@media(max-width: 991px) {
    .footer-strip .flex .col2 {
        flex: 0 1 65%;
        max-width: 65%
    }
}

@media(max-width: 520px) {
    .footer-strip .flex .col2 {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.footer-strip .link ul {
    display: inline-block;
    vertical-align: middle
}

@media(max-width: 675px) {
    .footer-strip .link ul {
        display: block
    }
}

.footer-strip .link ul li {
    display: inline-block
}

@media(max-width: 675px) {
    .footer-strip .link ul li {
        display: block
    }
}

.footer-strip .link ul li:not(:last-child) {
    margin-right: 45px
}

@media(max-width: 675px) {
    .footer-strip .link ul li:not(:last-child) {
        margin: 0
    }
}

.footer-strip .link ul li a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    transition: .5s ease
}

    .footer-strip .link ul li a:hover {
        opacity: .8
    }

    .footer-strip .link ul li a span, .footer-strip .link ul li a img {
        display: inline-block;
        vertical-align: middle
    }

    .footer-strip .link ul li a img {
        margin-right: 15px
    }

.footer-strip .link_right {
    text-align: right
}

@media(max-width: 675px) {
    .footer-strip .link_right {
        text-align: left
    }
}

@media(max-width: 675px) {
    .footer-strip .link_right > ul {
        display: flex;
        justify-content: space-between
    }
}

@media(max-width: 675px) {
    .footer-strip .link_right > ul li {
        display: inline-block
    }
}

@media(max-width: 675px) {
    .footer-strip .link_right .social-links ul {
        margin-left: -10px
    }
}

.footer-strip .link_right .social-links ul li {
    margin: 0
}

@media(max-width: 675px) {
    .footer-strip .link_right .social-links ul li {
        display: inline-block
    }
}

.footer-strip .social-links {
    display: inline-block;
    margin-left: 45px;
    vertical-align: middle
}

@media(max-width: 520px) {
    .footer-strip .social-links {
        margin-top: 20px;
        margin-left: 0;
        display: block;
        text-align: left
    }
}

footer {
    background: #f4f4f4;
    padding: 20px 0
}

@media(max-width: 767px) {
    footer {
        margin-bottom: 39px
    }
}

footer .footer-link .title {
    color: #000;
    font-weight: 600;
    margin-bottom: 8px
}

footer .footer-link .link ul li {
    display: block
}

    footer .footer-link .link ul li a {
        color: #000;
        font-size: 14px;
        display: block;
        padding: 0;
        transition: 700ms ease
    }

        footer .footer-link .link ul li a:hover {
            padding-left: 5px;
            opacity: .8
        }

.footer-top-strip {
    padding: 20px 0
}

@media(max-width: 675px) {
    .footer-top-strip {
        padding: 0
    }
}

.footer-top-strip .flex .col {
    flex: 0 1 16.66%;
    max-width: 16.66%;
    width: 100%
}

@media(max-width: 991px) {
    .footer-top-strip .flex .col {
        flex: 0 1 25%;
        max-width: 25%;
        margin-bottom: 20px
    }
}

@media(max-width: 520px) {
    .footer-top-strip .flex .col {
        flex: 0 1 50%;
        max-width: 50%;
        margin-bottom: 20px
    }
}

@media(max-width: 991px) {
    .footer-top-strip .flex .col:last-child {
        flex: 0 1 75%;
        max-width: 75%
    }
}

@media(max-width: 675px) {
    .footer-top-strip .flex .col:last-child {
        flex: 0 1 100%;
        max-width: 100%
    }
}

.footer-top-strip .flex .col .mt25 {
    margin-top: 15px
}

@media(max-width: 520px) {
    .footer-top-strip .flex .col:nth-child(even) {
        padding-left: 15px
    }
}

.footer-about .container {
    display: block
}

.footer-about .copy-right {
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #000
}

@media(max-width: 675px) {
    .footer-about .copy-right {
        border-color: #dfdfdf
    }
}

.footer-about .copy-right p {
    color: #000;
    font-size: 13px
}

@media(max-width: 675px) {
    .footer-about .copy-right p {
        text-align: center
    }
}

.footer-about .copy-right .made_by {
    position: absolute;
    right: 0;
    top: 25px
}

@media(max-width: 675px) {
    .footer-about .copy-right .made_by {
        position: static;
        text-align: center
    }
}

.footer-about .copy-right .made_by p span, .footer-about .copy-right .made_by p img {
    display: inline-block;
    vertical-align: middle
}

.footer-about .copy-right .made_by p img {
    margin-left: 15px
}

.hindWare-QuickAc {
    position: fixed;
    bottom: 40px;
    right: 15px;
    width: 220px;
    z-index: 2;
    padding: 0
}

    .hindWare-QuickAc .buck_actoBtn {
        max-width: 140px;
        width: 100%;
        margin-left: auto;
        margin-right: 0
    }

@media(max-width: 767px) {
    .hindWare-QuickAc .buck_actoBtn {
        display: none
    }
}

.hindWare-QuickAc .buck_actoBtn .btn_quck {
    display: inline-block;
    padding: 6px 5px;
    border-radius: 35px;
    border: 1px solid #000;
    border-radius: 50px;
    text-align: center;
    background: #fff;
    color: #000;
    cursor: pointer;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: capitalize
}

    .hindWare-QuickAc .buck_actoBtn .btn_quck img {
        margin-right: 10px
    }

    .hindWare-QuickAc .buck_actoBtn .btn_quck img, .hindWare-QuickAc .buck_actoBtn .btn_quck span {
        display: inline-block;
        vertical-align: middle
    }

.hindWare-QuickAc .HindQukAc-Wraper {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    background: #fff;
    margin-bottom: 20px;
    padding: 25px 0;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(51,51,51,.2588235294);
    display: none
}

@media(max-width: 767px) {
    .hindWare-QuickAc .HindQukAc-Wraper {
        margin-bottom: 35px
    }
}

.hindWare-QuickAc .HindQukAc-Wraper::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 10px;
    height: 10px;
    border: 10px solid rgba(0,0,0,0);
    border-top-color: #fff
}

.hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item {
    margin-bottom: 8px
}

    .hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item:last-child {
        display: none
    }

    .hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item a {
        display: flex;
        color: #000;
        padding: 6px 15px;
        align-items: flex-start;
        background: #fff;
        transition: .5s ease
    }

        .hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item a img, .hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item a p {
            display: inline-block;
            vertical-align: middle
        }

        .hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item a img {
            margin-right: 10px
        }

        .hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item a:hover {
            background: #f0f0f0
        }

    .hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item p {
        color: #333;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
        text-transform: capitalize
    }

        .hindWare-QuickAc .HindQukAc-Wraper .AccWrasp-List .item p span {
            font-size: 12px;
            color: #333;
            display: block;
            font-weight: normal
        }

.meet-hindware-content {
    position: absolute;
    left: 0px;
    right: 0;
    top: 18%;
    max-width: 935px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

    .meet-hindware-content h3, .meet-hindware-content h4 {
        color: #fff;
        margin-top: 20px;
    }

    .meet-hindware-content p {
        color: #fff;
        margin-top: 10px;
    }

    .meet-hindware-content h2 {
        color: #fff;
    }

.hindware-content-inner {
    max-height: 400px;
    overflow: auto;
    padding-right: 30px;
}

ul.hindware-sub-content {
    padding-left: 20px;
    list-style: disc !important;
}

    ul.hindware-sub-content li {
        list-style: decimal;
        color: #fff;
    }

.hindware-content-inner::-webkit-scrollbar-thumb {
    background: #c99628;
}

.hindware-content-inner::-webkit-scrollbar {
    width: 5px;
}

.hindware-content-inner::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.meet-hindware-content p a {
    color: #c99628;
}

.read-summary h3:first-child {
    margin-top: 0;
}


.Hindware-Home-sec-F .bg > img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.Hindware-Home-sec-F .bg .owllay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
}

@media(max-width: 675px) {
    .footer-contact ul {
        display: flex;
        justify-content: space-between
    }
}

.footer-contact ul li {
    display: block;
    padding: 5px 0
}

@media(max-width: 991px) {
    .footer-contact ul li {
        display: inline-block
    }
}

@media(max-width: 675px) {
    .footer-contact ul li {
        flex: 0 1 49%;
        max-width: 49%
    }
}

.footer-contact ul li a {
    display: block;
    position: relative;
    padding: 6px 15px;
    border: 1px solid #000;
    font-size: 14px;
    overflow: hidden;
    transition: .5s ease
}

    .footer-contact ul li a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        background: #000;
        transform: scaleX(0);
        transform-origin: right center;
        transition: transform .3s cubic-bezier(0.4, 0, 0, 1)
    }

@media(max-width: 1140px) {
    .footer-contact ul li a {
        padding: 6px 10px
    }
}

@media(max-width: 675px) {
    .footer-contact ul li a {
        text-align: center
    }
}

@media(max-width: 675px) {
    .footer-contact ul li a {
        min-height: 65px;
        padding: 10px 7px 6px
    }
}

.footer-contact ul li a img {
    margin-right: 10px
}

@media(max-width: 1140px) {
    .footer-contact ul li a img {
        margin-right: 5px
    }
}

.footer-contact ul li a img, .footer-contact ul li a span {
    color: #000;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1
}

@media(max-width: 675px) {
    .footer-contact ul li a img, .footer-contact ul li a span {
        display: block;
        margin: 0 auto
    }
}

.footer-contact ul li:hover a span {
    color: #fff
}

.footer-contact ul li:hover a img {
    filter: invert(1) brightness(11)
}

.footer-contact ul li:hover a::after {
    transform: scaleX(1);
    transform-origin: left center
}

@media(max-width: 675px) {
    .footer-contact ul li:last-child {
        display: none
    }
}

@media (max-width: 767px) {
    .hindware_single {
        margin: 0px !important;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        text-align: left !important;
        direction: ltr !important;
    }
}

.faq-answer ul {
    margin-left: 20px;
    padding-left: 0
}

.faq-answer li {
    list-style: disc;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .hindware-content-inner {
        max-height: 395px;
        overflow: auto;
        padding-right: 20px;
        margin: 0 15px;
    }

    .Hindware-Home-sec-F .bg > img {
        height: 550px;
    }
}
/*# sourceMappingURL=style.css.map */





.blog_row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .blog_row .blog_filterr {
        width: 30%;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        padding: 20px;
        position: sticky;
        top: 70px;
    }

    .blog_row .blog_items {
        width: 70%;
    }

    .blog_row .faq-answers {
        background: transparent;
        border: none;
        display: block;
        max-height: 370px;
        overflow: auto;
    }

        .blog_row .faq-answers::-webkit-scrollbar {
            width: 4px;
        }

        .blog_row .faq-answers::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .blog_row .faq-answers::-webkit-scrollbar-thumb {
            background: #888;
        }

    .blog_row .faq-sections {
        padding: 0;
        padding-top: 20px;
        background: transparent;
        color: #242627;
        font-weight: 600;
    }

    .blog_row .faq-questions {
        background: transparent;
        color: #242627;
        font-weight: 600;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
    }

        .blog_row .faq-questions i {
            cursor: pointer;
        }

ul.blog-filter-item, ul.blog-filter-item li {
    list-style: none;
}

    ul.blog-filter-item li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 7px;
        font-size: 14px;
        font-weight: 600;
        color: #242627;
        margin: 0 0 10px;
        text-align: left;
    }

        ul.blog-filter-item li input {
            display: inline;
            width: auto;
        }

.faq-items {
    border-bottom: 1px solid #b8b8b8;
    margin-bottom: 20px;
}

.search_form {
    position: relative;
}

    .search_form input {
        width: 100%;
        background: #ffffff;
        padding: 10px 20px 10px 40px;
        border-radius: 5px;
        /*color: #fff;*/
        font-size: 14px;
        border: 1px solid #b8b8b8;
    }

    .search_form .search_btn {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        background: transparent;
        width: auto;
        cursor: pointer;
    }

.fas.rotated {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.Hin-BlogListing .feature_box .card .unique_desc {
    padding: 20px 25px;
}

/*.clear_btn{
    cursor: pointer;
}*/

.clear_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 16px;
    border: none;
    background-color: #eee;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
}


    .clear_btn:hover {
        background-color: #007bff;
        color: white;
        border-color: #007bff;
    }

    .clear_btn:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
    }

@media (max-width: 991px) {
    .blog_row .blog_items {
        width: 100%;
    }

    .blog_row .blog_filterr {
        width: 100%;
        position: unset;
        margin-bottom: 30px;
    }

    .faq-answers ul {
        margin-left: 0;
    }

    .Hin-BlogListing {
        padding-top: 0;
    }
}

#suggestion-box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 10;
    display: none;
}

    #suggestion-box .suggestion-item {
        padding: 10px 15px;
        cursor: pointer;
    }

        #suggestion-box .suggestion-item:hover {
            background-color: #f2f2f2;
        }