// @font-face {
//     font-family: '';
//     src: url('') format('');
//   }

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: 'Geologica', sans-serif;
    font-size: 24px;
    line-height: 1.4;  
    color: #FFFFFF;
    background: #FCFCFC;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    display: none;
}

body.scroll-subtracted {
  scroll-padding-top: 105px;
}

a {
    color: unset;
    text-decoration: none !important;
}

li {
    list-style-type: none;
  }

img {
    object-fit: cover;
    vertical-align: middle;
    border-style: none;
}

input[type=checkbox] {
    visibility: hidden;
}

.container { 
    max-width: 1470px; 
    padding: 0 25px; 
    width: 100%; 
    position: relative;  
    margin: 0px auto; 
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    backdrop-filter: blur(0);
    background-color: transparent;
    &.scrolled  {
        backdrop-filter: blur(5px);
        background-color: rgba(223, 232, 238, .7);
        box-shadow: 0px 8px 8px rgba(162, 160, 160, 0.1);
    }
    .header__inner{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 40px 0 0 0;
        transition: 0.3s ease;
        gap: 42px;
        &.scrolled2 {
            padding: 10px 0!important;
        }
        .logo {
            width: 100%;
            max-width:220px;
            display: flex;
            align-items: center;
            transition: 0.3s ease;
            &.scrolled3{
                max-width: 140px;
            }
            img {
                width: 100%;
                height: 100%;
            }
            }
    }
    @media(max-width:1200px){
        .header__inner .logo {
            max-width:170px;
        }
    }
    @media(max-width:992px){
    }

}

.header__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 65%;

    li a {
        font-style: normal;
        font-weight: 250;
        font-size: 20px;
        line-height: 25px;
        text-transform: uppercase;
        color: #333333;
    }
    @media(max-width:1200px) {
        width: 70%;
        li a{
            font-size: 17px;
        }
    }
    @media(max-width:992px){
        display: none;
    }
}

/* BURGER */

.burger-block {
    display: none;
    @media (max-width:992px){
        display: flex;
    }
}

#nav-icon {
    display: flex;
    width: 64px;
    height: 28px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 1000;
    span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #02499B;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }
}


#nav-icon:hover span{
    background: #FD4D00!important;
}

#nav-icon span:nth-child(1) {
    top: 2px;
  }
  
  #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
    top: 13px;
  }
  
  #nav-icon span:nth-child(4) {
    top: 24px;
  }
  
  #nav-icon.open span:nth-child(1) {
    top: 2px;
    width: 0%;
    right: 1%;
  }
  
  #nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
  }
  
  #nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  
  #nav-icon.open span:nth-child(4) {
    top: 14px;
    width: 0%;
    right: 1%;
  }
/* ______ */
/* burger menu */
.burger__menu__container {
    position: fixed;
    top: 0;
    width: 100%;
    right: 0;
    height: 100vh;
    overflow: hidden;
    padding: 0 6px 12px;
    // background: rgba(34, 33, 33, 1);
    background: rgba(223, 232, 238, .9);
    backdrop-filter: blur(2px)!important;
    -webkit-backdrop-filter: blur(2px);
    box-shadow: 8px 8px 20px rgb(0 0 0 / 7%);
    background-size: 200% 200%;
    transition: all .7s ease;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(-100vh);
    padding-top: 5vh;
    div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap:24px;
		color: #02499B;
    }
  }

  .burger__menu__inner {
        overflow: auto;
        height: calc(100% - 160px);
        padding: 0 12px 0 0;
  }

  .row {
    flex-direction: row!important;
  }

  .top__contacts {
    display: flex;
    justify-content: center;
    width: 100%;
        ul {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            width: 80%;
            font-style: normal;
            font-size: 20px;
            line-height: 24px;
            text-align: center;
            
                li a {
                    display: flex;
                    align-items: center;
                    gap: 12px;

                    svg path{
                        fill: #333333;
                    }

                    p {
                        font-style: normal;
                        font-weight: 400;
                        font-size: 20px;
                        line-height: 23px;
                        white-space: nowrap;
						transition: .3s ease;
						&:hover {
							color: #FD4D00;
	  					}
                    }
                }
            
        }
  }

  ._open_up {
    transform: translateY(0);
  }

  .top__navigation__hidden {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .toplink_h {
    padding: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
	transition: .3s ease;
	&:hover {
		color: #FD4D00;
	  }
  }

  .hidden_catalog {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hidden_catalog a {
    padding: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.2em;
    text-transform: uppercase;

    display: flex;
    align-items: center;
    gap: 1rem;
  }

/*  */

section{position: relative;overflow-x: hidden;}

.section_side_left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 100px;
    img {
        width: 100%;
    }
    
}

.section_side_right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100px;
    img {
        width: 100%;
    }
}

.banner {
    position: relative;
    border-radius: 0px 0px 100px 100px;
    background: linear-gradient(333deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.00) 100%), #F6F6F6;
    z-index: 0;
    overflow: hidden;
    margin: 0 0 40px 0;
    box-shadow: 7px 6px 21px 0 rgba(0, 0, 0, 0.1);
    &::before {
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: block;
        position: absolute;
        background-image: url(../images/banner/banner-elements-bckg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    @media(max-width:992px){
        border-radius: 0px 0px 30px 30px;
    }
}

.banner__side__element {
    position: absolute;
    img {
        width: 100%;
        height: 100%;
    }
    @media(max-width:1700px){
        display:none;
    }
}

.banner__side__element._left {
    top: 0;
    left: 0;
}

.banner__side__element._right {
    bottom: 10%;
    right: 0;
}


.banner__wrapper {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 100%;
    max-height: 860px;
    align-items: flex-end;
    @media(max-width:850px){
        height: 800px;
        min-height: unset;
        max-height: unset;
    }
    @media(max-height:767px){
        height: 800px;
        min-height: unset;
        max-height: unset;
    }
}

.banner__inner {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding-bottom: 3.75vw;
    gap: 42px;
    justify-content: space-between;
    z-index: 3;
    height: 80%;
    ._left {
        display: flex;
        flex-direction: column;
        width: 55%;
        gap: 110px;
        ._top {
            display: flex;
            flex-direction: column;
            gap:50px;
            h1 {
                font-style: normal;
                font-weight: 700;
                font-size: clamp(32px,4.5vw,80px);
                line-height: 82px;
                color: #02499B;
                white-space: nowrap;
            }
        }
        ._bottom {
            display: flex;
            align-items: center;
            a {
                background: #FD4D00;
                padding: 24px 52px;
                border-radius: 24px;
                display: flex; 
                align-items: center;
                gap: 12px;

                color: #FFF;
                font-size: 20px;
                font-style: normal;
                font-weight: 250;
                line-height: normal;
                text-transform: uppercase;
                @media(max-width:992px){
                    padding: 18px 52px;
                }
            }
        }
        @media(max-width:992px){
            width: 100%;
            align-items: center;
            justify-content: space-between;
            gap: 32px;
            height: 100%;
            ._top {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap:20px;
                height: 100%;
                h1 {
                    line-height: 35px;
                    text-align: center;
                }
            }
        }
        // @media(max-width:480px){
        //     justify-content: space-between;
        //     ._top {
        //         height: 100%;
        //     }
        // }
    }

    ._right_slider {
        display: flex;
        align-items: flex-start;
        width: 42%;
        height: 100%;
        position: relative;
        ._bckg {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            img {
                width: 100%;
                filter:drop-shadow(33px 85px 91px rgba(0, 0, 0, 0.29));
            }
        }
        .swiper__banner {
            min-width: 0;
            display: flex;
            width: 100%;
            height: 100%;
            max-width: 580px;
            margin-left: 0px;
            overflow: unset!important;
            .swiper-banner-slide.swiper-slide-active {
                opacity: 1!important;
            }
            .swiper-banner-slide {
                position: relative;
                align-items: center;
                justify-content: center;
                width: 100%;
                max-width: 580px;
                display: flex !important;
                opacity: 0!important;
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
            }
        }
        &._large {
            @media(max-width:992px){display: none;}
        }
        &._small {
            display: none;
            @media(max-width:992px){
                display: flex;
                width: fit-content;
                max-width: 380px;
                .swiper-wrapper {
                    height: unset !important;
                }
            }
            @media(max-width:480px){
                max-width: 320px;
            }
        }
    }
    

    .swiper__banner__pagi {
        position: absolute;
        width: fit-content!important;
        height: 18px;
        bottom: 1%!important;
        left: 50%!important;
        transform: translateX(-50%)!important;
        display: inline-flex;
        align-items: center;
        transition: 0.3s ease;
    
        .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: #333333 !important;
            margin: 5px!important;
            opacity: 1 !important;
            transition: 0.3s ease;
        }
        
          .swiper-pagination-bullet-active {
            background: transparent !important;
            position: relative;
            width: 18px;
            height: 18px;
            border: 2px solid #02499B;
            transition: 0.3s ease;
        }
    
        .swiper-pagination-bullet-active::before {
            content: '';
            display: block;
            position: absolute;
            background-color: transparent !important;
            border-radius: 50%;
            width: 8px;
            height: 8px;
            top: 2px;
            left: 2px;
            transition: 0.3s ease;
        }
    }

    .banner_icons  {
        display: flex;
        width: 100%;
        max-width:600px;
        justify-content: space-between;
        align-items: center;
        transition: .3s ease;
        .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            position: relative;
            transition: .3s ease;
            flex: 1 0 30%;
            p {
                color: #333333;
                font-weight: 250;
                text-align: center;
                transition: all .3s ease;
            }
            svg path {
                transition: all .3s ease;
            }
            &:first-child {
                padding-right: 52px; 
            }
            
            &:last-child {
                padding-left: 52px;
                
            }

            &:hover >p{
                color: #FD4D00;
            } 
            
            &:hover >svg:not(.for_fill) path{
                stroke: #FD4D00;
            }

            &:hover >.for_fill path{
                fill:#FD4D00 ;
            }
        }
        .item.with-line::before {
            content: "";
            height: 80px;
            width: 0.4px;
            position: absolute;
            left: 0;
            top: calc(0% + 12px);
            background: #333333;
            display: block;
            z-index: 0;
        }
        .item.with-line::after {
            content: "";
            height: 80px;
            width: 0.4px;
            position: absolute;
            right: 0;
            top: calc(0% + 12px);
            background: #333333;
            display: block;
            z-index: 0;
        }
        
    }
    // @media (max-width:1500px) {
    //     height: 70%;
    // }

    @media(max-width:1200px){
        height: 80%;
        .banner_icons {
            max-width: 430px;
            .item.with-line::before{
                left: -20%;
            }
            .item.with-line::after {
                right: -20%;
            }
            .item p {
                font-size: 18px;
            }
        }

        ._right_slider {
            width: 49%;
            align-items: flex-start;
        }
        .swiper__banner__pagi {
            bottom: 5%!important;
        }
    }
    @media(max-width:992px){
        .banner_icons .item {
            svg {
                width: 40px;
                height: 40px;
            }

            p {
                font-size: 13px;
            }
        }
    }
    @media(max-width:480px){
        .banner_icons .item:first-child {
            padding-right: 22px;
        }
        .banner_icons .item:last-child {
            padding-left: 22px;
        }
        .banner_icons .item.with-line::before {
            left: 0;
            height: 40px;
        }
        .banner_icons .item.with-line::after {
            right: 0;
            height: 40px;
        }
    }
    
}

