/*!
Theme Name: norifashionplus
Theme URI: 
Author: Md Yeasir Arafat
Author URI: https://yeasir.adaptstoday.co.uk/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: norifashionplus
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.


*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
        - Normalize
        - Box sizing
# Base
        - Typography
        - Elements
        - Links
        - Forms
## Layouts
# Components
        - Navigation
        - Posts and pages
        - Comments
        - Widgets
        - Media
        - Captions
        - Galleries
# plugins
        - Jetpack infinite scroll
# Utilities
        - Accessibility
        - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
@import url("css/font.css");
@import url("//fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Poppins:wght@600;700;800;900&display=swap");

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    font-family: "Value Sans Pro" !important;
    overflow-x: hidden
}

:root {
    ---clr-gray: #ebebeb;
    ---clr-dark: #353535;
    ---clr-warning: #f95520;
    ---clr-purple: #8666ea;
    ---clr-purple-light: #f3efff;
    ---clr-off-white: #fbf7f5;
    ---clr-smoke-white: #f7f7f7;
    ---clr-smoke-white2: #f3f3f3;
    ---clr-light-dark: #5b5b5b;
    ---clr-light-gray: #f7f5fa;
    ---clr-light-gray2: #c9c9c9;
    ---clr-dark-gray: #7b7b7b;
    ---clr-light-blue: #131414;
    ---clr-green: #17bd8d;
    ---clr-pink: #f53d6b;
    ---clr-deep-dark: #3d4853;
    ---clr-light-purple: #d1c5fa;
    ---clr-yellow: #f1ff9c;
    ---clr-black-light: #1d1e22;
    ---clr-lemon: #96b38a;
    ---clr-blue: #219fff
}

a{
    text-decoration: none;
    color: var(---clr-purple);
}

@media (min-width: 1200px) {
    .container-fluid {
        width: 100% ;
        padding-right: var(--bs-gutter-x, 3.75rem) !important;
        padding-left: var(--bs-gutter-x, 3.75rem)!important;
        margin-right: auto!important;
        margin-left: auto!important;
    }
}
a.navbar-brand img,a.logo img {
    max-height:80px;
}
.container {
    max-width: 1130px !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.font-manrope {
    font-family: "Manrope", sans-serif
}

.is-bg-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.text-clr-dark {
    color: var(---clr-dark)
}

.text-clr-warning {
    color: var(---clr-warning)
}

.text-clr-light-dark {
    color: var(---clr-light-dark)
}

.text-clr-lemon {
    color: var(---clr-lemon)
}

.text-clr-black {
    color: #000
}

.text-clr-blue {
    color: var(---clr-blue)
}

.text-clr-light-blue {
    color: var(---clr-light-blue)
}

.text-clr-smoke-white2 {
    color: var(---clr-smoke-white2)
}

.text-clr-green {
    color: var(---clr-green)
}

.text-clr-purple {
    color: var(---clr-purple)
}

.text-clr-gray {
    color: var(---clr-gray)
}

.text-clr-dark-gray {
    color: var(---clr-dark-gray)
}

.text-clr-light-gray {
    color: var(---clr-light-gray)
}

.text-clr-light-gray2 {
    color: var(---clr-light-gray2)
}

.bg-clr-deep-dark {
    background-color: var(---clr-deep-dark)
}

.bg-clr-black-light {
    background-color: var(---clr-black-light)
}

.bg-clr-light-purple {
    background-color: var(---clr-light-purple)
}

.bg-clr-purple-light {
    background-color: #aeddef;
}

.bg-clr-yellow {
    background-color: var(---clr-yellow)
}

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

.bg-clr-smoke-white2 {
    background-color: var(---clr-smoke-white2)
}

.bg-clr-purple {
    background-color: var(---clr-purple)
}

.bg-clr-purple-light {
    background-color: var(---clr-light-purple)
}

.bg-clr-pink {
    background-color: var(---clr-pink)
}

.bg-clr-warning {
    background-color: var(---clr-warning) !important;
}

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

.bg-clr-lightgray {
    background-color: var(---clr-light-gray)
}

.bg-clr-green {
    background-color: var(---clr-green)
}
.fs-10 {
    font-size: 10px;
}
.fs-64 {
    font-size: 64px;
    line-height: 68px
}

@media (max-width: 1200px) {
    .fs-64 {
        font-size: 45px;
        line-height: 1.2
    }
}

@media (max-width: 767px) {
    .fs-64 {
        font-size: 35px
    }
}

.fs-18 {
    font-size: 18px !important
}

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

.fs-24 {
    font-size: 24px
}

.fs-48 {
    font-size: 48px
}

@media (max-width: 1200px) {
    .fs-48 {
        font-size: 38px;
        line-height: 1.2
    }
}

@media (max-width: 767px) {
    .fs-48 {
        font-size: 28px
    }
    a.navbar-brand img, a.logo img {
        max-height: 55px;
    }
}

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

.fs-12 {
    font-size: 12px !important
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fs-15 {
    font-size: 15px
}

.fs-30 {
    font-size: 30px
}
.fs-36 {
    font-size: 1.75rem;
}

@media (max-width: 1200px) {
    .fs-30 {
        font-size: 22px;
        line-height: 1.2
    }
}

@media (max-width: 767px) {
    .fs-30 {
        font-size: 20px
    }
}

.fs-13 {
    font-size: 13px
}

.is-radius-8 {
    border-radius: 8px
}

.pt-140 {
    padding-top: 140px
}

.pt-130 {
    padding-top: 130px
}

.pt-120 {
    padding-top: 120px
}

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

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

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

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

.is-shadow {
    -webkit-box-shadow: 0px 10px 30px rgba(30, 40, 117, 0.05);
    box-shadow: 0px 10px 30px rgba(30, 40, 117, 0.05)
}

.section-padding {
    padding: 100px 0px
}

.large-btn {
    width: 193px;
    height: 52px
}

.border-clr {
    border: 1px solid var(---clr-gray)
}
.bg-clr-green {
    background-color: var(---clr-green) !important;
}
.button-normal-lg {
    background-color: var(---clr-warning);
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
    border: none;
    outline: none;
    width: 200px;
    height: 52px
}

.button-normal-lg:hover {
    background-color: var(---clr-purple)
}

.button-normal-lg:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-purple {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.btn-purple:hover {
    background-color: var(---clr-warning)
}

.groupImage {
    margin-top: -90px
}

@media (max-width: 1200px) {
    .groupImage {
        margin-top: 0
    }
}

.love-content .canvas-btn {
    position: relative;
    z-index: 3223
}

input, button, .btn {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

input:focus, button:focus, .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btnCollapsedToggle .ni-upword-ios {
    font-size: 14px
}

.btnCollapsedToggle .ni-downward-ios {
    font-size: 14px
}

.navbar .navbar-brand {
    min-width: 100px
}

@media (min-width: 1300px) {
    .navbar .navbar-brand {
        min-width: 200px
    }
}

#menu-main li a {
    color: var(---clr-dark);
    font-size: 1rem;
    line-height: 16px;
    font-weight: 500;
}

#menu-main li a:hover {
    color: var(---clr-warning) ;
}

.navbar .navbar-toggler {
    -webkit-box-shadow: none;
    box-shadow: none;
    right: 20px;
    top: 30px;
    position: absolute
}

.navbar .for-xl-screem.top-0 {
    top: 24px !important
}

.navbar .for-xl-screem.end-0 {
    right: 60px !important
}
#menu-main .menu-item-has-children:hover > .sub-menu{
    display: block !important;
}
.menu-item{
    position: relative
}
#menu-main .sub-menu, #menu-main .sub-menu ul {
    position: absolute;
    display: none;
    padding: 0;
    margin: .125rem 0 0;
    font-size:0.5rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.sub-menu{
    top: 95%;
    left: 0;
    z-index: 1000;
    min-width: 13rem;
    display: none;
}
.sub-menu ul.sub-menu{
    top: 0;
    left:15rem;
    z-index: 1000;
    min-width: 13rem;
}
#menu-main .sub-menu ul.sub-menu{
    top: 0;
    left:100%;
    z-index: 1000;
    min-width: 13rem;
}
.sub-menu li{
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    background-color: transparent;
    border: 0;
}
.sub-menu li:hover{
    background-color: #f8f9fa;
}

.dropdown-toggle::after,#menu-main .menu-item-has-children>a::after {
    position: absolute;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border: none !important;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4986 5.14291H12.3708C12.2941 5.14291 12.2219 5.17082 12.1768 5.21657L7.90451 9.58711L3.63226 5.21657C3.58715 5.17082 3.51497 5.14291 3.43827 5.14291H2.31043C2.21269 5.14291 2.15554 5.2255 2.21269 5.28466L7.51503 10.7099C7.70752 10.9063 8.10151 10.9063 8.29249 10.7099L13.5948 5.28466C13.6535 5.2255 13.5963 5.14291 13.4986 5.14291V5.14291Z' fill='%23353535'/%3E%3C/svg%3E%0A") !important;
    width: 16px;
    height: 16px;
    margin-top: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
#menu-main .menu-item-has-children ul.sub-menu a::after{
    right:0
}
#menu-main .menu-item-has-children>a{
    position: relative;
}


#menu-cat > li > a {
    border-bottom: 1px solid #bdbdbd;
}

#menu-cat .sub-menu .current-menu-item> a{
    border-left: 3px solid #f95520;

}
.form-outline .btn.top-0 {
    top: 1px !important
}

.nav-search-section .dropdown-item {
    min-width: 261px;
    outline: none
}

.nav-search-section .search-dropdown .dropdown-toggle::after {
    position: absolute;
    display: none;
    margin-left: 0.5em;
    vertical-align: 0.255em;
    content: "";
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4986 5.14291H12.3708C12.2941 5.14291 12.2219 5.17082 12.1768 5.21657L7.90451 9.58711L3.63226 5.21657C3.58715 5.17082 3.51497 5.14291 3.43827 5.14291H2.31043C2.21269 5.14291 2.15554 5.2255 2.21269 5.28466L7.51503 10.7099C7.70752 10.9063 8.10151 10.9063 8.29249 10.7099L13.5948 5.28466C13.6535 5.2255 13.5963 5.14291 13.4986 5.14291V5.14291Z' fill='%23353535'/%3E%3C/svg%3E%0A") !important;
    width: 16px;
    height: 16px;
    margin-top: 2px
}

.nav-link {
    color: var(---clr-dark);
    line-height: 16px
}

@media (max-width: 1420px) {
    .nav-link {
        font-size: 14px !important
    }
}

@media (max-width: 1420px) {
    .nav-link span {
        font-size: 14px !important
    }
}

.nav-link:hover {
    color: var(---clr-warning)
}

@media (max-width: 1400px) {
    .login-signup .login button {
        font-size: 14px !important
    }
}

.login-signup .btn-talk {
    background-color: var(---clr-purple);
    color: #fff;
    font-size: 16px
}

.login-signup .btn {
    outline: none
}

.login-signup .btn.is-hover {
    position: relative;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.login-signup .btn.is-hover::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    left: 3px;
    top: 3px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    border: 2px solid #fff;
    opacity: 0;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.login-signup .btn.is-hover:hover {
    background-color: var(---clr-warning) !important;
    border-radius: 50px !important;
    color: #fff
}

.login-signup .btn.is-hover:hover::after {
    opacity: 1;
    border-radius: 50px;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.login-wrapper .login-info .form-body .form-control {
    height: 52px;
    border: 2px solid #E4E4E4;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 20px center;
    font-size: 14px
}

.login-wrapper .login-info .form-body .form-control::-webkit-input-placeholder {
    color: var(---clr-light-gray2)
}

.login-wrapper .login-info .form-body .form-control:-ms-input-placeholder {
    color: var(---clr-light-gray2)
}

.login-wrapper .login-info .form-body .form-control::-ms-input-placeholder {
    color: var(---clr-light-gray2)
}

.login-wrapper .login-info .form-body .form-control::placeholder {
    color: var(---clr-light-gray2)
}

.login-wrapper .login-info .form-body .form-control#email {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.167 17.5833H5.83366C3.33366 17.5833 1.66699 16.3333 1.66699 13.4167V7.58333C1.66699 4.66667 3.33366 3.41667 5.83366 3.41667H14.167C16.667 3.41667 18.3337 4.66667 18.3337 7.58333V13.4167C18.3337 16.3333 16.667 17.5833 14.167 17.5833Z' stroke='%239B98B4' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1663 8L11.558 10.0833C10.6997 10.7667 9.29134 10.7667 8.433 10.0833L5.83301 8' stroke='%239B98B4' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.login-wrapper .login-info .form-body .form-control#password, .login-wrapper .login-info .form-body .form-control#ConfirmedPassword {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.83333V7.16666C5 4.40833 5.83333 2.16666 10 2.16666C14.1667 2.16666 15 4.40833 15 7.16666V8.83333' stroke='%239B98B4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.167 18.8333H5.83366C2.50033 18.8333 1.66699 18 1.66699 14.6667V13C1.66699 9.66666 2.50033 8.83333 5.83366 8.83333H14.167C17.5003 8.83333 18.3337 9.66666 18.3337 13V14.6667C18.3337 18 17.5003 18.8333 14.167 18.8333Z' stroke='%239B98B4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3301 13.8333H13.3375' stroke='%239B98B4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99607 13.8333H10.0036' stroke='%239B98B4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66209 13.8333H6.66957' stroke='%239B98B4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.login-wrapper .login-info .form-body .form-control#name {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7676 14.9141C16.3992 14.0414 15.8645 13.2486 15.1934 12.5801C14.5243 11.9096 13.7317 11.375 12.8594 11.0059C12.8516 11.002 12.8438 11 12.836 10.9961C14.0528 10.1172 14.8438 8.68555 14.8438 7.07031C14.8438 4.39453 12.6758 2.22656 10 2.22656C7.32427 2.22656 5.1563 4.39453 5.1563 7.07031C5.1563 8.68555 5.94731 10.1172 7.16411 10.998C7.1563 11.002 7.14849 11.0039 7.14067 11.0078C6.26567 11.377 5.48052 11.9063 4.80669 12.582C4.1362 13.2511 3.60162 14.0437 3.23247 14.916C2.86982 15.77 2.67423 16.6856 2.6563 17.6133C2.65578 17.6341 2.65943 17.6549 2.66705 17.6743C2.67467 17.6937 2.6861 17.7114 2.70066 17.7263C2.71522 17.7412 2.73262 17.7531 2.75184 17.7612C2.77105 17.7693 2.7917 17.7734 2.81255 17.7734H3.98442C4.07036 17.7734 4.13872 17.7051 4.14067 17.6211C4.17974 16.1133 4.78521 14.7012 5.85552 13.6309C6.96294 12.5234 8.43364 11.9141 10 11.9141C11.5665 11.9141 13.0372 12.5234 14.1446 13.6309C15.2149 14.7012 15.8204 16.1133 15.8594 17.6211C15.8614 17.707 15.9297 17.7734 16.0157 17.7734H17.1876C17.2084 17.7734 17.229 17.7693 17.2483 17.7612C17.2675 17.7531 17.2849 17.7412 17.2994 17.7263C17.314 17.7114 17.3254 17.6937 17.333 17.6743C17.3407 17.6549 17.3443 17.6341 17.3438 17.6133C17.3243 16.6797 17.1309 15.7715 16.7676 14.9141V14.9141ZM10 10.4297C9.10357 10.4297 8.25981 10.0801 7.62505 9.44531C6.99028 8.81055 6.64067 7.9668 6.64067 7.07031C6.64067 6.17383 6.99028 5.33008 7.62505 4.69531C8.25981 4.06055 9.10357 3.71094 10 3.71094C10.8965 3.71094 11.7403 4.06055 12.375 4.69531C13.0098 5.33008 13.3594 6.17383 13.3594 7.07031C13.3594 7.9668 13.0098 8.81055 12.375 9.44531C11.7403 10.0801 10.8965 10.4297 10 10.4297Z' fill='%237B7B7B'/%3E%3C/svg%3E%0A")
}

.login-wrapper .login-info .form-body .password .pass-show-hide {
    position: absolute;
    right: 20px;
    bottom: 12px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login-wrapper .form-btn {
    height: 52px;
    line-height: 1.1
}

.login-wrapper .form-btn:hover {
    background-color: var(---clr-purple)
}

.banner-section {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 0
}

.banner-section.subpage-banner .item1 {
    grid-area: image1
}

.banner-section.subpage-banner .item2 {
    grid-area: image2
}

.banner-section.subpage-banner .item3 {
    grid-area: image3
}

.banner-section.subpage-banner .item4 {
    grid-area: image4
}

.banner-section.subpage-banner .item5 {
    grid-area: image5;
    margin-top: -40px
}

@media (max-width: 550px) {
    .banner-section.subpage-banner .item5 {
        margin-top: 0px
    }
}

.banner-section.subpage-banner .item6 {
    grid-area: image6;
    margin-top: -40px
}

@media (max-width: 550px) {
    .banner-section.subpage-banner .item6 {
        margin-top: 0px
    }
}

.banner-section.subpage-banner .image-grid-container {
    display: grid;
    grid-template-areas: "image1 image2 image3 image3 image5 image5""image1 image2 image3 image3 image5 image5""image1 image2 image4 image4 image6 image6";
    grid-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 550px) {
    .banner-section.subpage-banner .image-grid-container {
        grid-template-areas: "image1 image1""image2 image2""image3 image4""image5 image6"
    }
}

.banner-section.subpage-banner .image-grid-container .items {
    overflow: hidden;
    max-width: 100%;
    text-align: center
}

.banner-section.subpage-banner .image-grid-container .items img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.banner-section.subpage-banner .image-grid-container .items:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.banner-section .banner-image-wrapper {
    display: grid;
    grid-template-areas: "image1  image3 ""image1  image4 ""image1  image4 ""image2  image4 ";
    grid-gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .banner-section .banner-image-wrapper {
        grid-template-areas: "image1""image2""image3""image4"
    }
}

.banner-section .banner-image-wrapper .banner-image1 {
    grid-area: image1
}

.banner-section .banner-image-wrapper .banner-image2 {
    grid-area: image2;
    margin-top: -21px;
    padding-bottom: 24px
}

@media (max-width: 767px) {
    .banner-section .banner-image-wrapper .banner-image2 {
        margin-top: 0;
        padding-bottom: 0
    }
}

.banner-section .banner-image-wrapper .banner-image3 {
    grid-area: image3
}

.banner-section .banner-image-wrapper .banner-image4 {
    grid-area: image4
}

.banner-section .brand-logo {
    border-bottom: 2px solid #000;
    padding-bottom: 30px
}

.whyaop-banner {
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/rocket-shape.png), url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/whyAOP-shape.png), url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/arrow-shape.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 bottom, 69% calc(35%), 100% top
}

@media (min-width: 1200px) {
    .whyaop-banner .banner-content-right {
        margin-right: -40px
    }
}

.category-banner, .all-product-banner {
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/rocket-shape.png), url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/arrow-shape.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 bottom, 100% 0
}

.how-works-wrapper .how-works-image .youtube-btn {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.canvas-btn {
    background-color: var(---clr-warning);
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.canvas-btn:hover {
    background-color: var(---clr-purple)
}

.canvas-btn:hover .text-white {
    margin-right: 5px
}

.canvas-btn .text-white {
    margin-right: 15px;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.min-btn-hover {
    background-color: var(---clr-purple);
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.min-btn-hover:hover {
    background-color: var(---clr-warning)
}

.min-btn-hover:hover .text-white {
    margin-right: 5px
}

.min-btn-hover:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.min-btn-hover .text-white {
    margin-right: 15px;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.min-btn {
    width: 210px;
    height: 32px
}

.why-aop-wrapper .why-aop-item {
    -webkit-box-shadow: 0px, 10px rgba(30, 40, 117, 0.05);
    box-shadow: 0px, 10px rgba(30, 40, 117, 0.05)
}

.blog-content-wrapper .banner-heading-product, .blog-content-wrapper .blog-item {
    overflow: hidden;
    max-width: 100%;
    -webkit-transition: .3s all;
    transition: .3s all
}

.blog-content-wrapper .banner-heading-product .blog-product-image, .blog-content-wrapper .blog-item .blog-product-image {
    overflow: hidden
}

.blog-content-wrapper .banner-heading-product .blog-product-image img, .blog-content-wrapper .blog-item .blog-product-image img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s all;
    transition: .3s all
}

.blog-content-wrapper .banner-heading-product:hover .blog-product-image img, .blog-content-wrapper .blog-item:hover .blog-product-image img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.arrow-left {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M16.1426 3.60831L16.1426 5.30007C16.1426 5.41511 16.1007 5.52338 16.0321 5.59105L9.47628 11.9994L16.0321 18.4078C16.1007 18.4755 16.1426 18.5838 16.1426 18.6988L16.1426 20.3905C16.1426 20.5372 16.0187 20.6229 15.93 20.5372L7.79213 12.5837C7.49749 12.2949 7.49749 11.7039 7.79213 11.4175L15.93 3.46395C16.0187 3.37598 16.1426 3.46169 16.1426 3.60831V3.60831Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 100% !important;
    border: 2px solid #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}
.owl-carousel .owl-nav button.owl-next {
    left: initial;
    right: 0px !important
}

.owl-carousel .owl-nav button.owl-prev {
    right: initial;
    left:0px !important
}
@media all and (min-width:768px){
    .owl-carousel .owl-nav button.owl-next {
        left: initial;
        right: -80px !important
    }

    .owl-carousel .owl-nav button.owl-prev {
        right: initial;
        left: -80px !important
    }
}


.owl-carousel .owl-nav button span.fas.fa-chevron-right {
    color: #b3b3b3;
    margin-top: 7px;
    margin-left: 5px
}

.owl-carousel .owl-nav button span.fas.fa-chevron-right:hover {
    color: var(---clr-warning)
}

.owl-carousel .owl-nav button span.fas.fa-chevron-right {
    color: #b3b3b3;
    margin-top: 7px;
    margin-left: 5px
}

.owl-carousel .owl-nav button span.fas.fa-chevron-left {
    color: #b3b3b3;
    margin-top: 7px;
    margin-left: 0px
}

.owl-carousel .owl-nav button:focus {
    outline: none;
    border: none
}

.owl-carousel .owl-nav button:hover {
    width: 50px;
    height: 50px;
    border-radius: 100% !important;
    border: 2px solid var(---clr-warning) !important
}

.owl-carousel .owl-nav button:hover span.fas.fa-chevron-left {
    color: var(---clr-warning);
    margin-top: 6px
}

.owl-carousel .owl-nav button:hover span.fas.fa-chevron-right {
    color: var(---clr-warning);
    margin-top: 6px
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: none !important;
    color: #fff;
    text-decoration: none
}

.dropdown-rating .btn-secondary {
    color: #fff;
    background-color: #fff !important;
    border-color: #fff !important;
    margin-bottom: 17px;
    margin-right: 27px;
    padding-left: 0px
}

.dropdown-rating .btn-secondary:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.dropdown-rating .dropdown-menu {
    min-width: 250px;
    -webkit-transform: translate(-43%, -31px) !important;
    transform: translate(-43%, -31px) !important;
    height: 200px;
    overflow-y: auto
}

.color-tooltips button.btn {
    padding: 0px;
    border: none;
    outline: none
}

.color-tooltips .product-color {
    height: 14px;
    width: 14px;
    border: 2px solid #ebebeb
}

.color-tooltips .color1 {
    background-color: #5b642f
}

.color-tooltips .color2 {
    background-color: #d23d62
}

.color-tooltips .color3 {
    background-color: #c85313
}

.color-tooltips .color4 {
    background-color: #447085
}

.color-tooltips .color5 {
    background-color: #008db5
}

.color-tooltips .color6 {
    background-color: #1a9462
}

.color-tooltips .color6 {
    background-color: #bf6e6e
}

.multiple-product .product-item .product-hints {
    top: 10px;
    left: 10px
}

.product-item .single-product-image {
    overflow: hidden
}

.product-item .single-product-image img {
    max-width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.product-item:hover .single-product-image img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.all-products .product-item {
    display: none
}

.all-products .product-item .single-product-image img {
    width: 100%
}

.category-wrapper .sidebar .category-list .nav-item .dropdown-toggle, .all-product-wrapper .sidebar .category-list .nav-item .dropdown-toggle {
    border-bottom: 1px solid #bdbdbd
}

.category-wrapper .sidebar .category-list .nav-item .dropdown-toggle::after, .all-product-wrapper .sidebar .category-list .nav-item .dropdown-toggle::after {
    right: 0;
    top: 19px
}

.category-wrapper .sidebar .category-list .nav-item .nav-link, .all-product-wrapper .sidebar .category-list .nav-item .nav-link {
    height: 60px;
    line-height: 1.6
}

.category-wrapper .sidebar .category-list .nav-item .dropdown-menu, .all-product-wrapper .sidebar .category-list .nav-item .dropdown-menu {
    width: 100%;
    padding: 20px 0 0 0;
    position: relative !important;
    -webkit-transform: translate(0) !important;
    transform: translate(0) !important
}

.category-wrapper .sidebar .category-list .nav-item .dropdown-menu li .inner-sub-menu, .all-product-wrapper .sidebar .category-list .nav-item .dropdown-menu li .inner-sub-menu {
    margin-top: 10px;
    display: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.category-wrapper .sidebar .category-list .nav-item .dropdown-menu li a:focus, .all-product-wrapper .sidebar .category-list .nav-item .dropdown-menu li a:focus {
    background-color: transparent
}

.category-wrapper .sidebar .category-list .nav-item .dropdown-menu li:hover>.inner-sub-menu, .all-product-wrapper .sidebar .category-list .nav-item .dropdown-menu li:hover>.inner-sub-menu {
    display: block
}

.category-wrapper .sidebar .category-list .nav-item .dropdown-menu li:hover>a, .all-product-wrapper .sidebar .category-list .nav-item .dropdown-menu li:hover>a {
    color: var(---clr-warning)
}

.category-wrapper .sidebar .category-list .nav-item .dropdown-menu .is-stay-this-page, .all-product-wrapper .sidebar .category-list .nav-item .dropdown-menu .is-stay-this-page {
    font-weight: 700
}

.category-wrapper .all-category .single-category .cat-img, .all-product-wrapper .all-category .single-category .cat-img {
    max-width: 100%
}

.category-wrapper .all-category .single-category .cat-img img, .all-product-wrapper .all-category .single-category .cat-img img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.category-wrapper .all-category .single-category:hover .cat-img img, .all-product-wrapper .all-category .single-category:hover .cat-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.customer-review-wrapper.owl-theme .owl-dots {
    margin-top: 60px !important;
    text-align: start !important
}

.customer-review-wrapper.owl-theme .owl-dots .owl-dot:hover span, .customer-review-wrapper.owl-theme .owl-dots .owl-dot:active span {
    background-color: #000 !important
}

.customer-review-wrapper.owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px
}

.customer-review-wrapper.owl-theme .owl-dots button:focus {
    border: none;
    outline: none
}

.customer-review-wrapper.owl-theme .owl-nav {
    text-align: start !important
}

.customer-review-wrapper .view-story svg {
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.customer-review-wrapper .view-story:hover svg * {
    fill: var(---clr-warning)
}

.rating-details-info .per-rating {
    margin-bottom: 10px !important
}

.rating-details-info .per-rating p {
    font-size: 12px;
    font-weight: 600
}

.map-counter .map-section {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 760px
}

.map-counter .counter-content .count-border {
    background-color: #ffffff0f !important;
    width: 100%;
    height: 1px
}

.map-counter .counter-info .plus-icon {
    position: relative;
    min-width: 95px
}

.map-counter .counter-info .plus-icon::after {
    position: absolute;
    content: "+";
    left: calc(100%);
    top: 0
}

@media (max-width: 767px) {
    .map-counter .counter-info .plus-icon::after {
        right: 20px;
        left: initial
    }
}

.load-more {
    background-color: var(---clr-warning);
    border: 0;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.load-more:hover {
    background-color: var(---clr-purple)
}

.load-more:focus {
    background-color: var(---clr-purple);
    border: none;
    outline: none
}

.blog-content .read-more-btn {
    color: #7b7b7b
}

.blog-content .read-more-btn:hover {
    color: var(---clr-warning)
}

.blog-content .read-more-btn:hover svg * {
    stroke: var(---clr-warning)
}

.footer .newsletter, .footer .footer-widget-area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.footer .newsletter .input-group .form-control, .footer .footer-widget-area .input-group .form-control {
    background-color: #191919;
    height: 52px
}

.footer .footer-widget ul li a {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.footer .footer-widget ul li a svg {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.footer .footer-widget ul li a:hover {
    color: var(---clr-warning)
}

.footer .footer-widget ul li a:hover svg * {
    fill: var(---clr-warning)
}

.all-product-wrapper .aop-card-header {
    border-bottom: 1px solid #bdbdbd
}

.all-product-wrapper .form-check .form-check-input {
    width: 20px;
    height: 20px;
    border: 1px solid var(---clr-gray);
    background-color: var(---clr-smoke-white);
    -webkit-box-shadow: none;
    box-shadow: none
}

.all-product-wrapper .form-check .form-check-input:checked {
    background-color: var(---clr-warning);
    border-color: var(---clr-warning)
}

.all-product-wrapper .color-filter input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.all-product-wrapper .color-filter .label {
    width: 30px;
    height: 30px
}

.all-product-wrapper .color-filter .label .after-check {
    width: 15px;
    height: 15px;
    background-color: #fff;
    top: 25%;
    left: 25%;
    display: none
}

.all-product-wrapper .color-filter .label input:checked~.after-check {
    display: block !important
}

.all-product-wrapper .color-filter .label.clr-saratoga {
    background-color: #5b642f
}

.all-product-wrapper .color-filter .label.clr-cerise {
    background-color: #d23d62
}

.all-product-wrapper .color-filter .label.clr-tawny {
    background-color: #c85313
}

.all-product-wrapper .color-filter .label.clr-calypso {
    background-color: #447085
}

.all-product-wrapper .color-filter .label.clr-bblue {
    background-color: #008db5
}

.all-product-wrapper .color-filter .label.clr-egreen {
    background-color: #1a9462
}

.all-product-wrapper .color-filter .label.clr-contessa {
    background-color: #bf6e6e
}

.all-product-wrapper .all-product .product-header .searchbar {
    min-width: 31%
}

@media (max-width: 991px) {
    .all-product-wrapper .all-product .product-header .searchbar {
        min-width: 100%
    }

}

.all-product-wrapper .all-product .product-header .nav-tabs .nav-link {
    background: #f7f7f7;
    border: 1px solid var(---clr-gray);
    height: 42px
}

.all-product-wrapper .all-product .product-header .nav-tabs .nav-link.active {
    background-color: var(---clr-purple)
}

.all-product-wrapper .all-product .product-header .nav-tabs .nav-link.active svg * {
    fill: #fff
}

.all-product-wrapper .all-product .product-header .form-select {
    min-width: 190px;
    height: 42px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid var(---clr-gray);
    font-size: 13px;
    color: #7b7b7b;
    background-color: #f7f7f7
}

@media (max-width: 991px) {
    .all-product-wrapper .all-product .product-header .form-select {
        min-width: 100%
    }
}

.all-product-wrapper .all-product .product-wrap .single-product .product-img {
    max-width: 100%
}

.all-product-wrapper .all-product .product-wrap .single-product .product-img img {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.all-product-wrapper .all-product .product-wrap .single-product:hover .product-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.searchbar .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 42px;
    border: 1px solid var(---clr-gray);
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px center;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.8773 13.855L10.0587 9.03633C10.8064 8.06963 11.2109 6.8877 11.2109 5.64453C11.2109 4.15645 10.6302 2.76113 9.57998 1.70908C8.52978 0.657031 7.13076 0.078125 5.64453 0.078125C4.1583 0.078125 2.75928 0.658887 1.70908 1.70908C0.657031 2.75928 0.078125 4.15645 0.078125 5.64453C0.078125 7.13076 0.658887 8.52978 1.70908 9.57998C2.75928 10.632 4.15645 11.2109 5.64453 11.2109C6.8877 11.2109 8.06777 10.8064 9.03447 10.0605L13.8531 14.8773C13.8673 14.8915 13.884 14.9027 13.9025 14.9103C13.921 14.918 13.9408 14.9219 13.9607 14.9219C13.9807 14.9219 14.0005 14.918 14.019 14.9103C14.0375 14.9027 14.0542 14.8915 14.0684 14.8773L14.8773 14.0702C14.8915 14.0561 14.9027 14.0393 14.9103 14.0208C14.918 14.0024 14.9219 13.9826 14.9219 13.9626C14.9219 13.9426 14.918 13.9228 14.9103 13.9044C14.9027 13.8859 14.8915 13.8691 14.8773 13.855V13.855ZM8.58359 8.58359C7.79688 9.36846 6.7541 9.80078 5.64453 9.80078C4.53496 9.80078 3.49219 9.36846 2.70547 8.58359C1.92061 7.79688 1.48828 6.7541 1.48828 5.64453C1.48828 4.53496 1.92061 3.49033 2.70547 2.70547C3.49219 1.92061 4.53496 1.48828 5.64453 1.48828C6.7541 1.48828 7.79873 1.91875 8.58359 2.70547C9.36846 3.49219 9.80078 4.53496 9.80078 5.64453C9.80078 6.7541 9.36846 7.79873 8.58359 8.58359Z' fill='%237B7B7B'/%3E%3C/svg%3E%0A")
}

.shopify-banner .banner-content-left .banner-nav-item .banner-nav-link {
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.shopify-banner .banner-content-left .banner-nav-item .banner-nav-link.active {
    color: var(---clr-warning) !important
}

.shopify-banner .banner-content-left .banner-nav-item .banner-nav-link:hover {
    color: var(---clr-warning) !important
}

.shopify-feature .shopify-feature-image-wrapper {
    display: grid;
    grid-template-areas: "image1 image3""image2 image3""image2 image4""image2 image4""image2 image4";
    grid-gap: 20px
}

.shopify-feature .shopify-feature-image-wrapper .shppify-image1 {
    grid-area: image1
}

.shopify-feature .shopify-feature-image-wrapper .shppify-image2 {
    grid-area: image2
}

.shopify-feature .shopify-feature-image-wrapper .shppify-image3 {
    grid-area: image3
}

.shopify-feature .shopify-feature-image-wrapper .shppify-image4 {
    grid-area: image4
}

.shopify-feature .shopify-feature-image-wrapper .shopify-feature-image {
    overflow: hidden;
    max-width: 100%
}

.shopify-feature .shopify-feature-image-wrapper .shopify-feature-image img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.shopify-feature .shopify-feature-image-wrapper .shopify-feature-image img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.shopify-feature .solution-image-item {
    overflow: hidden;
    max-width: 100%
}

.shopify-feature .solution-image-item img {
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear
}

.shopify-feature .solution-image-item:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.benefit-wrapper .why-aop-item {
    min-height: 255px
}

.demand-work-wrapper .demand-work-item .work-item-left {
    width: 382px
}

.demand-work-wrapper .demand-work-item .timelineImage {
    width: 382px
}

@media (max-width: 576px) {
    .demand-work-wrapper .demand-work-item .fs-36 {
        font-size: 18px !important
    }

    .demand-work-wrapper .demand-work-item .fs-18 {
        font-size: 12px !important
    }

    .demand-work-wrapper .demand-work-item .timelineCount {
        display: none
    }
}

.pagination .page-link {
    height: 30px;
    width: 30px;
    line-height: 18px
}

.amazing-print-quality {
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/arrow-shape-left.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100px center
}

.all-blog-content .nav-pills .nav-link {
    border: none;
    padding: 1rem 2rem;
    border-radius: 0px;
    background-color: var(---clr-light-gray);
    border-bottom: 2px solid var(---clr-light-gray);
    font-weight: normal;
    -webkit-transition: 0.2s all linear;
    transition: 0.2s all linear
}

.all-blog-content .nav-pills .nav-link:hover {
    color: var(---clr-warning)
}

.all-blog-content .nav-pills .nav-link.active {
    color: var(---clr-dark) !important;
    font-weight: bold;
    border-bottom: 2px solid var(---clr-warning);
    background: transparent;
}

.all-blog-content .nav-pills .nav-link:focus {
    background-color: none;
    border: none;
    outline: none;
    font-weight: bold;
    color: var(---clr-dark);
    border-bottom: 2px solid var(---clr-warning)
}

.all-blog-content .nav-pills .nav-link.show {
    font-weight: bold;
    border-bottom: 2px solid var(---clr-warning)
}

.all-blog-content .blog-right-wrapper .search-bar-wrapper label {
    width: 100% !important
}

.all-blog-content .blog-right-wrapper .search-bar-wrapper .form-control {
    display: block;
    padding: 12px 50px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7656 16.6895L12.6934 11.6172C13.4805 10.5996 13.9062 9.35547 13.9062 8.04688C13.9062 6.48047 13.2949 5.01172 12.1895 3.9043C11.084 2.79687 9.61133 2.1875 8.04688 2.1875C6.48242 2.1875 5.00977 2.79883 3.9043 3.9043C2.79687 5.00977 2.1875 6.48047 2.1875 8.04688C2.1875 9.61133 2.79883 11.084 3.9043 12.1895C5.00977 13.2969 6.48047 13.9062 8.04688 13.9062C9.35547 13.9062 10.5977 13.4805 11.6152 12.6953L16.6875 17.7656C16.7024 17.7805 16.72 17.7923 16.7395 17.8004C16.7589 17.8084 16.7797 17.8126 16.8008 17.8126C16.8218 17.8126 16.8427 17.8084 16.8621 17.8004C16.8815 17.7923 16.8992 17.7805 16.9141 17.7656L17.7656 16.916C17.7805 16.9011 17.7923 16.8835 17.8004 16.864C17.8084 16.8446 17.8126 16.8238 17.8126 16.8027C17.8126 16.7817 17.8084 16.7609 17.8004 16.7414C17.7923 16.722 17.7805 16.7043 17.7656 16.6895V16.6895ZM11.1406 11.1406C10.3125 11.9668 9.21484 12.4219 8.04688 12.4219C6.87891 12.4219 5.78125 11.9668 4.95313 11.1406C4.12695 10.3125 3.67188 9.21484 3.67188 8.04688C3.67188 6.87891 4.12695 5.7793 4.95313 4.95313C5.78125 4.12695 6.87891 3.67188 8.04688 3.67188C9.21484 3.67188 10.3145 4.125 11.1406 4.95313C11.9668 5.78125 12.4219 6.87891 12.4219 8.04688C12.4219 9.21484 11.9668 10.3145 11.1406 11.1406Z' fill='%237B7B7B'/%3E%3C/svg%3E%0A");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 20px;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.all-blog-content .blog-right-wrapper .category-border {
    border-bottom: 1px solid var(---clr-dark-gray)
}

.all-blog-content .blog-right-wrapper .product-category-list {
    cursor: pointer
}

.all-blog-content .blog-right-wrapper .product-category-list .feature-product-wrapper {
    overflow: hidden
}

.all-blog-content .blog-right-wrapper .product-category-list .feature-product-wrapper .feature-product-image {
    max-width: 100%;
    overflow: hidden
}

.all-blog-content .blog-right-wrapper .product-category-list .feature-product-wrapper .feature-product-image img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s all linear;
    transition: .3s all linear
}

.all-blog-content .blog-right-wrapper .product-category-list:hover .feature-product-image img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.all-blog-content .blog-right-wrapper .product-category-list:hover .blog-category-pra {
    font-weight: 700
}

.all-blog-content .blog-right-wrapper .product-category-list:hover .product-category svg * {
    fill: var(---clr-warning)
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(---clr-dark) !important
}

.faq .accordion-list .accordion-list-item {
    background-color: #faf9fc
}

.faq .accordion-list .accordion-list-item .accordion-title {
    cursor: pointer
}

.connect-us {
    max-width: 265px;
    margin: -70px auto 0 !important;
    z-index: 10;
    position: relative
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(---clr-warning)
}

.aop-provided-services .service-tab .nav-pills .nav-link {
    border-color: transparent
}

.aop-provided-services .service-tab .nav-pills .nav-link.active {
    border-color: var(---clr-purple)
}

.support {
    margin-top: -80px
}

.get-in-touch .form-control {
    background-color: var(---clr-smoke-white);
    height: 50px;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px center;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.get-in-touch .form-control::-webkit-input-placeholder {
    color: var(---clr-dark-gray)
}

.get-in-touch .form-control:-ms-input-placeholder {
    color: var(---clr-dark-gray)
}

.get-in-touch .form-control::-ms-input-placeholder {
    color: var(---clr-dark-gray)
}

.get-in-touch .form-control::placeholder {
    color: var(---clr-dark-gray)
}

.get-in-touch #name {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7676 14.9141C16.3992 14.0414 15.8645 13.2486 15.1934 12.5801C14.5243 11.9096 13.7317 11.375 12.8594 11.0059C12.8516 11.002 12.8438 11 12.836 10.9961C14.0528 10.1172 14.8438 8.68555 14.8438 7.07031C14.8438 4.39453 12.6758 2.22656 10 2.22656C7.32427 2.22656 5.1563 4.39453 5.1563 7.07031C5.1563 8.68555 5.94731 10.1172 7.16411 10.998C7.1563 11.002 7.14849 11.0039 7.14067 11.0078C6.26567 11.377 5.48052 11.9063 4.80669 12.582C4.1362 13.2511 3.60162 14.0437 3.23247 14.916C2.86982 15.77 2.67423 16.6856 2.6563 17.6133C2.65578 17.6341 2.65943 17.6549 2.66705 17.6743C2.67467 17.6937 2.6861 17.7114 2.70066 17.7263C2.71522 17.7412 2.73262 17.7531 2.75184 17.7612C2.77105 17.7693 2.7917 17.7734 2.81255 17.7734H3.98442C4.07036 17.7734 4.13872 17.7051 4.14067 17.6211C4.17974 16.1133 4.78521 14.7012 5.85552 13.6309C6.96294 12.5234 8.43364 11.9141 10 11.9141C11.5665 11.9141 13.0372 12.5234 14.1446 13.6309C15.2149 14.7012 15.8204 16.1133 15.8594 17.6211C15.8614 17.707 15.9297 17.7734 16.0157 17.7734H17.1876C17.2084 17.7734 17.229 17.7693 17.2483 17.7612C17.2675 17.7531 17.2849 17.7412 17.2994 17.7263C17.314 17.7114 17.3254 17.6937 17.333 17.6743C17.3407 17.6549 17.3443 17.6341 17.3438 17.6133C17.3243 16.6797 17.1309 15.7715 16.7676 14.9141V14.9141ZM10 10.4297C9.10357 10.4297 8.25981 10.0801 7.62505 9.44531C6.99028 8.81055 6.64067 7.9668 6.64067 7.07031C6.64067 6.17383 6.99028 5.33008 7.62505 4.69531C8.25981 4.06055 9.10357 3.71094 10 3.71094C10.8965 3.71094 11.7403 4.06055 12.375 4.69531C13.0098 5.33008 13.3594 6.17383 13.3594 7.07031C13.3594 7.9668 13.0098 8.81055 12.375 9.44531C11.7403 10.0801 10.8965 10.4297 10 10.4297Z' fill='%237B7B7B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px center;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.get-in-touch #email {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6543 0.125H1.4043C1.05859 0.125 0.779297 0.404297 0.779297 0.75V13.25C0.779297 13.5957 1.05859 13.875 1.4043 13.875H17.6543C18 13.875 18.2793 13.5957 18.2793 13.25V0.75C18.2793 0.404297 18 0.125 17.6543 0.125ZM16.873 2.28906V12.4688H2.18555V2.28906L1.64648 1.86914L2.41406 0.882813L3.25 1.5332H15.8105L16.6465 0.882813L17.4141 1.86914L16.873 2.28906V2.28906ZM15.8105 1.53125L9.5293 6.41406L3.24805 1.53125L2.41211 0.880859L1.64453 1.86719L2.18359 2.28711L8.85547 7.47461C9.04734 7.62367 9.2834 7.70459 9.52637 7.70459C9.76934 7.70459 10.0054 7.62367 10.1973 7.47461L16.873 2.28906L17.4121 1.86914L16.6445 0.882813L15.8105 1.53125Z' fill='%237B7B7B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px center;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}



.get-in-touch .form-select {
    background-color: var(---clr-smoke-white);
    height: 50px;
    font-size: 14px;
    color: var(---clr-dark-gray);
    padding-left: 15px;
    border: 0;
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none
}

.get-in-touch textarea {
    height: 170px !important
}

.get-in-touch .btn-submit {
    height: 52px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.get-in-touch .btn-submit:hover {
    background-color: var(---clr-purple)
}

.comment .comment-heading .dropdown .comment-btn {
    width: 140px;
    height:40px;
    text-align: start !important;
    background-color: var(---clr-gray)
}

.comment .comment-heading .dropdown .comment-btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.comment-form .comment-input-form .form-control {
    background-position: 16px center;
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/User.svg);
    background-repeat: no-repeat;
    padding: 9px 48px;
    background-color: var(---clr-smoke-white2)
}

.comment-form .comment-input-form2 .form-control {
    background-position: 16px center;
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/Mail.svg);
    background-repeat: no-repeat;
    padding: 9px 48px;
    background-color: var(---clr-smoke-white2)
}

.comment-form .form-floating .form-control {
    background-color: var(---clr-smoke-white2);
    height: 155px !important
}

.pro-tips {
    border-left: 5px solid var(---clr-warning)
}

.replay-comment {
    border-left: 3px solid var(---clr-warning)
}

.point-counter {
    height: 21px;
    width: 21px;
    border-radius: 100px;
    background-color: var(---clr-warning);
    color: #fff;
    font-size: 16px;
    margin-top: 1px
}

.form-control {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0
}

@media (max-width: 1200px) {
    .shopify-business .shopify-business-heading {
        width: 50%
    }
}

.solution-image-item-wrapper {
    display: grid;
    grid-gap: 20px;
    grid-template-areas: "item1  .""item1 item3""item2 item3""item2 item3""item2 item3""item2 item3"
}

.solution-image-item-wrapper .item-a {
    grid-area: item1
}

.solution-image-item-wrapper .item-b {
    grid-area: item2
}

.solution-image-item-wrapper .item-c {
    grid-area: item3;
    margin-top: 25px
}

.solution-image-item-wrapper .solution-image-item {
    overflow: hidden;
    max-width: 100%
}

.solution-image-item-wrapper .solution-image-item img {
    width: 100%
}

@media (max-width: 992px) {
    .solution-image-item-wrapper {
        display: grid;
        grid-template-areas: "item1  item2""item1 item2""item3 item2""item3 .""item3 .""item3 ."
    }

    .solution-image-item-wrapper .item-c {
        grid-area: item3;
        margin-top: 0px
    }
}

@media (max-width: 400px) {
    .blog-info .fs-14 {
        font-size: 12px !important
    }

    .blog-info .person-name .fs-13 {
        font-size: 10px !important
    }

    .blog-info .update-date .fs-13 {
        font-size: 10px !important
    }
}


.business-canvas{
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/canvus.png);
}
.getstard_btn {
    margin-left: auto !important;
}
.getstard_btn .wp-block-button__link {
    background-color: var(---clr-warning) !important;
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/ArrowRight.svg);
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
    width: 193px;
    height: 52px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.getstard_btn .wp-block-button__link:hover, .bg-clr-warning:hover, a.bg-white:hover, .shopybtn:hover {
    background-color: var(---clr-purple)!important;

}


.why-aop{
    background-image: linear-gradient(rgba(247, 247, 247, 0) 0%, #F7F7F7 100%);
}

.content-area{
    min-height: 50px;
}
.list-unstyled li a i {
    color: #7b7b7b;
}
.list-unstyled li a:hover i {
    color: var(---clr-warning) !important;
}
.widget-title {
    text-transform: uppercase;
}

.w-menu.list-unstyled li:hover{
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/ArrowRight.svg);
    background-repeat: no-repeat;
    background-position: center right;
}
.tmplaceholder{
    max-width: 60px !important;
}

.getStartedButto{
    display: block;
    padding: 14px;
    text-decoration: none;
}

.liststyle-dotted li::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg class='me-3' width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23616161'%3E%3C/circle%3E%3C/svg%3E");
    display: inline-block;
    position: relative;
    padding: 6px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 5px;
}

/* single page*/
.single .blog-content-wrapper  ul li {
    margin-bottom: 1rem !important;
}


