:root{
    --dark-blue-2: #0065D1;
    --dark-blue-1: #0273ED;
    --blue: #49A0FF;
    --light-blue: #EBF4FF;
    --light-green: #BEF0CC;
    --gray-blue: #B2C5F3;
    --black: #000000;
    --black-font: #141414;
    --dark-grey: #383838;
    --grey: #777777;
    --stroke-grey: #CED1DC;
    --light-grey: #DEE0E9;
    --grey-bg: #F9F9F9;
    --error: #FF5900;
    --rose: #ECE0F8;
    --yellow: #FFF1BE;
    --complementary-blue: #BFDCFC;
    --complementary-dark-blue: #B2C5F3;
    --complementary-yellow: #FFF1BE;
    --complementary-red: #FFD0C1;
    --complementary-pink: #F9DFEB;
    --complementary-turquoise: #B3F5F5;
    --complementary-orange: #FCDABC;
    --complementary-olive: #C5E3B7;
    --complementary-violet: #ECE0F8;
    --main-font: 'Arial', sans-serif
}

@font-face {
    font-family: 'Arial';
    src: url(https://prposting.org/fonts/Arial/ArialMT.woff') format('woff');
    font-weight: normal;
    font-style: normal
}


/* Slider Pagination event */
[class^="arto-slides"]  {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 200%;
}
[class^="arto-slides"]  .arto-algorithm {
    padding: 0;
}
[class^="arto-slides"]  .arto-algorithm .arto-algorithm__item {
    border: 1px solid var(--blue);
    border-radius: 8px;
    margin-right: 32px;
}

input#slide4, input#slide5, input#slide6,
input[id^="ghqb-slide"],
input[id^="slide"]
{
    width: 0;
    opacity: 0
}

.arto-slide.grey-bg {
    background: var(--grey-bg);
}

[id$="slide1"]:checked ~ .slider-container [class*="arto-slides"] {
    transform: translateX(0);
}
[id*="slide2"]:checked ~ .slider-container [class*="arto-slides"] {
    transform: translateX(-25%);
}
[id*="slide3"]:checked ~ .slider-container [class*="arto-slides"] {
    transform: translateX(-50%);
}
[id*="slide4"]:checked ~ .slider-container .arto-slides-4 {
    transform: translateX(-50%)
}




[id*="slide2"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-10%);
}
[id*="slide3"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-20%);
}
[id*="slide4"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-30%)
}
[id*="slide5"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-40%)
}
[id*="slide6"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-50%)
}
[id*="slide7"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-60%)
}
[id*="slide8"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-70%)
}
[id*="slide9"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-80%)
}
[id*="slide10"]:checked ~ .slider-container [class*="arto-slides-10"] {
    transform: translateX(-80%)
}


[id*="slide2"]:checked ~ .slider-container [class*="arto-slides-8"] {
    transform: translateX(-12.5%);
}
[id*="slide3"]:checked ~ .slider-container [class*="arto-slides-8"] {
    transform: translateX(-25%);
}
[id*="slide4"]:checked ~ .slider-container [class*="arto-slides-8"] {
    transform: translateX(-37.5%)
}
[id*="slide5"]:checked ~ .slider-container [class*="arto-slides-8"] {
    transform: translateX(-50%)
}
[id*="slide6"]:checked ~ .slider-container [class*="arto-slides-8"] {
    transform: translateX(-62.5%)
}
[id*="slide7"]:checked ~ .slider-container [class*="arto-slides-8"] {
    transform: translateX(-75%)
}
[id*="slide8"]:checked ~ .slider-container [class*="arto-slides-8"] {
    transform: translateX(-75%)
}


[id*="slide2"]:checked ~ .slider-container [class*="arto-slides-6"] {
    transform: translateX(-16%);
}
[id*="slide3"]:checked ~ .slider-container [class*="arto-slides-6"] {
    transform: translateX(-33%);
}
[id*="slide4"]:checked ~ .slider-container [class*="arto-slides-6"] {
    transform: translateX(-50%)
}
[id*="slide5"]:checked ~ .slider-container [class*="arto-slides-6"] {
    transform: translateX(-66%)
}
[id*="slide6"]:checked ~ .slider-container [class*="arto-slides-6"] {
    transform: translateX(-66%)
}