.section {
    padding: 60px 0 72px;
}

.section__wrapper {
    display: flex;
    flex-direction: column;
    gap :64px;
    .section__wrapper__about {
        display: flex;
        flex-direction: column;
        padding: 63px 50px 50px 50px;
        box-shadow: 7px 6px 21px 0 rgba(0, 0, 0, 0.3);
        background: linear-gradient(to bottom, rgba(0, 133, 255, 1), rgba(0, 78, 143, 1));
        border-radius: 50px;
        overflow: hidden;
        gap: 24px;
        h2  {
            font-size: 62px;
            font-weight: 700;
            line-height: 120%;
            align-self: center;
        }

        .wrapper__about__text {
            display: flex;
            flex-direction: column;
            gap: 24px;
            p {
                text-align: justify;
                font-size: 24px;
                font-weight: 250;
            }
            p span {
                font-weight: 700;
            }
        }
        @media(max-width:767px) {
            padding: 32px 24px;
            h2  {
                font-size: 42px;
            }
            .wrapper__about__text {
                p {
                    font-size: 16px;
                }
            }
        }
    }
}

.section__wrapper__list__services {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 20px;
    @media (max-width:768px){
        display: none;
    }
    .item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 52px;
        padding: 48px 32px 48px 52px;
        border-radius: 30px;
        background: linear-gradient(137deg, #0085FF 0%, #004E8F 100%);
        flex: 1 0 49%;
        position: relative;
        transition: .2s ease;
        max-height: 134px;
        .item__picture {
            position: absolute;
            width: 100%;
            height: 178px;
            max-width: 144px;
            top: 50%;
            transform: translateY(-50%);
            left: 6%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            img {
                filter: drop-shadow(4px 16px 26px rgba(0, 0, 0, 0.3));
                -webkit-filter: drop-shadow(4px 16px 26px rgba(0, 0, 0, 0.3));
            }
            &::before {
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-image: url(../images/services/substance-bckg.png);
                background-repeat: no-repeat;
                background-size: contain;
                z-index:-1;
                filter: drop-shadow(4px 16px 26px rgba(0, 0, 0, 0.1));
                -webkit-filter: drop-shadow(4px 16px 26px rgba(0, 0, 0, 0.1));
            }
        }
        p {
            font-size: 32px;
            line-height: 120%;
            margin-left: 27%;
        }
        &:hover {
            background: linear-gradient(to right, #FD4D00, #FD4D00);
            box-shadow: 0px 0px 30px 15px rgba(253, 77, 0, 0.3);
        }
        @media (max-width:1300px){
            p {
                font-size: 26px;
                margin-left: 35%;
            }
        }
        @media (max-width:768px){
            .item__picture {
                height: 88px;
                max-width: 48px;
                top: unset;
                transform: unset;
                left: 7%;
                img {
                    width: 100%;
                    height: 100%;
                }
                &:before {
                    left: unset;
                    width: 150%;
                    height: 150%;
                }
            }
            p {
                font-size: 16px;
                margin-left: 27%;
            }
        }
        @media (max-width:1200px) {
            flex: 1 0 51%;
            max-width: 80%;
        }
        @media (max-width:768px){
            padding: 8px 24px;
            height: 104px;
            max-width: 100%;
        }
    }
    @media (max-width: 1200px) {
        justify-content: center;
    }
}

.section__wrapper__list__services__slider {
    display: none;
    @media (max-width:768px){
        display: flex;
        position: relative;
        margin-bottom: 1rem;
    }
    .item {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 52px;
        padding: 48px 32px 48px 52px;
        border-radius: 30px;
        background: linear-gradient(137deg, #0085FF 0%, #004E8F 100%);
        box-shadow: 7px 6px 21px 0 rgba(0, 0, 0, 0.3);
        flex: 1 0 49%;
        position: relative;
        transition: .2s ease;
        max-height: 134px;
        .item__picture {
            position: absolute;
            width: 100%;
            height: 178px;
            max-width: 144px;
            top: 50%;
            transform: translateY(-50%);
            left: 6%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            filter:drop-shadow(4px 16px 26px rgba(0, 0, 0, 0.3));
            &::before {
                position: absolute;
                content: '';
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-image: url(../images/services/substance-bckg.png);
                background-repeat: no-repeat;
                background-size: contain;
                z-index:-1;
            }
        }
        p {
            font-size: 32px;
            line-height: 120%;
            margin-left: 27%;
        }
        &:hover {
            background: linear-gradient(to right, #FD4D00, #FD4D00);
            box-shadow: 0px 0px 30px 15px rgba(253, 77, 0, 0.3);
        }
        @media (max-width:1300px){
            p {
                font-size: 26px;
                margin-left: 35%;
            }
        }
        @media (max-width:768px){
            .item__picture {
                height: 88px;
                max-width: 48px;
                top: unset;
                transform: unset;
                left: 7%;
                img {
                    width: 100%;
                    height: 100%;
                }
                &:before {
                    left: unset;
                    width: 150%;
                    height: 150%;
                }
            }
            p {
                font-size: 16px;
                margin-left: 27%;
            }
        }
        @media (max-width:1200px) {
            flex: 1 0 51%;
            max-width: 80%;
        }
        @media (max-width:768px){
            padding: 8px 24px;
            height: 104px;
            max-width: 100%;
        }
    }
}

.list__services__slider {
    width: 100%;
    display: flex;
    min-width: 0;
    overflow: unset;
}

.list__services__slider__pagi {
    bottom: -12px!important;
    display: none;
    justify-content: center;
    padding: 0 25px;
    @media (max-width:768px){
        display: flex;
    }
    .swiper-pagination-bullet {
        width: 100%;
        height: 4.043px;
        border-radius: 8.085px;
        background: #D9D9D9;
        opacity: 1;
        transition: .3s ease;
    }
    .swiper-pagination-bullet-active {
        background: #02499B;
    }
}

.middle-banner {
    position: relative;
}

.middle-banner-margin {
    margin: 0 0 100px 0;
}

.swiper__middle__banner {
    display: flex;
}

.swiper-middle-banner-slide {
    display: flex;
    position: relative;
    width: 100%;
    ._bckg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        img {
            width: 100%;
            height: 100%;
        }
    }
}

.middle-banner__wrapper {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 100%;
    max-height: 600px;
    align-items: center;
    .middle-banner__inner {
        display: flex;
        align-items: center;
        width: 100%;
        height: 75%;
        gap: 42px;
        justify-content: space-between;
        z-index: 3;
        ._right_side {
            display: flex;
            flex-direction: column;
            width: 100%;
            max-width: 610px;
            gap: 72px;
            .picture-label {
                display: flex;
                align-items: center;
                width: 100%;
                max-width: 220px;
                img {
                    width: 100%;
                    height: 100%;
                }
                @media (max-width:768px){
                    max-width: 180px;
                }
            }
            ._top {
                display: flex;
                flex-direction: column;
                gap:12px;
                h2 {
                    font-style: normal;
                    font-weight: 700;
                    font-size: clamp(32px,4.5vw,72px);
                    line-height: 82px;
                    color: #FFF;
                    white-space: nowrap;
                    @media(max-width:992px){
                        line-height: 35px;
                        text-align: center;
                    }
                }
                p {
                    font-size: 42px;
                    font-weight: 250;
                    line-height: 1.2;
                    @media(max-width:992px){
                        font-size: 24px;
                        text-align: center;
                    }
                }
            }
            @media(max-width:992px){
                width: 100%;
                justify-content: space-between;
                gap: 32px;
                height: 100%;
                ._top {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap:20px;
                    height: 100%;
                    h1 {
                        line-height: 35px;
                        text-align: center;
                    }
                }
            }
            @media(max-width:1200px){
                max-width: 510px;
                align-items: center;
            }
        }
    
        ._left{
            display: flex;
            align-items: center;
            height: 100%;
            position: relative;
            width: 100%;
            justify-content: center;
            max-width: 610px;
            .middle-banner-item {
                width: 90%;
            }
            ._bckg {
                position: absolute;
                left: 0;
                width: 100%;
                top: 50%;
                transform: translateY(-50%);
                height: unset;
                z-index: -1;
                img {
                    width: 100%;
                    filter:drop-shadow(33px 85px 91px rgba(0, 0, 0, 0.29));
                }
            
            }
            @media(max-width:1024px){
                max-width: 380px;
            }
            @media(max-width:480px){
                max-width: 320px;
            }
        }
        @media(max-width:1024px) {
            flex-direction: column-reverse;

        }
    }
    @media(max-width:1024px){
        width: 100%;
        min-height: unset;
        max-height:800px;
        align-items: center;
        padding: 32px 0 52px;
    }
    @media(max-width:480px){
        height: 680px;
    }
}

.middle__banner__pagi {
    position: absolute;
    width: fit-content!important;
    height: 18px;
    bottom: 5%!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
    display: inline-flex;
    align-items: center;
    transition: 0.3s ease;

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #fff !important;
        margin: 5px!important;
        opacity: 1 !important;
        transition: 0.3s ease;
    }
    
      .swiper-pagination-bullet-active {
        background: transparent !important;
        position: relative;
        width: 18px;
        height: 18px;
        border: 2px solid #fff;
        transition: 0.3s ease;
    }

    .swiper-pagination-bullet-active::before {
        content: '';
        display: block;
        position: absolute;
        background-color: transparent !important;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        top: 2px;
        left: 2px;
        transition: 0.3s ease;
    }
}

.categories {
    padding: 72px 0;
}

.section__header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin:20px 0;
    h2 {
        color: #02499B;
        font-size: clamp(42px,3.2vw,62px);
        font-weight: 700;
        line-height: 1.2;
    }
}