.single .blog-content-wrapper ul{
    padding: 0 ;
    margin: 0;
    list-style: none;
}



.single .blog-content-wrapper  ul {
    padding-bottom: 1.5rem !important;
}

.list_style_green li:before{
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg class='me-2' width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2317BD8D'%3E%3C/circle%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0875 5.59275C12.5334 6.08314 12.4972 6.84208 12.0068 7.28789L7.60682 11.2879C7.14912 11.704 6.45012 11.704 5.99241 11.2879L3.99241 9.46971C3.50202 9.0239 3.46588 8.26496 3.91169 7.77457C4.3575 7.28418 5.11644 7.24804 5.60683 7.69385L6.79962 8.77821L10.3924 5.51203C10.8828 5.06622 11.6417 5.10236 12.0875 5.59275Z' fill='white'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    position: relative;
    padding: 16px;
    background-repeat: no-repeat;
    background-position:left center;
    margin-right: 5px;


}


/* Comment */

.avatar.avatar-80.photo{
    width: 40px;
    height: 100%;
    margin-right: 1rem !important;
}



.children {
    margin-left: 40px !important;
    border-left: 3px solid var(---clr-warning);
    background-color: var(---clr-smoke-white2);
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.children li {
    padding: 0 10px;
}
.replay, .replay a {
    color: var(---clr-blue);
    text-decoration: navajowhite;
    font-size: 15px;
    font-weight: 700;
}
.aurthor_name{
    text-transform: capitalize;
}

form#commentform label{
    display: none
}
p.comment-form-cookies-consent label{
    display: block !important
}
p.comment-form-author, p.comment-form-email {
    width: 47%;
    float: left;
}
p.comment-form-author input, p.comment-form-email input, p.comment-form-comment textarea{
    width: 100%;
    background-repeat: no-repeat;
    padding: 9px 48px;
    background-color: var(---clr-smoke-white2);
    border: none;
    border-radius: 5px;
}
p.comment-form-cookies-consent {
    clear: both;
    width:100%;
}
p.comment-form-author{
    margin-right: 15px;
}
p.comment-form-email{
    margin-left: 15px;
}
p.comment-form-author input{
    background-position: 16px center;
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/User.svg);
}