.button-absolute
{
    position: relative;
}
.button-absolute .slider-controls
{
    position: absolute;
    right: 0;
    bottom: 32px;
}


.slider-has-4 .slider-arrow,
.slider-has-8 .slider-arrow,
.slider-has-10 .slider-arrow,
.slider-has-6 .slider-arrow
{
    display: none;
}

section[class*="slider-has"] .arto-container
{position: relative}

section[class*="slider-has"] input[id^="ghqb-slide"],
section[class*="slider-has"] input[id^="slide"]
{
    position:absolute;
    bottom: 50%;
}

section[class*="slider-has"] [id$="slide1"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide1"],
section[class*="slider-has"] [id$="slide1"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide2"]
{display: block}

section[class*="slider-has"] [id*="slide2"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide1"],
section[class*="slider-has"] [id*="slide2"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide3"]
{display: block}

section[class*="slider-has"] [id*="slide3"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide2"],
section[class*="slider-has"] [id*="slide3"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide4"]
{display: block}


/*Останній слайд 4*/
.slider-has-4 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide2"],
.slider-has-4 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide4"]
{display: block}

/*Останній слайд >4*/
.slider-has-10 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide3"],
.slider-has-10 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide5"],
.slider-has-8 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide3"],
.slider-has-8 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide5"],
.slider-has-6 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide3"],
.slider-has-6 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide5"]
{display: block}

section[class*="slider-has"] [id*="slide5"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide4"],
section[class*="slider-has"] [id*="slide5"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide6"]
{display: block}

/*Останній слайд 6*/
.slider-has-6 [id*="slide6"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide4"],
.slider-has-6 [id*="slide6"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide6"]
{display: block}

/*Останній слайд >6*/
.slider-has-10 [id*="slide6"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide5"],
.slider-has-10 [id*="slide6"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide7"],
.slider-has-8 [id*="slide6"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide5"],
.slider-has-8 [id*="slide6"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide7"]
{display: block}

section[class*="slider-has"] [id*="slide7"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide6"],
section[class*="slider-has"] [id*="slide7"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide8"]
{display: block}

/*Останній слайд 8*/
.slider-has-8 [id*="slide8"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide6"],
.slider-has-8 [id*="slide8"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide8"]
{display: block}


/*Останній слайд >8*/
.slider-has-10 [id*="slide8"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide7"],
.slider-has-10 [id*="slide8"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide9"]
{display: block}

section[class*="slider-has"] [id*="slide9"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide8"],
section[class*="slider-has"] [id*="slide9"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide10"]
{display: block}

section[class*="slider-has"] [id*="slide10"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide8"],
section[class*="slider-has"] [id*="slide10"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide10"]
{display: block}

.arto-slides-10 {
    width: 500%;
}

.arto-slides-8
{
    width: 400%;
}

.arto-slides.arto-slides-6 {
    width: 300%;
}

.arto-algorithm__item {
    height: 100%;
}


@media (max-width: 768px) {
    .arto-slides-10 .arto-slide,
    .arto-slides-6 .arto-slide,
    .arto-slides-8 .arto-slide
    {
        width: calc(100vw - 32px);
    }
    .slider-controls {
        justify-content: flex-start;
    }
    .slider-has-4 .slider-arrow,
    .slider-has-6 .slider-arrow,
    .slider-has-8 .slider-arrow,
    .slider-has-10 .slider-arrow
    {
        display: none;
    }

    section[class*="slider-has-4"] [id*="slide4"]:checked ~ .slider-container [class*="arto-slides"] {
        transform: translateX(-75%);
    }
    .slider-has-4 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide3"],
    .slider-has-4 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide4"]
    {display: block}
    .slider-has-4 [id*="slide4"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide2"]
    {
        display: none
    }
    [class*="arto-slides"] .arto-algorithm .arto-algorithm__item {

        margin-right: 10px;
    }
    section[class*="slider-has"] .slider-container {
        overflow-x: scroll;
        padding-bottom: 20px;
        position: relative;
    }
    .slider-container::-webkit-scrollbar {
        height: 10px;
        cursor: pointer
    }
    [id*="slide10"]:checked ~ .slider-container [class*="arto-slides-10"] {
        transform: translateX(-90%);
    }

    [id*="slide8"]:checked ~ .slider-container [class*="arto-slides-8"] {
        transform: translateX(-87.5%);
    }
    section.slider-has-10 [id*="slide10"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide9"],
    section.slider-has-10 [id*="slide10"]:checked ~ .slider-controls-wrap .slider-controls .slider-next label[for*="slide10"]
    {display: block}
    section.slider-has-10 [id*="slide10"]:checked ~ .slider-controls-wrap .slider-controls .slider-previous label[for*="slide8"]
    {
        display: none
    }
}



.arto-page {
    font-family: var(--main-font);
    color: var(--black);
    margin-top: -96px;
    margin-bottom: -104px
}
.arto-page *, .arto-page ol, .arto-page ol li, .arto-page ul, .arto-page ul li{
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
.arto-page ol{
    padding-left: 25px
}
.arto-page button{
    outline: none
}
.arto-container{
    max-width: 1168px;
    width: 100%;
    margin: auto
}
.arto-page h1, .arto-page h2{
    color: var(--black);
    font-weight: 400;
    line-height: 1.1
}
.arto-page h1{
    font-size: 4rem
}
.arto-page h2{
    font-size: 2.8125rem
}
.arto-page p, .arto-page ol li, .arto-page ul li{
    font-size: 1.125rem;
    line-height: 1.4;
    color: var(--dark-grey)
}
.arto-page a:not(a.arto-btn){
    color: var(--dark-grey);
    /*color: var(--dark-blue-1);*/
    /*text-decoration: none*/
}
.arto-page a.arto-white-link:not(a.arto-btn) {
    color: #ffffff;
}
.arto-btn{
    color: #ffffff;
    background-color: var(--dark-blue-1);
    border: 1px solid var(--dark-blue-1);
    border-radius: 4px;
    font-weight: 400;
    text-decoration: none;
    padding: 14px;
    font-size: 1.125rem;
    transition: .3s;
    display: inline-flex;
    justify-content: center;
    align-items: center
}
.arto-btn:hover{
    background-color: var(--dark-blue-2);
    border: 1px solid var(--dark-blue-2);
    cursor: pointer
}
.arto-large-btn{
    padding: 20px
}
.arto-empty-large-btn{
    padding: 20px;
    background-color: transparent;
    color: var(--black)
}
.arto-empty-large-btn:hover{
    background-color: var(--dark-blue-1);
    color: #ffffff
}
.arto-grid-2-1{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 32px
}
.arto-grid-1-2{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 32px
}
.arto-grid-2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}
.arto-grid-2-3 {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 32px;
}
.arto-grid-3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px
}
.arto-grid-3-5{
    display: grid;
    grid-template-columns: 3fr 5fr;
    gap: 32px
}
.arto-grid-4{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px
}

.arto-grid-4-3{
    display: grid;
    grid-template-columns: 4fr 3fr;
    gap: 32px
}
.arto-grid-5-3{
    display: grid;
    grid-template-columns: 5fr 3fr;
    gap: 32px
}
.arto-grid-6-1{
    display: grid;
    grid-template-columns: 6fr 1fr;
    gap: 32px;
}
.arto-grid-6-4{
    display: grid;
    grid-template-columns: 6fr 4fr;
    gap: 32px
}
.arto-column-text-2{
    column-count: 2;
    gap: 32px
}
.grey-bg{
    background-color: var(--grey-bg)
}
.light-blue-bg, .arto-algorithm.light-blue-bg{
    background-color: var(--light-blue)
}
.arto-img-container{
    display: flex;
    justify-content: center;
    align-items: center
}
.arto-img-container img{
    width: 100%;
    height: 100%;
    object-fit: cover
}
.arto-d-flex{
    display: flex
}
.img-container{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}
.img-container img{
    width: 100%;
    height: 100%;
    object-fit: cover
}

/* main block */
.arto-main-block{
    background-color: var(--complementary-blue)
}
.arto-main-block-rose {
    background-color: var(--rose);
}
.arto-main-block__content{
    padding: 80px 0
}
.arto-main-block h1{
    /*width: 540px*/
}
.arto-main-block .arto-info .arto-btn{
    margin-top: 30px;
    width: 100%
}
.arto-main-block .arto-short-text{
    margin-top: 20px;
    font-size: 1.75rem
}
.arto-main-block .arto-long-text{
    margin-top: 20px
}
.arto-main-block .arto-long-text p{
    font-size: 1rem;
    color: var(--black)
}
.arto-main-block{
    position: relative
}
.arto-main-block:after{
    content: url("https://prposting.org/wp-content/uploads/img/blue-shadow.svg");
    position: absolute;
    top: 5%;
    right: 0
}
.arto-main-block-rose:after {
    content: url("/img/rose-shadow.svg");
    position: absolute;
    top: 5%;
    right: 0
}
.arto-main-block .arto-info, .arto-main-block .arto-form{
    z-index: 1
}
/* form */
.arto-form{
    /* box-shadow: 14px 14px 60px 0px rgba(42, 42, 42, 0.15); */
    width: fit-content;
    height: fit-content;
    border-radius: 8px
}
.arto-form img{
    margin-bottom: -3px
}
.arto-form form{
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px 20px 30px
}
.arto-page p.arto-form-name{
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 23px;
    color: #000000;
    margin-bottom: 16px
}
.arto-form input{
    align-items: center;
    padding: 10px 20px;
    width: 100%;
    height: 42px;
    border: 1px solid #CED1DC;
    border-radius: 4px
}
.arto-form label{
    font-size: 0.875rem;
    line-height: 1.6rem
}
.arto-form input[type="checkbox"]{
    width: 30px;
    height: 30px;
    position: relative
}
.arto-form-group.arto-checkbox, .arto-form input[type="checkbox"]:hover{
    cursor: pointer
}
.arto-form input[type="checkbox"]:before{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid var(--dark-blue-1);
    background-color: #ffffff;
    border-radius: 4px
}
.arto-form input[type="checkbox"]:checked:after{
    content: url("https://prposting.org/wp-content/uploads/img/icons/check-blue.svg");
    position: absolute;
    top: 9px;
    left: 8px
}
.arto-form span{
    display: block
}
.arto-error input{
    border-color: var(--error)
}
.arto-error .arto-error-text{
    color: var(--error);
    margin-top: 6px
}
.arto-form-group:not(:first-child){
    margin-top: 8px
}
.arto-form-group.arto-checkbox{
    margin-top: 20px
}
.arto-form-group.arto-checkbox label{
    display: flex;
    align-items: center
}
.arto-form-group.arto-checkbox  label >div{
    width: fit-content;
    margin-left: 10px;
    line-height: 1.4
}
.arto-form button{
    margin-top: 16px;
    width: 100%
}

/* main slider */
.arto-main-block__slider-container{
    padding: 40px 0 80px;
    border-top: 1px solid #ffffff;
    overflow: hidden
}
.arto-slider-items{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    width: calc(250px * 18);
    animation: infiniteSlider 40s infinite linear
}
.arto-slider-item{
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center
}

@keyframes infiniteSlider {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 9))}
}

.arto-who-we-are{
    padding: 100px 0 120px
}
.arto-who-we-are h2{
    margin-bottom: 20px
}

/* arto-block-with-tabs */
.arto-tab-content .arto-d-flex img{
    border-radius: 4px
}
.arto-block-with-tabs{
    padding: 80px 0
}
.arto-block-with-tabs h2{
    margin-bottom: 40px
}
.arto-block-with-tabs{
    background-color: var(--light-blue)
}
.arto-block-with-tabs strong{
    font-size: 1.75rem;
    font-weight: 400
}
/* tabs */
.arto-tabs > input[type="radio"] {
    display: none;
}

.arto-tab-content {
    display: none;
    grid-column: 1 / 5
}
input[name="arto-tab-btn"]:checked + label{
    background-color: var(--complementary-dark-blue)
}
#arto-tab-btn-1:checked~#arto-content-1,
#arto-tab-btn-2:checked~#arto-content-2,
#arto-tab-btn-3:checked~#arto-content-3,
#arto-tab-btn-4:checked~#arto-content-4{
    display: block;
}
.arto-tabs{
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 10px
}
.arto-tabs label{
    padding: 20px 25px;
    background-color: #ffffff;
    border-radius: 8px;
    font-size: 1.375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center
}
.arto-tab-content{
    background-color: var(--complementary-dark-blue);
    padding: 20px 60px 20px 20px;
    border-radius: 8px
}
.arto-block-with-tabs .arto-tabs{
    margin-top: 40px
}
.arto-tab-content .arto-d-flex{
    gap: 30px
}
.arto-tab-content__title{
    font-size: 1.375rem;
    text-transform: uppercase;
    margin-bottom: 10px
}

/* arto-why */
.arto-why{
    padding: 80px 0
}
.arto-why h2 ~ p{
    margin-top: 20px
}
.arto-why__items{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 32px;
    margin-top: 30px
}
.arto-why__item:first-child{
    grid-column: 1/3
}
.arto-why__item{
    border: 1px solid var(--dark-blue-1);
    border-radius: 8px;
    padding: 30px 20px
}
.arto-why__item:hover{
    border: 1px solid var(--light-blue);
    box-shadow: 14px 14px 60px 0px rgba(56, 56, 56, 0.15)
}
.arto-why__item h3{
    margin-bottom: 20px;
    color: var(--dark-blue-2);
    font-size: 1.375rem;
    font-weight: 400
}

/* arto-algorithm */
.arto-algorithm{
    padding: 80px 0;
    background-color: var(--dark-blue-2)
}
.arto-algorithm h2{
    color: #ffffff
}
.arto-algorithm__items{
    margin-top: 30px
}
.arto-algorithm__item >svg{
    margin-bottom: 20px;
    width: 39px;
    height: 39px
}
.arto-strategies .arto-algorithm__item >svg{
    border-radius: 50%
}
.arto-algorithm__item h3{
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 1.375rem
}
.arto-algorithm__item p:not(:last-child){
    margin-bottom: 20px
}
.arto-foreword__text, .arto-algorithm__item{
    padding: 30px 20px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid var(--stroke-grey)
}
.arto-foreword__text p{
    font-size: 1rem;
    margin-top: 20px
}
.arto-foreword__text p:first-child{
    margin-top: 0
}
.arto-algorithm h2, .arto-strategies h2{
    margin-bottom: 32px
}

/* arto-strategies */
.arto-strategies{
    padding: 120px 0
}
.arto-strategies .arto-column-text-2 p:not(:last-child){
    margin-bottom: 20px
}
.arto-strategies__items{
    margin-top: 38px
}

/* faq */
.arto-faq{
    padding: 80px 0
}
.arto-faq h2{
    margin-bottom: 40px
}
.white-faq .arto-ac-container >div{
    background-color: #ffffff
}
.white-faq .arto-ac-container label{
    color: var(--black)
}
.white-faq .arto-ac-container p{
    color: #222222
}
.arto-ac-container label{
    display: block;
    cursor: pointer
}
.arto-ac-container h3{
    font-size: 1.375rem;
    font-weight: 400
}

.arto-ac-container input + h3{
    color: var(--dark-grey);
    border: 1px solid var(--stroke-grey);
    border-radius: 4px;
    padding: 16px 70px 16px 20px;
    position: relative
}
.arto-ac-container input:checked + h3{
    border-bottom: none
}
.arto-ac-container input:checked + h3 label{
    border-bottom: none;
    border-radius: 4px 4px 0 0
}
.arto-ac-container >div:not(:first-child){
    margin-top: 10px
}

.arto-ac-container label:after{
    content: '';
    position: absolute;
    width: 34px;
    height: 34px;
    right: 20px;
    top: calc(50% - 17px);
    background: url("https://prposting.org/wp-content/uploads/img/icons/+.svg") no-repeat center center;
}

.arto-ac-container input:checked + h3 label:after {
    background-image: url("https://prposting.org/wp-content/uploads/img/icons/-.svg");
}

.arto-ac-container input{
    display: none;
}

.arto-ac-container article{
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
    margin-top: -1px;
    overflow: hidden;
    height: 0
}
.arto-ac-container input:checked ~ article {
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    -ms-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
    height: auto;
    border: 1px solid var(--stroke-grey);
    border-top: none;
    border-radius: 0 0 4px 4px
}

.arto-ac-container article p{
    padding: 0 20px 16px;
    width: 85%
}


/* arto-slider-css */
.arto-examples{
    background-color: var(--dark-blue-1);
    padding: 60px 0 0;
    margin-bottom: 60px
}
.arto-examples .arto-container{
    transform: translateY(60px)
}
.arto-examples h2{
    margin-bottom: 40px;
    color: #ffffff;
    text-align: center;
    font-weight: 400
}
.arto-slider-css{
    height: 467px;
    position: relative
}
.arto-slider a{
    display: flex;
    justify-content: center;
    align-items: center
}
/* Slider wrapper*/

.css-slider-wrapper {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


/* Slider */

.arto-slider {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    align-content: center;
    -webkit-transition: -webkit-transform 800ms;
    transition: -webkit-transform 800ms, transform 800ms;
    transform: scale(1)
}

.arto-slider-css input[type="radio"]{
    opacity: 0
}
.arto-slide1 {
    left: 0;
}

.arto-slide2 {
    left: 100%
}

.arto-slide3 {
    left: 200%
}

.arto-slide4 {
    left: 300%;
}


/* Slider inner slide effect */

.arto-slider h2 {
    color: #FFF;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.8125rem;
    line-height: 120%;
    opacity: 0;
    transform: translateX(500px);
}

.arto-slider .button {
    color: #FFF;
    padding: 5px 30px;
    background: rgba(255, 255, 255, 0.3);
    text-decoration: none;
    opacity: 0;
    font-size: 0.9375;
    line-height: 30px;
    display: inline-block;
    transform: translateX(-500px);
}

.arto-slider h2,
.arto-slider .button {
    -webkit-transition-delay: 10ms;
    /* Safari */
    transition-delay: 10ms;
}


/* Next and Preive arrow */

.arto-control {
    position: absolute;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    z-index: 55;
}

.arto-control label {
    z-index: 0;
    display: none;
    text-align: center;
    line-height: 3.125rem;
    font-size: 3.125rem;
    color: #ffffff;
    cursor: pointer
}
.arto-control.arto-previous label, .arto-control.arto-next label{
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    border-radius: 50%
}
.arto-control.arto-previous label img{
    transform: translateY(4px) rotate(180deg)
}
.arto-control.arto-next label img{
    transform: translateY(4px)
}

.arto-next {
    right: 0
}

.arto-previous {
    left: 0
}


/* Slider Pagination */

.arto-slider-pagination {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 1000;
}

.arto-slider-pagination label {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 2px;
    border: solid 1px rgba(255, 255, 255, 0.4);
    cursor: pointer;
}


/* Slider Pagination arrow event */

.arto-slide-radio1:checked~.arto-previous .arto-numb1,
.arto-slide-radio1:checked~.arto-next .arto-numb2,
.arto-slide-radio2:checked~.arto-next .arto-numb3,
.arto-slide-radio3:checked~.arto-next .arto-numb4,
.arto-slide-radio2:checked~.arto-previous .arto-numb1,
.arto-slide-radio3:checked~.arto-previous .arto-numb2,
.arto-slide-radio4:checked~.arto-previous .arto-numb3,
.arto-slide-radio4:checked~.arto-next .arto-numb4
{
    display: block;
    z-index: 1
}


/* Slider Pagination event */

.arto-slide-radio1:checked~.arto-slider-pagination .arto-page1,
.arto-slide-radio2:checked~.arto-slider-pagination .arto-page2,
.arto-slide-radio3:checked~.arto-slider-pagination .arto-page3,
.arto-slide-radio4:checked~.arto-slider-pagination .arto-page4 {
    background: rgba(255, 255, 255, 1)
}


/* Slider slide effect */

.arto-slide-radio1:checked~.arto-slider {
    transform: translateX(0%);
}

.arto-slide-radio2:checked~.arto-slider {
    transform: translateX(-100%);
}

.arto-slide-radio3:checked~.arto-slider {
    transform: translateX(-200%);
}

.arto-slide-radio4:checked~.arto-slider {
    transform: translateX(-300%);
}

.sarto-slide-radio1:checked~.arto-slide1 h2,
.sarto-slide-radio2:checked~.arto-slide2 h2,
.sarto-slide-radio3:checked~.arto-slide3 h2,
.sarto-slide-radio4:checked~.arto-slide4 h2,
.sarto-slide-radio1:checked~.arto-slide1 .button,
.sarto-slide-radio2:checked~.arto-slide2 .button,
.sarto-slide-radio3:checked~.arto-slide3 .button,
.sarto-slide-radio4:checked~.arto-slide4 .button {
    transform: translateX(0);
    opacity: 1
}
input#slide1, input#slide2, input#slide3{
    width: 0;
    opacity: 0
}
section:not( [class*="slider-has"] ) .slider-previous label[for="slide2"],
section:not( [class*="slider-has"] ) .slider-next label[for="slide3"]
{
    display: none
}


@media only screen and (max-width: 767px) {
    .arto-slider h2 {
        font-size: 1.25rem;
    }
    .arto-slider>div {
        padding: 0 2%
    }
    .arto-control label {
        font-size: 2.1875rem;
    }
    .arto-slider .button {
        padding: 0 15px;
    }
}


/* arto-join */
.arto-join{
    padding: 100px 0 120px
}
.arto-join__foreword p:not(:first-child){
    margin-top: 20px
}
.arto-join__slider{
    overflow-x: scroll;
    padding-bottom: 20px;
    position: relative;
}


::-webkit-scrollbar {
    height: 10px;
    cursor: pointer
}
body::-webkit-scrollbar{
    width: 0;
}
::-webkit-scrollbar-track{
    background: transparent;
    border-bottom: 2px solid var(--light-blue);
    cursor: pointer
}

::-webkit-scrollbar-thumb{
    background: transparent;
    border-bottom: 2px solid var(--dark-blue-1);
    cursor: pointer
}

.arto-join__slider-items{
    display: flex;
    align-items: flex-start;
    gap: 32px;
    width: max-content;
    margin-top: 22px
}
.arto-join__slider-item{
    padding: 16px 20px;
    border-radius: 4px;
    background-color: var(--light-blue);
    width: 268px;
    height: auto
}
.arto-join__slider-item p{
    font-size: 1.375rem
}
.arto-join__slider-item .arto-count{
    font-size: 0.875rem;
    color: var(--black);
    padding: 8px 12px;
    border-radius: 20px;
    background-color: #ffffff;
    width: fit-content;
    margin-bottom: 12px
}
.arto-join__btns{
    margin-top: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px
}
.arto-join__btns >a, .arto-join__btns >a >button{
    width: 100%
}
.arto-join__foreword{
    margin-bottom: 32px
}

/* arto-our-team */
.arto-our-team{
    padding: 80px 0 80px;
    background-color: var(--dark-blue-1)
}
.arto-our-team__items.arto-grid-4{
    row-gap: 40px
}

.arto-our-team h2{
    color: #ffffff;
    margin-bottom: 40px
}
.arto-our-team__item .img-container{
    height: auto;
    border-radius: 8px
}
.arto-our-team__item .img-container img{
    object-position: top
}
.arto-our-team__item .arto-name{
    color: #ffffff;
    font-size: 1.375rem;
    margin-top: 20px;
    font-weight: 400
}
.arto-name .arto-position {
    color: #ffffff;
    font-size: 16px;
}
.arto-our-team__item .description{
    color: #ffffff;
    font-size: 1.125rem;
    margin-top: 10px;
    font-weight: 400
}
.arto-faq:last-child{
    padding: 120px 0
}


/* arto popup */
@keyframes cssSliderWrapperAnimation {

    100% {

        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999

    }
}
.arto-examples input#arto-popup:checked + .arto-container .css-slider-wrapper{
    animation: cssSliderWrapperAnimation 0.1s forwards
}
@keyframes artoSliderAnimation {
    /*0% {*/

    /*}*/

    100% {

        position: fixed;
        z-index: 1

    }
}
.arto-examples input#arto-popup:checked + .arto-container .arto-slider{
    animation: artoSliderAnimation 0.1s forwards
}
.arto-control{
    display: block
}
.arto-examples input#arto-popup:checked + .arto-container .arto-control{
    display: none
}

.arto-page .arto-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url("https://prposting.org/wp-content/uploads/img/icons/close.svg") no-repeat;
    background-position: center;
    background-size: 100%;
    text-decoration: none;
    color: #ffffff!important;
    z-index: 2;
    display: none
}
.arto-examples input#arto-popup:checked + .arto-container .arto-close{
    display: block;
    cursor: pointer
}
.arto-examples input#arto-popup:checked + .arto-container{
    transform: none
}
a#arto-close:target + label[for="arto-popup"]{
    pointer-events: auto
}