.categories__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.categories__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:20px;
    .item {
        position:relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 24px;

        border-radius: 30px;
        background: linear-gradient(137deg, #0085FF 0%, #004E8F 100%);
        box-shadow: 154px 106px 188px 0px rgba(0, 0, 0, 0.04), 348px 239px 253px 0px rgba(0, 0, 0, 0.02);

        flex: 1 0 21%;

        height: 282px;
        max-width: 340px;
        transition: .3s ease;
        svg {
            z-index: 1;
            width: 100%;
        }
        p {
            color: #FFF;
            text-align: center;
            font-size: 28px;
            font-family: Geologica;
            font-weight: 250;
            line-height: 100%;
            z-index: 1;
        }

        ._back {
            content: '';
            position:absolute;
            display: block;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #FD4D00;
            opacity: 0;
            z-index: 0;
            transition: .3s ease;
        }

        &:hover {
            box-shadow: 4px 4px 60px 4px rgba(253, 77, 0, 0.60);
        } 
        &:hover>._back {
            opacity: 1;
        }
        @media(max-width:1200px){
            height: 220px;
            svg {
                height: 40%;
            }

            p {
                font-size: 22px;
            }
        }
        @media(max-width:992px){
            height: 160px;
            svg {
                height: 35%;
            }
            
            p {
                font-size: 16px;
            }
        }
        @media(max-width:768px){
            flex: 1 0 43%;
            height: 220px;
            svg {
                height: 40%;
            }

            p {
                font-size: 20px;
            }
        }
        @media(max-width:768px){
            height: 150px;
            gap: 13px;
            svg {
                height: 30%;
            }

            p {
                font-size: 15px;
            }
        }
    }
    @media (max-width:768px){
        gap: 12px;
        border-radius: 16.286px;
    }
}

.bestsellers__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 72px;
}

.bestsellers__inner {
    display: flex;
    min-width: 0;
    width: 100%;
    .swiper-bestseller__pagi {
        bottom: -12px!important;
        display: none;
        justify-content: center;
        padding: 0 25px;
        @media (max-width:650px){
            display: flex;
        }
        .swiper-pagination-bullet {
            width: 100%;
            height: 4.043px;
            border-radius: 8.085px;
            background: #D9D9D9;
            opacity: 1;
            transition: .3s ease;
        }
        .swiper-pagination-bullet-active {
            background: #02499B;
        }
    }
}

.swiper-bestseller {
    min-width: 0;
    width: 100%;
    padding: 72px 10px 32px 0;
    @media(max-width:650px){
        margin-right: -25px;
        flex: 1;
    }

}

.swiper-bestseller-slide {
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    background: linear-gradient(333deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.00) 100%), #FFF;
    overflow: hidden;
    gap:42px;
    transition: .3s ease;
    box-shadow: 4px 4px 10px rgba(180,180,180,.2), 1.63548px 1.63548px 1.63548px rgba(180,180,180,.1);
    .picture{
        display: flex;
        position: relative;
        width: 100%;
        height: 320px;
        img {
            position: absolute;
            width: 100%;
            height: 100%;
        }
        @media(max-width:1200px){
            height: 280px;
        }
        @media(max-width:650px){
            height: 224px;
        }
		.picture_href{
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			content:'';
			display:block;
			z-index:1;
		}
    }
    .bottom__part{
        display: flex;
        flex-direction: column;
        padding: 0 24px 24px 24px;
        justify-content: space-between;
        gap: 36px;
        height: 280px;
        h4 {
            color: #333;
            text-align: center;
            font-size: clamp(16.8px,1.25vw,24px)!important;
            font-weight: 250;
            line-height: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -moz-box;
            -moz-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            line-clamp: 3;
            box-orient: vertical;
        }
        ._bottom {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 42px;
			p bdi{
                color: #333;
                text-align: center;
                font-size: clamp(19.6px,1.46vw,28px)!important;
                font-weight: 700;
                line-height: 100%;
				display: flex;
    			justify-content: center;
            }
            a {
                color: #FFF;
                font-size: 20px;
                font-weight: 250;
                text-transform: uppercase;

                border-radius: 20px;
                background: #FD4D00;

                display: flex;
                padding: 24px 52px;
                justify-content: center;
                align-items: center;
                gap: 12px;
                @media(max-width:650px){
                    font-size: 14px;
                    padding: 16.8px 36.4px;
                }
            }
            @media(max-width:1200px){
                gap: 30px;
            }
        }
        @media(max-width:1200px){
            gap: 25px;
            padding: 0 16px 16px 16px;
        }

        @media(max-width:650px){
            height: 205px;
        }
    }
    &:hover {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 
                    37px 18px 90px 0px rgba(0, 0, 0, 0.03),
                    148px 72px 164px 0px rgba(0, 0, 0, 0.03);
    }
    @media(max-width:1200px){
        gap: 35px;
    }
    @media(max-width:650px){
        gap: 30px;
    }
}