p.comment-form-email input{
    background-position: 16px center;
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/Mail.svg);
}
p.form-submit {
    text-align: right;
}
p.form-submit input {
    background-color: var(---clr-warning);
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
    border: none;
    outline: none;
    width: 200px;
    height: 52px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

p.form-submit input:hover, #cancel-comment-reply-link:hover {
    background-color: var(---clr-purple);
}
#reply-title a, .logged-in-as a {
    font-size: 15px;
    text-decoration: none;
    text-transform: capitalize;
    color: #219fff;
}

#cancel-comment-reply-link {
    background: #f95520;
    padding: 10px 15px;
    color: #fff !important;
    border-radius: 4px;
    margin-left: 20px;
}


/*Search */
#ajaxsearchlitewidget-4 {
    display: block;
    padding: 6px 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 20px;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom:  3rem !important;
}
div.asl_w{
    border-radius:5px!important;
    box-shadow:none !important;
}
#ajaxsearchlitewidget-4 .widget-title{
    display: none;
}
.category-border {
    border-bottom: 1px solid var(---clr-dark-gray);
}

.featured_post_thumb{
    width: 118px;
    height: 74px;
    object-fit: cover;
}



#Genre-List {
    margin-bottom: 2rem;
    padding-left: 0;
}
.blog-category-pra a {
    color: var(---clr-dark);
    text-decoration: none;
}
.blog-category-pra a:hover {
    color: #f95520 !important;
    text-decoration: none;
}
.gridblog img ,.postimage {
    max-height: 197px;
}

