*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
html{height:100%}
body{line-height:1;min-height:100%}
header,nav{display:block}
ul{list-style:none}
input{vertical-align:middle}
a{text-decoration:none;color:#1f85c5}
.when-switch{margin-top:100px}
.when-switch__title{text-align:center;font-weight:600;font-size:2.5rem;line-height:115%;color:#091520}
.when-switch__text{max-width:1000px;margin:16px auto 0;text-align:center;font-weight:400;font-size:1rem;line-height:130%;color:rgba(9,21,32,.7)}
.when-switch__list{margin-top:34px}
.when-switch__item{position:relative;min-height:290px;padding:32px 600px 145px 170px;background:#F6F7F9;border-radius:32px;overflow:hidden;z-index:0}
.when-switch__item::before{position:absolute;top:32px;left:40px;font-weight:500;font-size:1.5rem;line-height:120%;letter-spacing:-.02em;color:rgba(9,21,32,.4)}
.when-switch__item::after{content:'';position:absolute;background-repeat:no-repeat;background-size:contain;z-index:-1}
.when-switch__item-title{font-weight:600;font-size:1.5rem;line-height:120%;color:#091520}
.when-switch__item-text{max-width:544px;margin-top:16px;font-weight:400;font-size:1rem;line-height:130%;color:rgba(9,21,32,.7)}
.when-switch__item:nth-child(2n){background:-o-radial-gradient(74.54% 97.15%,48.34% 142%,#FF8147 0,rgba(255,80,41,0) 100%),-o-linear-gradient(165.72deg,#FF5029 14.63%,#9A0101 158.93%);background:radial-gradient(48.34% 142% at 74.54% 97.15%,#FF8147 0,rgba(255,80,41,0) 100%),linear-gradient(284.28deg,#FF5029 14.63%,#9A0101 158.93%);border-radius:40px}
.when-switch__item:nth-child(2n)::before{color:rgba(255,255,255,.75)}
.when-switch__item:nth-child(2n) .when-switch__item-text,.when-switch__item:nth-child(2n) .when-switch__item-title{color:#fff}
.when-switch__item:not(:first-child){margin-top:-110px}
.when-switch__item:first-child::before{content:'01'}
.when-switch__item:first-child::after{top:12px;right:196px;width:315px;height:257px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/01.png)}
.when-switch__item:nth-child(2)::before{content:'02'}
.when-switch__item:nth-child(2)::after{top:19px;right:190px;width:340px;height:251px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/02.png)}
.when-switch__item:nth-child(3)::before{content:'03'}
.when-switch__item:nth-child(3)::after{top:24px;right:166px;width:381px;height:226px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/03.png)}
.when-switch__item:nth-child(4)::before{content:'04'}
.when-switch__item:nth-child(4)::after{top:18px;right:170px;width:399px;height:262px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/04.png)}
.when-switch__item:nth-child(5)::before{content:'05'}
.when-switch__item:nth-child(5)::after{top:10px;right:239px;width:292px;height:236px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/05.png)}
@media (max-width:1200px){.when-switch__item{padding-right:300px}
.when-switch__item:first-child::after{top:16px;right:-18px;width:257px}
.when-switch__item:nth-child(2)::after{top:10px;right:-2px;width:273px}
.when-switch__item:nth-child(3)::after{top:40px;right:-37px;width:290px}
.when-switch__item:nth-child(4)::after{top:32px;right:-17px;width:294px}
.when-switch__item:nth-child(5)::after{top:20px;right:18px;width:245px}
}
@media (max-width:991px){.when-switch{margin-top:60px}
.when-switch__title{font-size:2rem;line-height:120%}
.when-switch__text{font-size:.875rem}
.when-switch__list{margin-top:32px}
.when-switch__item{min-height:266px;padding-left:79px;border-radius:26px}
.when-switch__item::before{left:32px;font-size:1.25rem;line-height:130%}
.when-switch__item-title{font-size:1.25rem}
.when-switch__item-text{font-size:.875rem}
.when-switch__item:nth-child(2n){border-radius:26px}
}
@media (max-width:767px){.when-switch__title{text-align:left;font-size:1.5rem}
.when-switch__text{margin-top:12px;text-align:left;font-size:.875rem}
.when-switch__list{margin-top:36px}
.when-switch__item{min-height:230px;padding:16px 150px 86px 16px;border-radius:20px}
.when-switch__item::before{display:none}
.when-switch__item:not(:first-child){margin-top:-75px}
.when-switch__item-title{font-size:1rem;line-height:130%}
.when-switch__item-text{margin-top:6px;font-size:.75rem}
.when-switch__item:nth-child(2n){border-radius:20px}
.when-switch__item:first-child::after{top:23px;right:0;width:110px;height:125px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/01_2.png)}
.when-switch__item:nth-child(2)::after{top:30px;right:0;width:124px;height:127px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/02_2.png)}
.when-switch__item:nth-child(3)::after{top:38px;right:0;width:142px;height:115px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/03_2.png)}
.when-switch__item:nth-child(4)::after{top:28px;right:0;width:150px;height:124px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/04_2.png)}
.when-switch__item:nth-child(5)::after{top:23px;right:0;width:141px;height:131px;background-image:url(../../../../landingpage/perejti-na-autsorsing-buhgalterii/img/when-switch/05_2.png)}
}
@media (max-width:479px){.when-switch__item{padding-right:95px}
.when-switch__item-title{max-width:250px}
.when-switch__item-text{max-width:200px}
}