.new_goods {
    padding: 2px 0 32px;
    background-image: url(../images/new-goods/newgoods-bckg.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.new_goods__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.new_goods__inner {
    display: flex;
    min-width: 0;
    width: 100%;
    .swiper-new_goods__pagi {
        bottom: -12px!important;
        display: none;
        justify-content: center;
        padding: 0 25px;
        @media (max-width:650px){
            display: flex;
        }
        .swiper-pagination-bullet {
            width: 100%;
            height: 4.043px;
            border-radius: 8.085px;
            background: #D9D9D9;
            opacity: 1;
            transition: .3s ease;
        }
        .swiper-pagination-bullet-active {
            background: #02499B;
        }
    }
}

.swiper-new_goods {
    min-width: 0;
    width: 100%;
    padding: 72px 10px 32px 0;
    @media(max-width:650px){
        margin-right: -25px;
        flex: 1;
    }

}

.swiper-new_goods-slide-inner {
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

.swiper-new_goods-slide {
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    background: linear-gradient(333deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.00) 100%), #FFF;
    overflow: hidden;
    gap:42px;
    transition: .3s ease;
    box-shadow: 4px 4px 10px rgba(180,180,180,.2), 1.63548px 1.63548px 1.63548px rgba(180,180,180,.1);
	position:relative;
    .picture{
        display: flex;
        position: relative;
        width: 100%;
        height: 320px;
        img {
            position: absolute;
            width: 100%;
            height: 100%;
        }
		.picture_href {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			content: '';
			display: block;
			z-index: 1;
		}
        @media(max-width:1200px){
            height: 280px;
        }
        @media(max-width:650px){
            height: 224px;
        }
		&.added_to_cart {
			display: none!important;
		}
    }
    .bottom__part{
        display: flex;
        flex-direction: column;
        padding: 0 24px 24px 24px;
        justify-content: space-between;
        gap: 36px;
        height: 280px;
        h4 {
            color: #333;
            text-align: center;
            font-size: clamp(16.8px,1.25vw,24px);
            font-weight: 250;
            line-height: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -moz-box;
            -moz-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            line-clamp: 3;
            box-orient: vertical;
        }
        ._bottom {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 42px;
            p bdi {
                color: #333;
                text-align: center;
                font-size: clamp(19.6px,1.46vw,28px)!important;
                font-weight: 700;
                line-height: 100%;
				display: flex;
				justify-content: center;
            }
            a {
                color: #FFF;
                font-size: 20px;
                font-weight: 250;
                text-transform: uppercase;

                border-radius: 20px;
                background: #FD4D00;

                display: flex;
                padding: 24px 52px;
                justify-content: center;
                align-items: center;
                gap: 12px;
                @media(max-width:650px){
                    font-size: 14px;
                    padding: 16.8px 36.4px;
                }
            }
            @media(max-width:1200px){
                gap: 30px;
            }
        }
        @media(max-width:1200px){
            gap: 25px;
            padding: 0 16px 16px 16px;
        }

        @media(max-width:650px){
            height: 205px;
        }
    }
    &:hover {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 
                    37px 18px 90px 0px rgba(0, 0, 0, 0.03),
                    148px 72px 164px 0px rgba(0, 0, 0, 0.03); 
    }
    @media(max-width:1200px){
        gap: 35px;
    }
    @media(max-width:650px){
        gap: 30px;
    }
}

.before_after {
    padding: 32px 0;
}

.before_after_wrapper {
    display: flex;
    flex-direction: column;
}

.before_after_inner {
    display: flex;
    min-width: 0;
    width: 100%;
}


.swiper-before_after {
    min-width: 0;
    width: 100%;
    padding: 0px 16px 52px 0;
    @media(max-width:650px){
        margin-right: -25px;
        flex: 1;
    }
}

.before_afret-slide {
    background: #FFF;
    border-radius: 30px;
    border: 4px solid transparent;
    position: relative;
    overflow: hidden;
    height: 300px;
    box-shadow: 7px 3px 8px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    .back{
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top:0;
        left:0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        z-index: 2;
        opacity: 1;
        transition: all .3s ease;
        svg {
            width: 120px;
            height: fit-content;
            z-index: 3;
            @media(max-width:768px){
                width: 70px;
            }
        }
        }
        & .no {
            opacity:0
        }
    .image {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            position: absolute;
        }
    }
    @media(max-width:992px) {
        height: 170px;
        border-radius: 17px;
    }
}

.swiper-before_after__pagi {
    bottom: -12px!important;
    display: flex;
    justify-content: center;
    padding: 0 25px;
//     @media (max-width:768px){
//         display: flex;
//     }
    .swiper-pagination-bullet {
        width: 100%;
        height: 4.043px;
        border-radius: 8.085px;
        background: #D9D9D9;
        opacity: 1;
        transition: .3s ease;
    }
    .swiper-pagination-bullet-active {
        background: #02499B;
    }
}

.footer {
    position: relative;
    overflow-x: hidden;
}

.pay-section {
    position: relative;
    padding: 42px 0;
    background-image: url(../images/footer/footer-pay-bckg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    transition: .3s ease;
}

.pay-wrapper {
    display: flex;
    justify-content: space-between;
    transition: .3s ease;

    ._left {
        display: flex;
        flex-direction: column;
        width: 45%;
        .section__header {
            justify-content: flex-start;
            h2 {
                color: white;
            }
            @media(max-width:992px){
                justify-content: center;
            }
        }
        .left_inner {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 120px;
            .icons-wrapper {
                display: flex;
                align-items: center;
                gap: 11.68px;
                img {
                    width: 100%;
                    display: flex;
                    max-width: 23%;
                    align-items: center;
                }
                @media(max-width:992px){
                    justify-content: center;
                    gap: 7px;
                    img {
                        max-width: 23%;
                    }
                }
            }

            .btn {
                display: flex;
                align-items: center;
                a {
                    color: #FFF;
                    font-size: 20px;
                    font-weight: 250;
                    text-transform: uppercase;
                    padding: 24px 52px;
                    border-radius: 24px;
                    background: #FD4D00;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                @media(max-width:992px){
                    display: none;
                }
            }
            @media(max-width:992px){
                gap:unset;
            }
        }
        @media(max-width:992px){
            width: 100%;
        }
    }

    ._right {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 50%;
        height: fit-content;
        gap: 48px;
        .buttons {
            display: flex;
            align-items: center;
            gap: 12px;
            .button-switch {
                transition: .3s ease;
                color: #FFF;
                font-size: 16px;
                font-weight: 250;
                text-transform: uppercase;
                padding: 18px 42px;
                border-radius: 20px;
                border: 1px solid #FFF;

                display: inline-flex;
                justify-content: center;
                align-items: center;
                gap: 12px;
                cursor: pointer;
                white-space: nowrap;
                &.active {
                    background-color: #FFFFFF;
                    color: #02499B;
                }
                @media(max-width:650px){
                    padding: 12px 30px;
                    font-size: 14px;
                    border-radius: 14px;
                }
            }

        }
        .text-item {
            display: none;
            flex-direction: column;
            transition: .3s ease;
            gap: 32px;
            p {
                color: #FFF;
                font-size: 18px;
                font-weight: 250;
                line-height: 1.4;
            }
            p span {
                font-weight: 600;
            }
            &.active {
                opacity: 1;
                display: flex;
            }
        }
        @media(max-width:992px){
            width: 100%;
            align-items: center;
        }
        .btn {
            display: none;
            align-items: center;
            a {
                color: #FFF;
                font-size: 14px;
                font-weight: 250;
                text-transform: uppercase;
                padding: 16.796px 36.392px;
                border-radius: 14px;
                background: #FD4D00;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 200px;
            }
            @media(max-width:992px){
                display: flex;
            }
        }
    }
    @media (max-width:992px){
        flex-direction: column;
        gap:42px;
    }
}

.footer-contacts {
    position: relative;
    padding: 102px 0;
}

.contacts_wrapper {
    position: relative;
    height: 480px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    border-radius: 30px;
    border: 8px solid transparent;
    background: #FFF;
    align-items: center;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 
                37px 18px 90px 0px rgba(0, 0, 0, 0.03), 
                148px 72px 164px 0px rgba(0, 0, 0, 0.03), 
                332px 163px 222px 0px rgba(0, 0, 0, 0.02), 
                590px 289px 263px 0px rgba(0, 0, 0, 0.01), 
                922px 452px 288px 0px rgba(0, 0, 0, 0.00);
    &::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: '';
        background-image: url(../images/footer/contacts/bckg.png);
    }

    .bckg {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0;
        height: 100%;
        ._right {
            display: flex;
            @media(max-width:992px){
                display:none;
            }
        }
        ._bottom {
            display: none;
            @media(max-width:992px){
                display:flex;
            }
        }
        img {
            height: 100%;
            width: 100%;
        }
        @media(max-width:992px){
            height: unset;
            width: 100%;
            bottom: 0;
            top: unset;
        }
    }

    .left {
        display: flex;
        flex-direction: column;
        gap: 42px;
        margin-left: 5%;
        z-index: 2;
        .item{
            display: flex;
            align-items: center;
            gap: 25px;
            a {
                color: #333;
                font-size: 32px;
                font-weight: 300;
                line-height: 1.2;
                @media(max-width:1200px){
                    font-size: 24px;
                }
                @media(max-width:650px){
                    font-size: 18px;
                }
            }
        }
        @media(max-width:992px){
            margin-left:unset;
            margin-top: 5%;
        }
        @media(max-width:650px){
            gap: 12px;
        }
    }
    @media(max-width:1300px){
        height: 380px;
    }
    @media(max-width:992px){
        height: 680px;
        flex-direction: column;
    }
    @media(max-width:650px){
        height: 430px;
        border: 2.141px solid #FFF;
    }
}

.right {
    position: absolute;
    right: 5%;
    top: -10%;
    // box-shadow: 76px 55px 94px 0px rgba(0, 0, 0, 0.09), 
    //             171px 124px 127px 0px rgba(0, 0, 0, 0.05), 
    //             304px 220px 150px 0px rgba(0, 0, 0, 0.01);
    img {
        width: 100%;
        filter:drop-shadow(7px 14px 17px rgba(0, 0, 0, 0.2));
    }
    @media(max-width:1300px){
        width: 600px;
        top: -1%;
    }
    @media(max-width:1100px){
        width: 520px;
    }
    @media(max-width:992px){
        width: 520px;
        top: unset;
        bottom: 0;
        right: 10%;
    }
    @media(max-width:650px){
        width: 330px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 5%;
    }
}


.footer-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 12px 0;
}

.footer-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 42px 0;
    .logo {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 220px;
        img {
            width: 100%;
            object-fit: contain;
        }
        @media(max-width:1200px){
            width: 106px;
        }
    }
    .footer-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 75%;
        a {
            color: #333;
            font-size: 20px;
            font-weight: 250;
            text-transform: uppercase;
            @media(max-width:1200px){
                font-size: 14px;
            }
            @media(max-width:768px){
                font-size: 12px;
            }
            @media(max-width:480px){
                font-size: 8px;
            }
        }
        @media(max-width:1400px){
            width: 80%;
        }
        @media(max-width:768px){
            width: 50%;
            flex-wrap: wrap;
        }
    }
}