#menu-item-95:hover {
    background-image: none;
}

/*#breadcrumbs*/
#breadcrumbs {
    padding: 0;
    list-style: none;
}
#breadcrumbs li {
    display: inline-block;
    padding:0 1px;
}

.bread-link.bread-home, .separator.separator-home, .woocommerce-breadcrumb a{
    color: var(---clr-warning) !important;
    text-decoration: none;
}

.bread-parent,.separator,.item-current{
    color: #6c757d;
    font-weight: 400;
    text-decoration: none
}

.mt-80{
    margin-top: -81px;
}
.why-aop-item {
    min-height: 255px;
}


.benefit-section .serviceItem {
    -webkit-box-shadow: 0px 10px 30px rgba(30,40,117,0.05);
    box-shadow: 0px 10px 30px rgba(30,40,117,0.05);
}

.easy-integrations{
    background-image: url(https://norifashion.co.uk/wp-content/themes/norifashionplus/img/arrow-up.svg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #000000;
}
@media all and (min-width:768px){
    .pr-5 {
        padding-right: 96px !important;
    }
}
.wp-block-image img{
    height: auto;
}
.service-sec .serviceItem{
    min-height: 284px;
}

.service-tab-content .service-title {
    border-left: 6px solid #f95520;
    padding-left: 10px;
}

.why-start-with-aop  .serviceItem {
    -webkit-box-shadow: 0px 10px 30px rgba(30,40,117,0.05);
    box-shadow: 0px 10px 30px rgba(30,40,117,0.05);
}
.buttondiv.pl-5 {
    padding-left: 2rem;
    padding-top: 1.5rem;
}
.getstarted-wrapper:hover a{
    color:var(---clr-warning) !important
}



/* Woocommerch*/

.woocommerce-result-count {
    display: none;
}

.orderby {
    min-width: 190px;
    height: 42px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #7b7b7b;
    background-color: #f7f7f7;
    font-family: "Manrope", sans-serif;
    display: block;
    width: 100%;
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.product-header  #ajaxsearchlite1 .probox, div.asl_w .probox{
    padding: .375rem .75rem;
}
.product-header  #ajaxsearchlite1 {
    border: 1px solid var(---clr-gray);
}


