.circleBtn {
    background: #F2F2F2;
    width: 52px;
    height: 52px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    display: block;
    transition: 0.3s;
}

    .circleBtn img {
        width: 23px;
        height: 23px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .circleBtn:hover {
        background: #E2E2E2;
    }

.VitrinArea {
    display: flex;
    margin-top: 20px;
}


    .VitrinArea .rightSection {
        display: flex;
        flex-direction: column;
        width: 30%;
    }

    .VitrinArea .leftSection {
        width: 70%;
    }

.VitrinAds {
    width: 100%;
    height: 0px;
    padding-top: 48%;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 15px;
    overflow: hidden;
}

.sliderItem {
    width: calc(100% - 20px);
    padding-top: calc(41% + 20px);
    float: left;
    border-radius: 15px;
    overflow: hidden;
    background-position: center !important;
    background-size: cover !important;
}

.owl-dots {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px !important;
    height: 15px !important;
}

.SpecArea {
    margin-block: 48px;
    position: relative;
}

.specItems {
    width: 480px;
    margin: 0px auto;
    position: relative;
    z-index: 2;
    background: white;
    padding: 0px;
    border: none;
    max-width: 100%;
    display: flex;
}

.specItemWrapper {
    width: 120px;
    float: right;
}

.scpecItem {
    background: #F2F2F2;
    width: 72px;
    height: 72px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    display: block;
    margin: 0px auto;
}

    .scpecItem img {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

.specItemWrapper span {
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 11px;
}

.lineFullWidth {
    height: 1px;
    width: 100%;
    background: #4ABEA0;
    position: absolute;
    z-index: 1;
    top: 36px;
}

.PATitle {
    font-size: 24px;
    position: relative;
    padding-right: 28px;
    font-weight: 300;
    margin-bottom: 30px;
}

    .PATitle:before {
        content: '';
        background: #EFE185;
        width: 12px;
        height: 12px;
        border-radius: 50px;
        right: 0px;
        top: 12px;
        position: absolute;
    }

.PIimg {
    width: 80%;
    padding-top: 80%;
    background-position: center !important;
    background-size: cover !important;
    margin: 0px auto;
}

.ProductItem h2 {
    font-size: 14px;
    font-weight: 300;
    padding: 0px 15px;
    margin-bottom: 5px;
    color: black;
    margin-top: 5px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

.ProductArea {
    margin-top: 80px;
}

.ProductWonder {
    margin-top: 0px;
}

.ProductItems {
    background: #ededed;
    margin-top: 40px;
    border-radius: 15px;
    padding: 23px 40px;
}

    .ProductItems a {
        text-decoration: none;
    }

.ProductItem {
    background: white;
    border-radius: 15px;
    background: white;
    padding-bottom: 20px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.PriceArea .OldPrice {
    text-decoration: line-through;
    width: 100%;
    text-align: center;
    color: gray;
    font-size: 12px;
    height: 21px;
}


.PriceArea .MainPrice {
    background: #ededed;
    font-size: 15px;
    width: 140px;
    margin: 0px auto;
    padding: 5px 6px;
    box-sizing: border-box;
    font-weight: 500;
    color: #008e69;
    text-align: center;
    border-radius: 5px;
}

.ProductSlider.owl-theme .owl-nav {
    /*    position: absolute;
    top: calc(50% - 57px);
    color: #0094C7;
    font-size: 70px;
    width: 100%;*/
}

    .ProductSlider.owl-theme .owl-nav .owl-next {
        position: absolute;
        left: -38px;
    }

    .ProductSlider.owl-theme .owl-nav .owl-prev {
        position: absolute;
        right: -38px;
    }

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: unset !important;
    color: unset !important;
}

.BannerArea {
    margin-top: 80px;
}

.BannerItem {
    height: 120px;
    border-radius: 10px;
    width: 24%;
    float: right;
    margin-left: 1.33%;
    position: relative;
}

    .BannerItem span {
        width: 67%;
        display: block;
        float: right;
        color: white;
        padding-top: 50px;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
    }

    .BannerItem img {
        height: 100%;
        display: block;
        position: absolute;
        left: 10%;
        bottom: 24px;
    }

.BigAds {
    margin-block: 50px;
}
/*.AdsArea {
    margin-top: 50px;
}*/
/*.AdsItem {
    width: 24%;
    float: right;
    margin-left: 1.33%;
    padding-bottom: 12%;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 15px;
    overflow: hidden;
}

    .AdsItem img {
        width: 100%;
    }*/
.BrandArea {
    margin-top: 50px;
}

    .BrandArea .rightSection {
        float: right;
        width: 300px;
        /*height: 280px;*/
        margin-top: 0px;
    }

    .BrandArea .leftSection {
        float: right;
        width: calc(100% - 300px);
        height: 220px;
        margin-top: 0px;
    }

    .BrandArea .ImageArea {
        background-position: center !important;
        background-size: cover !important;
        width: calc(100% - 5px);
        height: 210px;
        border-radius: 15px;
        margin-top: 5px;
    }

.brandItem {
    width: 19%;
    margin: 5px 0.5%;
    float: right;
    border: 1px solid #4ABD9F;
    border-radius: 15px;
    height: 100px;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

    .brandItem img {
        max-width: 90%;
        max-height: 90px;
    }

.leftBrandArea .rightSection, .leftBrandArea .rightSection .ImageArea, .leftBrandArea .leftSection, .leftBrandArea .leftSection .brandItem {
    float: left;
}

.BigAds img {
    width: 100%;
    height: auto;
    margin: 0px 0px;
}

.TitleArea {
    position: relative;
}

    .TitleArea span {
        display: block;
        padding: 10px 30px;
        background: white;
        margin: 0px auto;
        width: fit-content;
        position: relative;
        z-index: 2;
        font-size: 32px;
        font-weight: 300
    }

.ArticleItems {
    margin-top: 20px;
    background: #ececec;
    width: 100%;
    border-radius: 15px;
    padding: 23px 40px;
}

.ArticleItem {
    background: white;
    border-radius: 13px;
    padding: 10px;
}

.ArticleImg {
    background-position: center !important;
    background-size: cover !important;
    width: 100%;
    margin: 0px auto;
    border-radius: 10px;
    padding-bottom: 70%;
}

.ArticleItem h2 {
    font-size: 15px;
    text-align: justify;
    margin-top: 15px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    font-weight: 300;
}

.ArticleList .ArticleItem h2 {
    height: unset;
    overflow: unset;
    text-align: center;
}

.ArticleSlider a {
    text-decoration: none;
    color: black;
}

.ArticleSlider.owl-theme .owl-nav {
    position: absolute;
    top: calc(50% - 57px);
    color: #0094C7;
    font-size: 70px;
    width: 100%;
}

    .ArticleSlider.owl-theme .owl-nav .owl-next {
        position: absolute;
        left: -38px;
    }

    .ArticleSlider.owl-theme .owl-nav .owl-prev {
        position: absolute;
        right: -38px;
    }

.ActionLink {
    background: #4ABD9F;
    color: white;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
    width: 145px;
    font-size: 18px;
    padding: 7px 0px;
    margin: 30px auto 0px auto;
    display: block;
    transition: 0.3s;
}

    .ActionLink:hover {
        color: white;
        background: #3C9B82;
    }

.ExpandedContent {
    margin-bottom: 50px;
}

.sectionContent {
    position: relative;
    height: 180px;
    overflow: hidden;
}

    .sectionContent:before {
        background: linear-gradient(180deg,hsla(0,0%,100%,0) 50%,#fff);
        content: "";
        height: 100%;
        position: absolute;
        width: 100%;
    }

    .sectionContent.Expand {
        height: unset;
    }

        .sectionContent.Expand:before {
            content: unset;
        }

.ExpandedContent h1, .ExpandedContent h2, .ExpandedContent h3, .ExpandedContent h4 {
    font-size: 24px;
    margin-bottom: 20px;
    color: black;
}

.ExpandedContent p {
    text-align: justify;
    color: #434343;
    line-height: 31px;
    font-size: 15px;
}

.ExpandedContent .PATitle {
    margin-bottom: 10px;
}

.ExpandedContent .expandableText {
    color: #0094C7 !important;
    text-decoration: none !important;
    float: right;
    cursor: pointer;
    font-size: 14px;
}

.RejimNavigatorArea {
    width: 95%;
    max-width: 800px;
    margin: 50px auto 30px auto;
    display: flex;
    justify-content: space-between;
}

.oneNavArea {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.oneNav {
    width: 85px;
    height: 85px;
    display: grid;
    place-content: center;
    border-radius: 100%;
    background-color: #F2F2F2;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}

.oneNavArea span {
    color: #626262;
    font-size: 14px;
}

.oneNavArea.active path {
    fill: #0094C7;
}

.oneNavArea.active span {
    color: #0094C7;
}

.RejimPages {
    width: 95%;
    max-width: 1200px;
    margin: 0px auto;
}

.RejimPage {
    width: 100%;
    background-color: #F2F2F2;
    border-radius: 30px;
    padding: 30px 40px;
    color: #282828;
    display:none;
}

.RejimPage.active{
    display:block;
}

.RejimPage .Row1 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 5%;
    margin-bottom: 20px;
}

    .RejimPage .Row1 input {
        border: none;
        background-color: white;
        font-size: 14px;
        border-radius: 15px;
        height: 62px;
        width: 30%;
        padding: 0px 20px;
    }

.RejimPage .Row2, .RejimPage .Row3 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 5%;
    margin-bottom: 20px;
}

.elemGroup{
    display:flex;
    align-items:center;
    gap:10px;
}

.RejimActions{
    width:100%;
    justify-content:space-between;
    display:flex;
    margin-top:40px;
}

.RejimAction button {
    background: #0094C7;
    color:white;
    border-radius:5px;
    height:40px;
    border:none;
    padding-inline:20px;
}

.RejimPage_3 .Row1 input, .RejimPage_4 .Row1 input {
    width: 100%;
}