.copyright {
    position: relative;
    padding: 42px 0 36px;
    border-top: 1px solid rgba(51, 51, 51, .3);
    a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 42px;
        img {
            width: 100%;
            max-width: 44px;
        }
        p {
            color: #333;
            font-size: 14px;
            font-family: Nunito Sans;
            line-height: 110%;
            letter-spacing: 2.8px;
            text-transform: uppercase;
        }
        @media(max-width:480px){
            gap: 13px;
            white-space: nowrap;
            img {
                max-width: 23px;
            }
            p {
                font-size: 6.391px;
                letter-spacing: 1.478px;
            }
        }
    }
}

.section-catalog {
    position: relative;
    margin: 72px 0;
	overflow: hidden;
}

.section-catalog-wrapper {
    position: relative;
}

.section-catalog-inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    @media(max-width:992px){
        flex-direction: column;
    }
}

.catalog-block {
	.star-rating{display:none;}
	display:flex;
	width:75%;
		.woocommerce ul.products {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
		@media(max-width:992px){
			width: 100%;
		}
	}
	@media(max-width:992px){
			width: 100%;
		}
}

div ul.products li.product {
	display:flex;
	width: 340px!important;
	@media (max-width:1440px){
		width:100%!important;
		max-width:400px;
	}
}

// div ul.products li.product:last-child {
// 	width: unset!important;
// }

.catalog-block-item {

    .catalog-block-item-inner{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
    }
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 30px;
    background: linear-gradient(333deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.00) 100%), #FFF;
    overflow: hidden;
    gap:42px;
    transition: .3s ease;
    box-shadow: 4px 4px 10px rgba(180,180,180,.2), 1.63548px 1.63548px 1.63548px rgba(180,180,180,.1);
    flex: 1 0 30%;
    .picture{
        display: flex;
        position: relative;
        width: 100%;
        height: 320px;
        img {
            position: absolute;
            width: 100%;
            height: 100%;
            @media(max-width:650px){
                object-fit: contain;
            }
        }
        @media(max-width:1200px){
            height: 280px;
        }
        @media(max-width:650px){
            height: 224px;
        }
    }
    .bottom__part{
        display: flex!important;
        flex-direction: column;
        padding: 0 24px 24px 24px;
        justify-content: space-between;
        gap: 36px;
        height: 280px;
        h4 {
            color: #333;
            text-align: center;
            font-size: clamp(16.8px,1.25vw,24px);
            font-weight: 250;
            line-height: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -moz-box;
            -moz-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            line-clamp: 4;
            box-orient: vertical;
        }
        ._bottom {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 42px;
            p {
                color: #333;
                text-align: center;
                font-size: clamp(19.6px,1.46vw,28px);
                font-weight: 700;
                line-height: 100%;
            }
            a {
                color: #FFF;
                font-size: 20px;
                font-weight: 250;
                text-transform: uppercase;

                border-radius: 20px;
                background: #FD4D00;

                display: flex!important;
                padding: 24px 52px;
                justify-content: center;
                align-items: center;
                gap: 12px;
                z-index: 5;
                @media(max-width:650px){
                    font-size: 14px;
                    padding: 16.8px 36.4px;
                }
            }
            @media(max-width:1200px){
                gap: 30px;
            }
        }
        @media(max-width:1200px){
            gap: 25px;
            padding: 0 16px 16px 16px;
        }

        @media(max-width:650px){
            height: 205px;
        }
    }
    &:hover {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 
                    37px 18px 90px 0px rgba(0, 0, 0, 0.03),
                    148px 72px 164px 0px rgba(0, 0, 0, 0.03); 
    }
    @media(max-width:1200px){
       flex: 1 0 40%;
    }
    @media (max-width: 992px){
        flex: 1 0 30%;
    }
    @media(max-width:800px){
        flex: 1 0 45%;
    }
    @media(max-width:650px){
        flex: 1 0 52%;
    }
}

/* check-agree */
aside {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-radius: 20px;
    background: #F3F3F3;
    gap:25px;
    justify-content: space-between;
    height: fit-content;
	max-width:340px;
	@media (max-width:1440px) {
		max-width: 440px;
    	flex: 1 0 100%;
	}
    @media (max-width:992px){
		width: calc(100% + 25px);
    	max-width: 100vw;
		padding: 16px;
		border-radius: 20px 0 0 20px;
		box-shadow: 7px 6px 21px 0 rgba(0, 0, 0, 0.1);
    }

//     @media (max-width:650px){
//         display: none;
//     }
//     &.active {
//         display: flex !important;
//         position: fixed;
//         bottom: 50%;
//         left: 50%;
//         transform: translate(-50%, 50%);
//         border-radius: 10px;
//         height: auto;
//         overflow: auto;
//         box-shadow: 0px 0px 20px rgb(201 201 201 / 50%);
//         z-index: 99;
//         width: 95%;
//     }
}