.customProductli {
    flex: 0 0 auto;
    width: 30.87%;
    float: left;
    margin: 0 10px;
}

.banner-title .page-title {
    font-size: 64px;
    line-height: 68px;
    font-weight: 500;
}

.woocommerce .star-rating span{
    color: #ffc233;
}
.woocommerce .star-rating{
    min-width:7em !important
}
.woocommerce .star-rating{
    font-size: 0.8em!important;
    letter-spacing: 3px;
}


/* 
Filter group Css
*/
.filtercler {
    display: flex;
    justify-content: space-between;
}
.bapf_body ul {
    padding: 0;
}
.bapf_sfilter .bapf_clr_span, .bapf_sfilter .bapf_img_span{
    border: none !important;
}
.bapf_sfilter .bapf_clr_span.w2em, .bapf_sfilter .bapf_img_span.w2em{
    max-height: 1.5em;
    max-width: 1.5em;
    margin: 2px !important;
}

#bapf_4 .bapf_body ul li {
    display: inline-block;
    min-width: 48%;
}
.bapf_head h3 {
    font-size: 1rem !important;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}
.bapf_button.bapf_reset {
    background: transparent;
    border: none;
    color: var(---clr-warning);
}
.pd-size-var{
    text-transform: uppercase;
}
.color-tooltips {
    min-height: 25px;
}
.current-menu-item> a{
    color: var(---clr-warning) !important
}
.colorVariation {
    display: inline-block;
    margin: 1px;
    height: 14px;
    width: 14px;
    border: 2px solid #ebebeb;
}

