.will-pass {
position: relative;
background: #F2F5F8;
border-radius: 0 0 0 60px;
overflow: hidden;
padding-top: 105px;
padding-bottom: 130px;
}
@media screen and (min-width: 1921px) {
.will-pass {
padding-left: 400px;
}
}
@media screen and (max-width: 1600px) {
.will-pass {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media screen and (max-width: 960px) {
.will-pass {
padding-bottom: 400px;
}
}
@media screen and (max-width: 780px) {
.will-pass {
border-radius: 0 0 0 40px;
padding-bottom: 360px;
}
}
@media screen and (max-width: 560px) {
.will-pass {
padding-top: 40px;
padding-bottom: 284px;
}
}
.will-pass__title {
margin-bottom: 43px;
}
@media screen and (max-width: 1600px) {
.will-pass__title {
margin-bottom: 30px;
}
}
@media screen and (max-width: 780px) {
.will-pass__title {
margin-bottom: 20px;
}
}
@media screen and (max-width: 560px) {
.will-pass__title {
margin-bottom: 11px;
}
}
.will-pass__desc {
margin: 0 0 85px 0;
font-size: 30px;
font-weight: 600;
text-align: left;
color: #303030;
font-family: Mont, sans-serif;
}
@media screen and (max-width: 1600px) {
.will-pass__desc {
font-size: 24px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 780px) {
.will-pass__desc {
font-size: 20px;
margin-bottom: 30px;
max-width: 380px;
}
.will-pass__desc br {
display: none;
}
}
@media screen and (max-width: 560px) {
.will-pass__desc {
margin-bottom: 22px;
font-size: 16px;
max-width: 303px;
}
}
.will-pass .container {
width: 1119px;
margin-left: auto;
margin-right: 248px;
}
@media screen and (min-width: 1921px) {
.will-pass .container {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 1800px) {
.will-pass .container {
margin-right: auto;
margin-left: 450px;
}
}
@media screen and (max-width: 1600px) {
.will-pass .container {
margin-left: calc(100vw - 1100px);
width: calc(100% - (100vw - 1100px));
}
}
@media screen and (max-width: 1400px) {
.will-pass .container {
margin-left: 350px;
width: calc(100% - 350px);
}
}
@media screen and (max-width: 960px) {
.will-pass .container {
margin-left: 0;
width: 100%;
}
}
.will-pass__img {
position: absolute;
left: -56px;
bottom: -28px;
}
@media screen and (min-width: 1921px) {
.will-pass__img {
left: calc(50% - 600px);
transform: translateX(-50%);
bottom: 0;
}
}
@media screen and (max-width: 1600px) {
.will-pass__img {
width: 650px;
}
}
@media screen and (max-width: 1540px) {
.will-pass__img {
width: 600px;
}
}
@media screen and (max-width: 1500px) {
.will-pass__img {
width: calc(100% - 900px);
}
}
@media screen and (max-width: 1400px) {
.will-pass__img {
width: 500px;
}
}
@media screen and (max-width: 960px) {
.will-pass__img {
width: 500px;
bottom: -150px;
}
}
@media screen and (max-width: 780px) {
.will-pass__img {
width: 450px;
}
}
@media screen and (max-width: 560px) {
.will-pass__img {
width: 350px;
bottom: -120px;
}
}
.will-pass__items {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
margin-bottom: -34px;
justify-content: flex-end;
}
@media screen and (max-width: 1600px) {
.will-pass__items {
margin-bottom: -25px;
}
}
@media screen and (max-width: 1400px) {
.will-pass__items {
max-width: 1000px;
margin-left: auto;
margin-right: -15px;
}
}
@media screen and (max-width: 1100px) {
.will-pass__items {
max-width: 800px;
margin-bottom: -25px;
}
}
@media screen and (max-width: 960px) {
.will-pass__items {
justify-content: center;
}
}
@media screen and (max-width: 560px) {
.will-pass__items {
margin-left: -5px;
margin-right: -5px;
margin-bottom: -15px;
}
}
@media screen and (min-width: 960px) {
.will-pass__items.--1 .will-pass__item:nth-child(2) {
margin-right: 102px;
}
}
@media screen and (min-width: 960px) and (max-width: 1600px) {
.will-pass__items.--1 .will-pass__item:nth-child(2) {
margin-right: 20px;
}
}
@media screen and (min-width: 960px) {
.will-pass__items.--1 .will-pass__item:nth-child(4) {
margin-right: 71px;
}
}
@media screen and (min-width: 960px) and (max-width: 1600px) {
.will-pass__items.--1 .will-pass__item:nth-child(4) {
margin-right: 60px;
}
}
@media screen and (min-width: 960px) {
.will-pass__items.--1 .will-pass__item:nth-child(7) {
margin-right: 41px;
}
}
@media screen and (min-width: 960px) and (max-width: 1600px) {
.will-pass__items.--1 .will-pass__item:nth-child(7) {
margin-right: 80px;
}
}
.will-pass__item {
font-size: 30px;
font-weight: bold;
color: #303030;
padding: 20px 56px;
border-radius: 50px;
background: #fff;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 34px;
text-align: center;
text-decoration: none;
transition: all 0.3s;
}
@media screen and (max-width: 1600px) {
.will-pass__item {
font-size: 24px;
padding: 15px 45px;
margin-bottom: 25px;
}
}
.will-pass__item:hover {
color: #ffffff;
background: #7A95C0;
}
.will-pass__item:active {
background: #6987b8;
}
@media screen and (max-width: 1400px) {
.will-pass__item {
margin-left: 15px;
margin-right: 15px;
padding: 15px 35px;
font-size: 26px;
}
}
@media screen and (max-width: 1100px) {
.will-pass__item {
font-size: 22px;
padding: 15px 20px;
margin-bottom: 25px;
}
}
@media screen and (max-width: 960px) {
.will-pass__item {
font-size: 18px;
}
}
@media screen and (max-width: 780px) {
.will-pass__item {
font-size: 16px;
}
}
@media screen and (max-width: 560px) {
.will-pass__item {
font-weight: 600;
font-size: 14px;
margin-bottom: 15px;
margin-left: 5px;
margin-right: 5px;
padding: 13px 20px;
}
}
.will-pass.--blue-bg {
background: radial-gradient(50% 50% at 50% 50%, rgb(32, 75, 135) 0%, rgb(17, 44, 87) 100%);
}
.will-pass.--blue-bg .will-pass__title * {
color: #ffffff;
}
.will-pass.--blue-bg .will-pass__title * b, .will-pass.--blue-bg .will-pass__title * strong {
color: #adccff;
}
.will-pass.--blue-bg .will-pass__desc {
color: #ffffff;
}