.label-side {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.agree {
    position: relative;
    cursor: pointer;
    user-select: none;
    display: block;
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 250;
    line-height: 100%;

    display: flex;
    align-items: center;
    padding-left: 25px;
    width: 100%;
    max-width: 300px;
}

.checkbox{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    height: 24px;
    width: 24px;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    left: 0;
}

.agree input:checked ~ .checkmark:after {
    display: block;
}

.checkmark:after{
    content: "";
    display: none;
    position: absolute;
    left: 10px;
    top: 5px;
    width: 4px;
    height: 9px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-width: 0px 3px 3px 0px;
    transform: rotate(45deg);
}

.button-side {
    display: flex;
    align-items: center;
    justify-content: center;
    a {
        color: #333;
        font-size: 16px;
        font-style: normal;
        font-weight: 250;
        line-height: normal;
        text-transform: uppercase;

        border-radius: 12px;
        border: 1px solid #333;
        padding: 8px 52px;

        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center;
    }
}

.float_filter {
    display: none;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    background: #0085ff;
    box-shadow: 0px 0px 20px rgb(201 201 201 / 50%);
    color: #fff;
    z-index: 100;
    font-size: 18px;
    &.active {
        background: #fff;
        color: #FD4D00;
        transition: all ease 0.2s;
    }
}

@media (max-width: 650px) {
    .float_filter {
        display: flex;
    }
}

.card-wrapper {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
}

.card-inner {
    display: flex;
    flex-direction: column;
    .first-part {
        display: flex;
        justify-content: space-between;
        gap: 40px;
        height: 580px;
        margin-bottom: 42px;
        @media(max-width:992px){
            height: 500px;
            gap: 20px;
            margin-bottom: 30px;
        }
        @media(max-width:768px){
            height: fit-content;
            flex-direction: column;
            gap: 20px;
            margin-bottom: 20px;
            align-items: center;
        }
        .picture {
            position: relative;
            display: flex;
            width: calc(50% - 20px);
            overflow: hidden;
            border-radius: 30px;
            max-width: 580px;
            img {
                width: 100%;
                height: 100%;
                position: absolute;
            }
            @media(max-width:992px){
                width: calc(60% - 10px);
            }
            @media(max-width:992px){
                width: 50%;
                height: 400px;
                align-items: center;
            }
        }

        .inform {
            display: flex;
            flex-direction: column;
            width: calc(50% - 20px);
            justify-content: space-between;
            .top {
                display: flex;
                flex-direction: column;
                gap: 42px;
                h3 {
                    color: #333;
                    font-size: 32px;
                    font-weight: 700;
                    line-height: 1;
                }
                .list li {
                    color: #333;
                    font-size: 24px;
                    font-weight: 250;
                    line-height: 140%;
                    & span {
                        font-weight: 700;
                    }
                }
                @media(max-width:992px){
                    gap:32px;
                    h3 {
                        font-size: 26px;
                    }
                    .list li {
                        font-size: 18px;
                    }
                }
                @media(max-width:768px){
                    h3 {
                        font-size: 20px;
                    }
                    .list li {
                        font-size: 16px;
                    }
                }
            }

            .bottom {
                display: flex;
                flex-direction: column;
                gap:24px;
                .price {
                    color: #333;
                    font-size: 32px;
                    font-weight: 700;
                    line-height: 1;
                }

                .button {
                    display: flex;
                    align-items: center;
                    a {
                        display: flex;
                        padding: 24px 52px;
                        justify-content: center;
                        align-items: center;
                        gap: 12px;
                        border-radius: 20px;
                        background: #FD4D00;

                        font-size: 20px;
                        font-weight: 250;
                        line-height: normal;
                        text-transform: uppercase;
                        width: 292px;
                    }
                }
            }
            @media(max-width:992px){
                width: calc(40% - 10px);
                .bottom {
                    .price {
                        font-size: 24px;
                    }

                    .button a {
                        padding: 12px 30px;
                        width: 240px;
                    }
                }
            }
            @media(max-width:768px){
                width: 100%;
                gap: 24px;
                .bottom {
                    .price {
                        font-size: 18px;
                    }

                    .button a {
                        padding: 8px 20px;
                        width: 200px;
                        font-size: 15px;
                    }
                }
            }
        }
    }

    .second-part {
        display: flex;
        flex-direction: column;
        padding: 50px;
        border-radius: 30px;
        background: #FFF;
        color: #333;
        gap:24px;
        @media(max-width:650px){
            padding: 20px;
        }
        .card-buttons {
            display: flex;
            align-items: center;
            gap: 12px;
            .card-button-switch {
                transition: .3s ease;
                color: #02499B;
                font-size: 16px;
                font-weight: 250;
                text-transform: uppercase;
                padding: 18px 42px;
                border-radius: 20px;
                border: 1px solid #333;

                display: inline-flex;
                justify-content: center;
                align-items: center;
                gap: 12px;
                cursor: pointer;
                white-space: nowrap;
                &.active {
                    background-color: #02499B;
                    border: 1px solid #02499B;
                    color: #FFFFFF;
                }
                @media(max-width:992px){
                    padding: 12px 30px;
                    font-size: 14px;
                    border-radius: 14px;
                }
            }
            @media(max-width:650px){
                flex-direction: column;
                align-items: unset;
            }
        }

        .card-text-item {
            display: none;
            flex-direction: column;
            transition: .3s ease;
            p {
                color: #333;
                font-size: 24px;
                font-style: normal;
                font-weight: 250;
                line-height: 1.4;
            }
            p span {
                font-weight: 600;
            }
            &.active {
                opacity: 1;
                display: flex;
            }
            @media(max-width:992px){
               p {
                font-size: 20px;
               }
            }
            @media(max-width:992px){
                p {
                 font-size: 15px;
                }
             }
        }
    }
	
    .feedback {
        display: flex;
        flex-direction: column;
        padding: 50px;
        border-radius: 30px;
        color: #333;
        gap:24px;
        margin-top: 72px;
        .feedback-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 23px;
            border-bottom: 2px solid rgba(155, 155, 155, .2);
            @media(max-width:650px){
                flex-direction: column;
                gap: 24px;
            }
            .left {
                display: flex;
                flex-direction: column;
                gap: 12px;
                .top {
                    color: #333;
                    font-size: 32px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 100%;
                }
                .bottom {
                    display: flex;
                    align-items: center;
                    gap:8px;
                    .raiting {
                        display: flex;
                        align-items: center;
                        gap: 4px;
                        p {
                            color: #02499B;
                            font-size: 22px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: normal;
                        }
                    }
                    .feedback_count {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        p {
                            color: #9B9B9B;
                            font-size: 16px;
                            font-family: Montserrat;
                            font-style: normal;
                            font-weight: 400;
                            line-height: normal;
                        }
                    }
                }
            }
            ._right {
                display: flex;
                align-items: center;
                a {
                    font-size: 14px;
                    font-style: normal;
                    font-weight: 250;
                    line-height: normal;
                    text-transform: uppercase;

                    border-radius: 20px;
                    background: #FD4D00;
                    color: #FFF;

                    display: flex;
                    width: 240px;
                    padding: 18px 32px;
                    justify-content: center;
                    align-items: center;
                    gap: 12px;
                    @media(max-width:768px){
                        width: 200px;
                        padding: 8px 20px;
                    }
                }
            }
        }

        .feedback-middle {
            display: flex;
            align-items: center;
            padding: 23px 0;
            .feedback-middle-inner {
                display: flex;
                flex-direction: column;
                gap: 4px;
                p {
                    color: #333;
                    font-size: 24px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: normal;
                }
                .feedback-middle-items {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    @media(max-width:650px){
                        gap: 4px;
                        flex-direction: column;
                        align-items: flex-start;
                    }
                    p {
                        color: #9B9B9B;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 600;
                        line-height: normal;
                    }
                    a {
                        color: #9B9B9B;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                    }
                }
            }
        }

        .feedback-item {
            display: flex;
            align-items: center;
            padding: 12px 0;
            .inner {
                display: flex;
                flex-direction: column;
                gap: 12px;
                @media (max-width:480px){
                    align-items: flex-start;
                }
                .top {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    .first {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        .raiting {
                            display: flex;
                            align-items: center;
                            gap: 4px;
                            p {
                                color: #02499B;
                                font-size: 22px;
                                font-style: normal;
                                font-weight: 700;
                                line-height: normal;
                            }
                        }
                        .name {
                            color: #333;
                            font-size: 20px;
                            font-style: normal;
                            font-weight: 700;
                            line-height: normal;
                        }
                    }
                    .time {
                        color: #9B9B9B;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                    }
                    @media(max-width:480px){
                        flex-direction: column;
                    }
                }
                .message {
                    display: flex;
                    align-items: center;
                    p {
                        color: #333;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: normal;
                    }
                }
            }
        }
    }
}

// woo

.woocommerce-Price-amount {
	bdi {
		font-size: 18px!important;
    	white-space: nowrap!important;
	}
}

span.xoo-wsc-smr-del {
	margin-top: 16px!important;
}

button.filter-button.lng-filter {
	display: none;
}

button.wfpHideButton{
	display: flex;
    background: #BBBBBB !important;
    gap: 12px;
	
	color: #fff !important;
	font-style: normal;
    font-weight: 700;
    font-size: clamp(12px,1vw,18px)!important;
    line-height: 120%;
    text-align: center;
    border-radius: 40px;
    justify-content: center;
}


div.wpfFilterTaxNameWrapper {
    font-style: normal;
    font-weight: 250!important;
    font-size: 18px!important;
    line-height: 100%!important;
    color: #343434!important;
	display: flex;
}

.eleven__buttons span.wpfCheckbox {
	display:none;
}

#wpfBlock_1 .wpfFilterVerScroll {
	max-height: 100%!important;
	@media(max-width:992px){
		width: calc(100% + 24px);
	}
}

.wpfFilterVerScroll {
    display: flex !important;
	flex-direction: column;
	@media(max-width:992px){
		flex-direction:row;
		align-items: center;
		gap: 12px;
		.wpfCheckbox {
			display:none;
		}
	}
}

.wpfFilterVerScroll::-webkit-scrollbar {
    display:none;
}

@media(max-width:992px){
	.wpfFilterVerScroll li:last-child{
		margin-right: 24px;
		@media(max-width:480px){
			margin-right: unset!important;
		}
	}
	.wpfDisplay {
	border-radius: 12px!important;
	border: 1px solid #333!important;
	padding:8px;
	height:52px;
	width: 250px;
	display: flex;
    align-items: center;
    justify-content: center;
	&.selected {
		background: #FD4D00;
		border: 1px solid #FD4D00!important;
			& > .wpfValue div.wpfFilterTaxNameWrapper {
			color: #FFF!important;
		}
	}
}
}

.wpfFilterVerScroll li label {
    display: flex !important;
    align-items: center !important;
// 	@media(max-width:992px){
// 		width: 250px;
// 	}
}

li.product img.attachment-woocommerce_thumbnail{
	display:none;
}
.woocommerce-loop-product__title{
	display:none;
}

.eleven__buttons span.wpfValue {
	padding-left: unset!important;
}

.wpfFilterButton.wpfButton, 
.wpfClearButton.wpfButton {
	color: #333 !important;
    font-style: normal!important;
    font-weight: 250!important;
    font-size: clamp(12px,1vw,18px)!important;
    line-height: 120%!important;
	width:100%!important;
	padding: 8px 52px!important;
	border-radius: 12px!important;
	border: 1px solid #333!important;
}

.wpfClearButton.wpfButton {
	display: flex;
    align-self: center;
    justify-content: center;
	width:220px!important;
	min-height: 32px!important;
}

.wpfFilterButtons {
	display: flex;
    justify-content: center;
    width: 100%;
}

.wpfFilterButtons .wpfButton {
	margin-left:unset!important;
}

.wpfFilterWrapper[data-filter-type] {
	padding: 5px 0!important;
}

ul.products li.product, 
ul.products .wc-block-grid__product, 
.wc-block-grid__products li.product, 
.wc-block-grid__products 
.wc-block-grid__product {
	margin-left: unset!important;
    margin-bottom: unset!important;
    text-align: unset!important;
	width: unset;
    float: unset!important;
    font-size: unset!important;
}

input.wpfPriceRangeField {
	width: fit-content!important;
	text-align: center!important;
}

form.woocommerce-ordering {
	display:none!important;
}

p.woocommerce-result-count {
	display:none!important;
}

div.wpfSlugWrapper {
	display:none!important;
}

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

div.wpfFilterWrapper .wpfCheckbox label {
	width:24px!important;
	height:24px!important;
}

div.wpfFilterWrapper[data-filter-type="wpfCategory"] .wpfMulti label:before {
	background-color: #F3F3F3!important;
}

/* counter */

.avc_visit_counter_front {
	border-color: transparent!important;
}

.spontaneous-counter {
	opacity: 0.9;
    position: fixed;
    top: 15px;
    left: 1%;
	color: #ffffff;
	display: flex;
	justify-content: center;
	z-index:1111;
	border: 1px solid white;
	border-radius: 15px;
	transition: .5s ease!important;
	
/* 	margin: 16px 0; */
}

.wpfFilterWrapper {
	margin-top: unset!important; 
    margin-bottom: unset!important;
}

.wfpButton {
	margin: 0 auto!important;
}

ul.products li.product .button {
	display:none;
}

ul.products li.product .price {
	display: none !important;
}

ul.products li.product {
	margin-bottom: 20px !important;
}

.shoppingcart{
	display: flex;
    align-items: center;
	padding: 6px;
    border-radius: 50%;
	transition: .3s ease;
// 	background-color: rgba(253, 77, 0, .7);
}

.shoppingcart, .mobile-shopping-cart{
	position:relative;
	cursor:pointer;
}


.shoppingcart-itter{
	border-radius: 50%;
    color: #fff;
    min-width: 17px;
    min-height: 17px;
    text-align: center;
    top: -5px;
    right: -5px;
    position: absolute;
    background: #FD4D00;
    font-size: 12px;
	
}

.xoo-wsc-basket{
	visibility:hidden;
}

.catalog-block-item .bottom__part ._bottom a.added_to_cart {
	display:none!important;
}

// .wc_payment_methods {
// 	display:none;
// }

// .woocommerce-checkout .col2-set .col-2{
// 	display: none;
// }

.col2-set .form-row-first,
.col2-set .form-row-last {
	width: 100%!important;
}

#customer_details {
	box-shadow: 0px 0px 18px 0px rgba(180, 180, 180, 0.25);
	border-radius:20px;
	overflow: hidden;
}