.bapf_sfilter ul li{
    margin-bottom: 1rem !important;
}
.bapf_body li input {
    width: 20px;
    height: 20px;
    border: 0px solid var(---clr-gray) !important;
    background-color: var(---clr-smoke-white) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: .25em !important;
    color-adjust: exact;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#ajaxsearchlite2, #ajaxsearchlite1 {
    min-width: 254px;
}

.dropdown-menu #ajaxsearchlite2 .promagnifier,.dropdown-menu #ajaxsearchlite1 .promagnifier {
    position: absolute;
    right: 0;
    width: 47px !important;
    height: 41px !important;
    top: 0;
    background-color: var(---clr-warning);
}

.dropdown-menu #ajaxsearchlite2  .probox, .dropdown-menu #ajaxsearchlite1  .probox {
    padding: 7px !important;
}
.dropdown-menu div.asl_w .probox .promagnifier .innericon svg {
    fill: #fff!important;
}

.dropdown-menu.curency.show {
    border: none !important;
    padding: 0;
}

.woo-login-popup-sc-bg{
    display: none !important;
}
@media all and (min-width:480px){
    body .woo-login-popup-sc-modal{
        width: 38% !important
    }
}
.menu-item-621 a {
    text-decoration: none;
    color: #353535;
}
.menu-item-622 a {
    background-color: var(---clr-purple);
    color: #fff;
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
    margin-left: 0.5rem!important;
    font-size: 12px !important;
    position: relative;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.menu-item-622 a:hover{
    background-color: var(---clr-warning) !important;
    border-radius: 50px !important;
    color: #fff;
}

.menu-item-622 a::after{
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    left: 3px;
    top: 3px;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    border: 2px solid #fff;
    opacity: 0;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;

}
.menu-item-622 a:hover::after{
    opacity: 1;
    border-radius: 50px;
    -webkit-transform: scale(1);
    transform: scale(1);
}
input.woocommerce-Button.button {
    background: #f95520;
    border: none;
    color: #fff;
    height: 52px;
    border-radius: 10px;
}

div#woo-login-popup-sc-login input, div#woo-login-popup-sc-register input{
    height: 52px;
    border-radius: 10px;
}

.woo-login-popup-sc-modal .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    margin-bottom:15px;
    display: inline-block;
    width: 42%;
}
.woo-login-popup-sc-modal .woocommerce-MyAccount-navigation ul li a {
    text-decoration: none;
    color: #212529;
    background:#fbf7f5;
    padding:5px 10px;
    display: block;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
}
.woo-login-popup-sc-modal .woocommerce-MyAccount-navigation ul li a:hover {
    background: #8666ea;
    color: #fff;
}
.woocommerce-account .woo-login-popup-sc-modal .woocommerce-MyAccount-navigation{
    width: 100%;
}
.woo-login-popup-sc-modal.woo-login-popup-sc-modal-off {
    width: 100% !important;
}
.woocommerce-MyAccount-navigation ul {
    padding: 0;
}
.woocommerce-MyAccount-navigation li {
    list-style: none;
    margin-bottom: 5px;
}
.woocommerce-MyAccount-navigation li a {
    text-decoration: none;
    padding: 5px;
    display: inline-block;
    background:#fbf7f5;
    padding: 5px 15px;

}
.woocommerce-MyAccount-navigation li:hover a {
    color: #fff;
}
.woocommerce-MyAccount-navigation li a:hover{
    background: #8666ea ;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single{
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    height:42px;
    padding: 5px 15px;
    border-radius: 5px;
    border:1px solid #ececec;
    box-shadow: none !important;
    margin-bottom: 10px;
}

.woocommerce-additional-fields h3, .woocommerce-billing-fields h3 {
    font-size: 20px;
    background: #fbf7f5;
    padding: 15px;
    text-transform: capitalize;
    text-align: center;
}
.woocommerce-additional-fields h3{
    margin-top: 20px;
}
.edit {
    padding: 5px 15px;
    text-decoration: none;
    background: #f95520;
    color: #fff;
    border-radius: 3px;
}
.woocommerce-page div.product div.images{
    width: 100%
}
/* Checkout */
.checkout.woocommerce-checkout {
    display: flex;
}
#customer_details div {
    width: 100%;
}
.woocommerce a.remove{
    color: #d1c5fa !important;
    font-weight: 400;
}
#coupon_code {
    min-width: 140px;
}
.woocommerce-message .button.wc-forward{
    color: #fff;
    background-color: #f95520;
}
.woocommerce-message .button.wc-forward:hover{
    background-color: #8666ea;
    color: #fff;
}
.woocommerce .col2-set, .woocommerce-page .col2-set {
    margin: 0 15px 0 0;
    box-shadow: 0 1px 3px #e6dfdf;
    padding: 15px;
}

.woocommerce-cart-form__contents .product-name a {
    text-decoration: navajowhite;
    color: #f95520;
}
.catmenu .sub-menu, .sub-menu ul{
    border:none;
    padding: 5px 0
}





#slide-out .social-icons {
    margin-bottom: 15px;
}

#slide-out .social-icons a {
    color: #ccc;
    font-size: 16px;
    padding: 0 4px;
}

#slide-out .social-icons a:hover {
    color: #FFF;
}



#mobile-menu.mobile-hide-icons i.fa {
    display: none;
}

#slide-out #mobile-menu .mega-menu-block {
    padding: 0 !important;
    background: transparent !important;
    min-height: inherit !important;
}

#slide-out #mobile-menu ul ul,
#slide-out #mobile-menu .sub-menu-columns-item{
    display: none;
    width: 100%;
}
#slide-out #mobile-menu a:hover{
    color:#f2521e !important;
}

#slide-out #mobile-menu li {
    list-style: none;
    position: relative
}

#slide-out #mobile-menu ul li.menu-item-has-children i.mobile-arrows{
    position: absolute;
    top: 9px;
    right: 0;
    padding: 12px;
    margin: 0;
    cursor: pointer;
    display: block;
    font-size: 16px;
}
#slide-out #mobile-menu ul ul li.menu-item-has-children i.mobile-arrows{
    top:0px;
}
#slide-out #mobile-menu a {
    display: block;
    text-decoration: none;
    padding-right: 30px !important;

}


#mobile-menu .sub-menu, #mobile-menu .sub-menu ul  {
    position: relative;
    border: none;
    padding-left: 0;
}

.sub-menu {
    background: #fff;
}

#slide-out #mobile-menu ul ul a {
    font-size: 16px !important;
    padding-left: 10px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

#slide-out #mobile-menu ul ul ul a {
    font-size: 12px;
    padding-left: 40px
}

#slide-out #mobile-menu ul ul ul a {
    padding-left: 50px
}

#slide-out #mobile-menu ul ul ul ul a {
    padding-left: 60px
}

#mobile-menu li.menu-item-home a:before {

}

#mobile-menu .mobile-arrows {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

#mobile-menu .mobile-arrows.is-open {
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}
#menu-cat {
    padding: 0;
}


#mobiletop ul{
    padding-left: 0;
    margin-top: 10px;
}