#customer_details .col-1 {
	background-color: white!important;
	margin-bottom: unset!important;
	padding: 42px!important;
}

#customer_details .col-2{
	background-color: white!important;
	margin-bottom: unset!important;
	padding: 0 42px 42px!important;
}



.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
	border: unset!important;
	box-shadow: 0px 0px 18px 0px rgba(180, 180, 180, 0.25);
    border-radius: 20px;
	padding: 20px;
}

.select2-container--default .select2-results>.select2-results__options{
	 scrollbar-width: none; /* Hide scrollbar on Firefox */
  	-ms-overflow-style: none; 
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 5px;
}

#customer_details .col-1 .woocommerce-billing-fields {
	margin:unset!important;
	width:100%!important;
}
@media(max-width:1400px){
	#customer_details .col-1 .woocommerce-billing-fields {
		width:100%!important;
	}
}
@media(max-width:768px){
	#customer_details .col-1  {
		padding: 12px!important;
	}
	
	#customer_details .col-2  {
		padding: 0 12px 12px!important;
		height: 170px;
	}
	
	#order_review_heading {
		margin-bottom:12px;
		margin-top:16px;
	}
}

.woocommerce-billing-fields h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	position: relative;
	text-align:unset!important;
	padding-left: 36px;
	position: relative;
}

.woocommerce-billing-fields h3:before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cg clip-path='url(%23clip0_302_329)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2.5C6.477 2.5 2 6.977 2 12.5C2 18.023 6.477 22.5 12 22.5C17.523 22.5 22 18.023 22 12.5C22 6.977 17.523 2.5 12 2.5ZM8.5 10C8.5 9.54037 8.59053 9.08525 8.76642 8.66061C8.94231 8.23597 9.20012 7.85013 9.52513 7.52513C9.85013 7.20012 10.236 6.94231 10.6606 6.76642C11.0852 6.59053 11.5404 6.5 12 6.5C12.4596 6.5 12.9148 6.59053 13.3394 6.76642C13.764 6.94231 14.1499 7.20012 14.4749 7.52513C14.7999 7.85013 15.0577 8.23597 15.2336 8.66061C15.4095 9.08525 15.5 9.54037 15.5 10C15.5 10.9283 15.1313 11.8185 14.4749 12.4749C13.8185 13.1313 12.9283 13.5 12 13.5C11.0717 13.5 10.1815 13.1313 9.52513 12.4749C8.86875 11.8185 8.5 10.9283 8.5 10ZM18.258 17.484C17.5094 18.4256 16.5578 19.186 15.4742 19.7082C14.3905 20.2305 13.2029 20.5011 12 20.5C10.7971 20.5011 9.60946 20.2305 8.52583 19.7082C7.4422 19.186 6.49056 18.4256 5.742 17.484C7.363 16.321 9.575 15.5 12 15.5C14.425 15.5 16.637 16.321 18.258 17.484Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_302_329'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	content:'';
	background-repeat:no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:50%;
	transform: translateY(-50%);
	display: block;
	background-size: contain;
}
#order_review_heading {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	position: relative;
	text-align:unset!important;
// 	margin-top: 42px!important;
	margin-bottom: 12px!important;
	padding-bottom:unset!important;
	padding-left: 36px;
	@media(max-width: 768px){
		margin-left: 20px;
	} 
}

#order_review_heading:before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Ccircle cx='10' cy='10.5' r='10' fill='%23333333'/%3E%3Cpath d='M8 13.5C7.45 13.5 7 13.95 7 14.5C7 15.05 7.45 15.5 8 15.5C8.55 15.5 9 15.05 9 14.5C9 13.95 8.55 13.5 8 13.5ZM5 5.5V6.5H6L7.8 10.3L7.1 11.5C7.05 11.65 7 11.85 7 12C7 12.55 7.45 13 8 13H14V12H8.2C8.15 12 8.1 11.95 8.1 11.9V11.85L8.55 11H12.25C12.65 11 12.95 10.8 13.1 10.5L14.9 7.25C15 7.15 15 7.1 15 7C15 6.7 14.8 6.5 14.5 6.5H7.1L6.65 5.5H5ZM13 13.5C12.45 13.5 12 13.95 12 14.5C12 15.05 12.45 15.5 13 15.5C13.55 15.5 14 15.05 14 14.5C14 13.95 13.55 13.5 13 13.5Z' fill='white'/%3E%3C/svg%3E");
	content:'';
	background-repeat:no-repeat;
	position:absolute;
	width:20px;
	height:20px;
	left:0;
	top:50%;
	transform: translateY(-50%);
	display: block;
	background-size: contain;
}
#order_review {
	box-shadow: 0px 0px 18px 0px rgba(180, 180, 180, 0.25);
	border-radius:20px;
	overflow: hidden;
}

.shop_table {
	margin-bottom:unset!important;
}

.shop_table th {
	background-color: #FCFCFC!important;
}

.shop_table td {
	background-color: #FCFCFC!important;
}	

#payment .place-order .button {
	background-color: #F8A324;
    border-color: #F8A324;
	font-family: Exo 2;
	color: #fff;
	border-color: transparent!important;
	cursor: pointer;
}

.place-order {
	margin-top:unset!important;
	background-color:#fff!important;
}

// .cart-subtotal {
// 	display: none;
// }

.woocommerce-form__label-for-checkbox {
	display:none!important;
}

#ship-to-different-address .woocommerce-form__input-checkbox {
	display:none!important;
}

.woocommerce-billing-fields__field-wrapper {
	display: flex;
	flex-direction: column;
}

.woocommerce-billing-fields__field-wrapper > p > label {
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	left:2%;
	color: #828282!important;
	font-family: 'Exo 2';
	font-size: 16px!important;
	font-style: normal;
	font-weight: 600;
	}
.woocommerce-billing-fields__field-wrapper > p > span > input {
	background: #f9f9f9!important;
    box-shadow: unset!important;
}



.woocommerce.columns-3 {width:100%}

.woocommerce-billing-fields__field-wrapper > p > label  {
	display: none;
}

span.select2-selection{
	background: #fff !important;
	background-color: #fff !important;
	box-shadow: unset!important; 
}

// .woocommerce form .form-row .required {
// 	display:none;
// }

.woocommerce-billing-fields__field-wrapper > p {
	position:relative;
}
// .hide-label {
// 	display:none!important;
// }

.billing-input:focus + label {
  display: none;
}

// .xoo-wsc-notices {display: none!important;}

.card-inner .first-part .inform .bottom .button a.added_to_cart {display: none!important;}
.swiper-bestseller-slide .bottom__part ._bottom a.added_to_cart {display: none!important;}
.swiper-new_goods-slide .bottom__part ._bottom a.added_to_cart {display: none!important;}

.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #02499B;
	gap: 8px;
	.next,
	.prev {
		width: 12px;
	}
	&.current {
		color: #FD4D00;
	}
	@media(max-width:480px){
		justify-content: center;
	}
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn {
	    background-color: #FD4D00!important;
    	border-radius: 25px!important;
    	color: #fff!important;
}

.woocommerce-input-wrapper input {
	border-radius: 6px;
    border: none !important;
    height: 35px;
    outline: none !important;
    padding-left: 8px;
    padding-right: 20px;
}

// .woocommerce-info {
// 	display: none!important;
// }

.woocommerce-privacy-policy-text {
	display: none!important;
}
 
.payment_box .payment_method_bacs p{
	font-size: 16px;
}
.payment_box .payment_method_cod {
	
}

#payment .payment_methods > li .payment_box {
	background-color: white!important;
}

form.checkout {
	margin:140px 3rem 3rem 3rem;
}

button.button.alt {
	border-radius:12px;
	font-size:16px!important;
	padding: 6px 0;
}
#order_review .shop_table {
	padding: 42px!important;
	font-size: 16px!important;
	@media(max-width:1024px) {
		padding: 23px 12px!important;
	}
	@media(max-width:650px) {
		font-size: 12px!important;
	}
}

// #billing_company_field {
// 	display:none;
// }

#payment .payment_methods li.wc_payment_method > input[type="radio"]:first-child:checked + label::before {
	background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1359 1.48359C10.5216 0.821321 11.4784 0.821321 11.8641 1.48359L14.6576 6.2797C14.7989 6.5223 15.0357 6.69433 15.3101 6.75375L20.7347 7.92843C21.4837 8.09064 21.7794 9.00056 21.2687 9.57207L17.5706 13.7109C17.3835 13.9203 17.2931 14.1986 17.3214 14.4779L17.8805 20C17.9577 20.7626 17.1836 21.3249 16.4823 21.0159L11.4032 18.7777C11.1463 18.6645 10.8537 18.6645 10.5968 18.7777L5.51769 21.0159C4.81635 21.3249 4.04232 20.7626 4.11953 20L4.67864 14.4779C4.70692 14.1986 4.61648 13.9203 4.42941 13.7109L0.731273 9.57207C0.220618 9.00056 0.516271 8.09064 1.26532 7.92843L6.68993 6.75375C6.96433 6.69433 7.2011 6.5223 7.3424 6.2797L10.1359 1.48359Z' fill='%2302499B'/%3E%3C/svg%3E")!important;
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.star-rating span:before, .quantity .plus, .quantity .minus, p.stars a:hover:after, p.stars a:after, .star-rating span:before, #payment .payment_methods li input[type=radio]:first-child:checked+label:before {
	color: transparent!important;
}

#payment .payment_methods li {
	
	p {
		font-size: 18px;
	}

	.payment_box {
		padding: 16px 1.41575em!important;
	}
}
#payment .payment_methods>.woocommerce-PaymentMethod>label, #payment .payment_methods>.wc_payment_method>label {
	font-size: 18px;
	padding: 1.41575em 42px!important;
	@media(max-width: 480px){
			padding: 16px 1em!important;
		}
}

.woocommerce-order {
	margin-top: 140px;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
	border-radius: 20px;
	box-shadow: 0px 0px 18px 0px rgba(180, 180, 180, 0.25);
    overflow: hidden;
	margin-bottom: 16px;
	.woocommerce-error {
		margin-bottom: unset!important;
		border-left:unset!important;
		padding: 1em 1.5em;
		&:before {
			display:none!important;
		}
		li{
			font-size: 11px!important;
		}
		@media(max-width:650px){
			padding: 1em;
			li{
			font-size: 7px!important;
			}
		}
	}
}

.woocommerce .woocommerce-error {
	margin-top: 150px;
    margin-left: auto;
	margin-right: auto;
	width:90%;
	border-left: unset!important;
	padding: .5em 1em!important;
	border-radius: 20px;
	box-shadow: 0px 0px 18px 0px rgba(180, 180, 180, 0.25);
	&:before {
		display:none;
	}
	li {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	a {
		background-color: rgba(192, 54, 14, .7);
		padding: 1% 3%;
    	border-radius: 12px;
   		margin-top: 12px;
		transition: .2 ease;
		&:hover {
			opacity: .93!important;
		}
	}
}

.comment-reply-title {
	color: #333;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.feedback_field {
	width:100%!important;
	max-width: 640px;
	height: fit-content!important;
	color: black!important;
	
}

ol.commentlist {
	display:flex;
	flex-direction: column;
	gap: 12px;
	.star-rating span {
		display: flex;
		align-items: center;
		gap: 6px;
		color: #02499B;
    	font-size: 22px;
	}
	.description p {
		color: #333;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
}

.woocommerce-review__author {
	color: #333;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.woocommerce-review__dash {
	display: none;
}

.woocommerce-review__published-date {
	color: #9B9B9B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.comment-notes {
	display:flex;
	flex-direction: column;
	margin: .5rem 0;
	color: #9B9B9B;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.comment-form-comment {
	display:flex;
	flex-direction: column;
	font-size: 18px;
	gap: 24px;
	textarea {
		max-width: 100%;
		min-width: 100%;
		height: 230px;
		min-height: 230px;
		max-height: 230px;
		background: #f4f4f4;
		border: none !important;
		border-radius: 14px;
		font-size: 18px;
		box-shadow: none !important;
		height: 34px;
		outline: none;
		padding: 4px 12px;	 
		@media(max-width:480px){
			max-width: 100%;
		}
	}
}

.comment-form-rating {
	margin-bottom: 23px;
	label {
		font-size: 18px;
	}
}

.form-submit {
	margin-top: 24px;
	input.submit {
		font-size: 14px;
		font-style: normal;
		font-weight: 250;
		line-height: normal;
		text-transform: uppercase;
		border-radius: 20px;
		background: #FD4D00;
		color: #FFF;
		display: flex;
		width: 100%;
		max-width:325px;
		padding: 13px 22px;
		justify-content: center;
		align-items: center;
		gap: 12px;
		border-color: transparent;
		cursor: pointer;
		margin: 0 auto;
	}
}

.comment-form-rating .stars {
   	color: white; 
	span {
		display: flex;
		gap: 10px;
	}
}

.stars a {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Star 1' d='M10.1359 1.48359C10.5216 0.821321 11.4784 0.821321 11.8641 1.48359L14.6576 6.2797C14.7989 6.5223 15.0357 6.69433 15.3101 6.75375L20.7347 7.92843C21.4837 8.09064 21.7794 9.00056 21.2687 9.57207L17.5706 13.7109C17.3835 13.9203 17.2931 14.1986 17.3214 14.4779L17.8805 20C17.9577 20.7626 17.1836 21.3249 16.4823 21.0159L11.4032 18.7777C11.1463 18.6645 10.8537 18.6645 10.5968 18.7777L5.51769 21.0159C4.81635 21.3249 4.04232 20.7626 4.11953 20L4.67864 14.4779C4.70692 14.1986 4.61648 13.9203 4.42941 13.7109L0.731273 9.57207C0.220618 9.00056 0.516271 8.09064 1.26532 7.92843L6.68993 6.75375C6.96433 6.69433 7.2011 6.5223 7.3424 6.2797L10.1359 1.48359Z' fill='%2302499B'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 30px;
    display: flex;
    justify-content: center;
	align-items: center;
    font-size: 18px;
}

.stars a.active {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Star 1' d='M10.1359 1.48359C10.5216 0.821321 11.4784 0.821321 11.8641 1.48359L14.6576 6.2797C14.7989 6.5223 15.0357 6.69433 15.3101 6.75375L20.7347 7.92843C21.4837 8.09064 21.7794 9.00056 21.2687 9.57207L17.5706 13.7109C17.3835 13.9203 17.2931 14.1986 17.3214 14.4779L17.8805 20C17.9577 20.7626 17.1836 21.3249 16.4823 21.0159L11.4032 18.7777C11.1463 18.6645 10.8537 18.6645 10.5968 18.7777L5.51769 21.0159C4.81635 21.3249 4.04232 20.7626 4.11953 20L4.67864 14.4779C4.70692 14.1986 4.61648 13.9203 4.42941 13.7109L0.731273 9.57207C0.220618 9.00056 0.516271 8.09064 1.26532 7.92843L6.68993 6.75375C6.96433 6.69433 7.2011 6.5223 7.3424 6.2797L10.1359 1.48359Z' fill='%23ffe031' style='%0A'%3E%3C/path%3E%3C/svg%3E");
}

.comment-form-author {
	display:flex;
	flex-direction: column;
	font-size: 18px;
	gap: 8px;
	margin-top: 16px;
	input {
		max-width: 100%;
		    background: #f4f4f4;
			border: none !important;
			border-radius: 14px;
			font-size: 18px;
			box-shadow: none !important;
			height: 34px;
			outline: none;
			padding: 0 12px; 
		@media(max-width:480px){
			max-width: 100%;
		}
	}
}

.modal a.close-modal {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='close' width='.6em' height='.6em' fill='currentColor' aria-hidden='true'%3E%3Cpath d='M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z'%3E%3C/path%3E%3C/svg%3E")!important;
	width: 18px!important;
    height: 18px!important;
	top: 12px!important;
	right: 9px!important;
	border: 1px solid #525252;
    border-radius: 50px;
}

.woocommerce-shipping-fields__field-wrapper {
	font-size: 14px;
//     padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
	.form-row-wide:first-child {
		display: flex;
    	gap: 3px;
	}
}



.select2-container .select2-selection--single .select2-selection__rendered {
	background: #f9f9f9 !important;
	height: 35px;
	border-raduis: 5px;
}

.form-row .place-order {
	background-color: white!important;
}

.select2-container--default .select2-selection--single {
	border: unset!important;
}

.select2-results__option {
	font-size: 12px!important;
}

.select2-search__field {
	outline: none;
}

.xoo-wsc-body a {
	font-size: 14px!important;
	line-height: .9!important;
	padding-bottom: 12px!important;
}

.woocommerce {
// 	padding: 8em 4em;
	.woocommerce-error {
		
	}
}

.xoo-wsc-notice-success {
	border-radius:12px;
	 width: 92%;
	margin: 0 auto;
	.xoo-wsc-icon-check_circle:before {
		display: none;
	}
}

ul.xoo-wsc-notices li {
	margin-top: 6px;
	padding: 10px 12px!important;
	font-size: 14px;
	text-align: center;
}

.woocommerce-order {
	max-width: 1470px;
    padding: 0 25px;
    width: 100%;
    position: relative;
    margin: 150px auto 2rem;
}
.shop_table {
	width: 100%;
}

@media(max-width:650px){
	.woocommerce-order-details {
		margin-top: 16px;
		display: flex;
		flex-direction: column;
		gap:16px;
	}
	
	.woocommerce-order-details__title {
		font-size: 24px;
	}
	.woocommerce-table--order-details {
		font-size: 15px;
	}
}