#mobiletop li {
    list-style: none;

}
#mobiletop li a{
    text-decoration: none;
    display: inline-block;
}
#mobiletop  .mobile-arrows {
    position: absolute;
    top: 9px;
    right: 0;
    padding: 12px;
    margin: 0;
    cursor: pointer;
    display: block;
    font-size: 16px;
}

#mobiletop  .sub-menu ul.sub-menu, #slide-out  .sub-menu ul.sub-menu{
    left: 0px;
    border-top: 1px solid #f7ece7;
}
#mobiletop  .sub-menu ul.sub-menu li a, #slide-out .sub-menu ul.sub-menu li a{
    font-size: 16px !important;
    padding:5px 0 !important;
}

.sub-menu li {
    padding-right: 0;
}
.woocommerce-result-count {
    text-align: right;
    width: 100%;
    font-size: 14px;
    margin: 0 !important;
}
#ajaxsearchlite3 {
    border: 1px solid #e4e4e4;
}
.woocommerce-shop #list-view-tab {
    display: none;
}
.serviceItem .why-aop-item{
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.serviceItem .why-aop-item:hover {
    background: #d39af25e !important;
    border-radius: 5px;
}



.single-product:hover .product-img img, .blog-item:hover  .blog-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


@media all and (max-width:480px){
    .getstard_btn {
        width: 100% !important;
    }
    .col-5,.col-7 {
        width: 100% !important;
    }
    .wallet-share-wrapper .row{
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }
    .customProductli{
        width: 100%;
        margin: 0
    }
    .g-5, .gx-5 {
        --bs-gutter-x: 0!important;
    }
    .banner-content {
        padding-right: 0 !important;
    }
    .banner-content h1{
        font-size: 35px !important;
    }
    .all-blog-content .nav-pills .nav-link{
        text-align: left;
    }
}


@media all and (min-width:1301px) and (max-width:1440px){
    .navbar .navbar-brand {
        min-width: 130px;
    }
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .3rem  !important;
        padding-left: .3rem  !important;
    }
}

@media all and (max-width:768px){
    .checkout.woocommerce-checkout {
        display: flex;
        flex-wrap: wrap;
    }
    /*
        .customProductli{
            margin: 0 9px;
        }
    */
}


/* Single Products */
.product_title.entry-title{
    font-size: 22px;
}
.woocommerce-review-link {
    clear: both;
    color: #8666ea;
    position: relative;
    text-decoration: none;
    text-transform: capitalize;
}
.woocommerce div.product span.price{
    color: #dd3600;
}
p.price .woocommerce-Price-amount{
    color: #000;
    font-size: 30px;
}
.woocommerce button.button.alt:hover,#sbw_wc-adding-button:hover{
    background-color: #37b2e1 !important;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 5px!important;
}
.attribute_pa_color_picker_label.swatch-label {
    display: none;
}
#picker_pa_size ul li{
    display: inline-block;
    margin: 10px 10px 10px 0;
}
.reset_variations {
    position: absolute;
    top: 12px;
    right: 0;
    text-decoration: none;
    color: #f95520;
}

td,th{
    vertical-align: middle!important;
    position: relative;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    line-height: 50px !important;
}
.sku_wrapper {
    display: block;
}
.posted_in a {
    text-decoration: none;
    font-size: 14px;
    color: #b7a5f0;
    margin: 3px;
    border: 1px solid;
    padding: 3px 15px;
    display: inline-block;
    border-radius: 50px;
}


.single-product div.product form.cart .quantity {
    float: none;
    margin: 0;
    display: inline-block;
}

.woocommerce div.product form.cart .button{
    float: none !important;
}
.minus {
    float: left;
}
.woocommerce-variation-add-to-cart, .product-type-simple form.cart {
    display: flex;
    justify-content: space-between;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
    position: relative !important;
}
.woocommerce .quantity .qty{
    height: 37px;
}
.quentity-b {
    padding: 0 10px;
    border: 1px solid #000;
    border-radius: 21px;
    max-width: 133px;
    height: 37px;
}
.quentity-b input{
    background: transparent;
    border: none;
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}
.quentity-b button {
    background: transparent;
    border: none;
    padding: 0px 6px;
    font-size: 19px;
    position: relative;
    top: 5px;
}
.single_add_to_cart_button.button.alt{
    margin: 0 10px;
    border-radius: 50px;
    padding: 0 24px;
}
#sbw_wc-adding-button{
    border-radius: 50px;
    padding: 0 24px;
    background: var(---clr-purple);
}
button:focus {
    outline:none !important;
    outline: -webkit-focus-ring-color auto 5px;
}
.swatch-anchor{
    width: 20px!important;
    height: 20px!important;
}

.woocommerce div.product div.images img{
    width: auto !important;
}

.woocommerce-product-gallery {
    display: flex;
}

.woocommerce-product-gallery .flex-control-thumbs {
    order: -10;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
    padding-top: 0;
    padding-bottom: 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    font-weight: 400;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
    font-weight: 500 !important;
}
.woocommerce ul.products li.product .price {
    color: #000;
}
li.product .star-rating{
    display: block;
    margin: 10px 0;
}
.woocommerce div.product h2 {
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 400;
}
.related .product .star-rating {
    visibility: hidden;
}
.related .product a .star-rating {
    visibility: visible;
}

.woocommerce div.product form.cart .variations select {
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    margin-right: 1em;
    background: #fff;
    padding: 6px 15px;
    border-radius: 50px;
    border: 1px solid #d7d7d7;
    color: #353535;
}

.woocommerce-message{
    border-top-color:var(---clr-purple)
}
.woocommerce-message::before{
    color:var(---clr-purple)
}
#woo_login_popup_sc_loggedin h2 {
    display: none;
}

.woocommerce-MyAccount-navigation-link .icondiv {
    margin-right: 5px;
    width: 21px;
    display: inline-block;
}
.text_div {
    display: inline-block;
}



.fs-36-sep{
    font-size: 36px;
    line-height: 1.3;
    font-weight: 500;
}

.wpcf7-form-control.has-spinner.wpcf7-submit.input-group-text.bg-clr-warning.btn.px-5.fs-15.fw-blod.text-white.lh-lg {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control.border-0,#wpcf7-f736-o1{
    color: #fff;
}
@media all and (min-width:901px){
    .wpcf7-form-control-wrap.text-687 {
        width: 77%;
    }
}

@media all and (max-width:900px){
    .wpcf7-form-control-wrap.text-687 {
        max-width: 245px;
    }
}

span.redtext {
    color: #f95520;
    display: block;
}
ol.flex-control-nav.flex-control-thumbs {
    max-width: 150px;
}

.product-img img{
    height: 248px !important;
    object-fit: cover;
}
ol.flex-control-nav.flex-control-thumbs {
    max-height: 481px;
    overflow-y: scroll !important;
}
a.button.product_type_variable.add_to_cart_button {
    background:#f95520;
    color: #fff;
}
.section-padding-20{
    padding: 20px 0;
}
div#picker_pa_sizes ul li {
    display: inline-block;
    margin-right:10px;
}

.woocommerce div.product form.cart .variations label{
    font-weight: 400 !important;
    margin-left: 4px  !important;
}
.woocommerce div.product .stock {
    color: #f95520!important;
}

th.label label {
    margin-right: 10px;
}
.swatch-control.radio-select li{
    display: inline-block;
    margin-right: 10px;
}

.reset_variations {
    position: relative !important;
    top: 0 !important;
    text-decoration: none;
    color: #fff;
    background: #f95520;
    padding: 8px 15px;
    border-radius: 10px;
    line-height: 14px;
}
table.variations th {
    vertical-align: top !important;
}

.banner-image1 img{
    width: 100%;
    max-height: 255px;
}

/* Golam Morshed */
.wpautoterms-footer p {
    padding: 10px 0;
    margin-bottom: 0;
}
.wpcf7-not-valid-tip {
    position: relative;
}
.all-product ul li {
    position: relative;
}
.all-product ul li p.woocommerce-result-count {
    position: absolute;
    top: -22px;
}



/* # WooCommerce Cart Icon CSS with FontAwesome 5
---------------------------------------------------------------------------------------------------- */

.cart-contents {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    justify-content: center;
}

.cart-contents:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f290" !important;
    font-size: 26px;
    color:#5530c9;
}

.cart-contents:hover {
    text-decoration: none;
}

.cart-contents-count {
    position: absolute;
    top: 35px;
    right: 6px;
    transform: translateY(-105%) translateX(25%);
    font-weight: 600;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    color: var(---clr-light-gray);
    border-radius: 50%;
}

button.single_add_to_cart_button.btn:hover {
    background: #f15a22;
    color: #fff;
}

.single-product {
    border: 1px solid #ededed;
}
.adtocartbtn a {
    text-align: center;
    margin: 10px;
    background: #8666ea;
    display: block;
    padding: 5px 10px;
    color: #fff;
}
.adtocartbtn-list a{
    text-align: center;
    margin:10px 0;
    background: #8666ea;
    display: block;
    padding: 5px 10px;
    color: #fff;
}
.adtocartbtn a:hover, .adtocartbtn-list a:hover{
     background:#f15a22;
     color: #fff;
}