@font-face {
    font-family: "Mairyo";
    src:
    local("Mairyo"),
      url("../fonts/meiryo.ttf") format("ttf"),
      url("../fonts/meiryo.woff") format("woff");
    font-weight: 400;
      
  }
  @font-face {
    font-family: "Mairyo";
    src:
    local("Mairyo"),
      url("../fonts/meiryob.ttf") format("ttf"),
      url("../fonts/meiryob.woff") format("woff");
    font-weight: 700;
      
  }
  @font-face {
    font-family: "Lato";
    src:
    local("Lato"),
      url("../fonts/Lato-Regular.ttf") format("ttf"),
      url("../fonts/Lato-Regular.woff") format("woff"),
		url("../fonts/Lato-Regular.woff2") format("woff2");
	font-style: normal;
    font-weight: 400;
      
  }
  @font-face {
    font-family: "Lato";
    src:
    local("Lato"),
      url("../fonts/Lato-Italic.ttf") format("ttf"),
      url("../fonts/Lato-Italic.woff") format("woff"),
		url("../fonts/Lato-Italic.woff2") format("woff2");
	font-style: italic;
    font-weight: 400;
      
  }

 @font-face {
    font-family: "Lato";
    src:
    local("Lato"),
      url("../fonts/Lato-Bold.ttf") format("ttf"),
      url("../fonts/Lato-Bold.woff") format("woff"),
		url("../fonts/Lato-Bold.woff2") format("woff2");
	font-style: normal;
    font-weight: 700;
      
  }
  @font-face {
    font-family: "Lato";
    src:
    local("Lato"),
      url("../fonts/Lato-BoldItalic.ttf") format("ttf"),
      url("../fonts/Lato-BoldItalic.woff") format("woff"),
		url("../fonts/Lato-BoldItalic.woff2") format("woff2");
	font-style: italic;
    font-weight: 700;
      
  }

 @font-face {
    font-family: "Lato";
    src:
    local("Lato"),
      url("../fonts/Lato-Black.ttf") format("ttf"),
      url("../fonts/Lato-Black.woff") format("woff"),
		url("../fonts/Lato-Black.woff2") format("woff2");
	font-style: normal;
    font-weight: 900;
      
  }
  @font-face {
    font-family: "Lato";
    src:
    local("Lato"),
      url("../fonts/Lato-Blacktalic.ttf") format("ttf"),
      url("../fonts/Lato-BlackItalic.woff") format("woff"),
		url("../fonts/Lato-BlackItalic.woff2") format("woff2");
	font-style: italic;
    font-weight: 900;
      
  }

* {
    box-sizing: border-box;
}
html, body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
body {
    font-family: "Lato", sans-serif;
    font-size: clamp(0.88rem, calc(0.72rem + 0.65vw), 1.5rem);
}

ul, li {
    list-style: none;
}
a {
    text-decoration: none;
    color: inherit;
    outline: none;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
}
h3{
    font-size: clamp(0.88rem, calc(0.36rem + 2.56vw), 2.19rem);
    line-height: clamp(1rem, calc(0.41rem + 2.93vw), 2.5rem);
    font-weight: 700;
    text-transform: uppercase;

}

.page-header{
    margin-top: 48px;
}
.site {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 100vh;
}
.site-main {
    margin-bottom: auto;
}
.container{
    max-width: 1440px;
	width: 100%;
    padding: 0 16px;
    margin: 0 auto;
}
.container-full{
    max-width: 1428px;
    padding: 0 10px;
    margin: 0 auto; 
}
.container-fluid {
    width: 100%;
    padding: 38px 48px 33px;
}


.logo{
    width: 236px;
   /* height: 60px; */
}
.logo img{
    display: block;
    width: 100%;
    height: auto;
}
.line-top{
    position: relative;
    height: clamp(0.13rem, calc(0.11rem + 0.07vw), 0.19rem);
    width: 100%;
    background-color: #000; 
    border-radius: 2px;
}
.line-top::before{
    box-sizing: border-box;
    position: absolute;
    content: '';
    width: clamp(0.5rem, calc(0.37rem + 0.52vw), 1rem);
    height: clamp(0.5rem, calc(0.37rem + 0.52vw), 1rem);
    border: clamp(0.13rem, calc(0.11rem + 0.07vw), 0.19rem) solid #000;
    border-radius: 50%;
    background-color: #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.line-bottom{
    position: relative;
    height: clamp(0.13rem, calc(0.11rem + 0.07vw), 0.19rem);
    width: 100%;
    background-color: #000;
    border-radius: 2px;
}
.line-bottom::before{
    position: absolute;
    content: '';
    width: clamp(0.5rem, calc(0.37rem + 0.52vw), 1rem);
    height: clamp(0.5rem, calc(0.37rem + 0.52vw), 1rem);
    border-radius: 50%;
    background-color: #000;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.slider-btn{
    cursor: pointer;
}
.slider-btn.swiper-button-disabled{
    opacity: 0.5;
    cursor: default;
}

 .letter-btn{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    width: 336px;
    height: 70px;
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 90px;
    padding-right: 34px;
    /* padding-left: 64px;
    padding-right: 14px; */
    font-size:  clamp(0.88rem, calc(0.84rem + 0.13vw), 1rem);
    font-weight: 700;
    color: #242424;
    text-transform: uppercase;
    transition: all 0.3s;
 }
 
 .letter-btn:hover{
    color: #7C7B7B;
 }
.title{
    font-size: clamp(0.91rem, calc(0.58rem + 1.34vw), 2.19rem);
    font-weight: 700;
    margin-top: clamp(1.06rem, calc(0.57rem + 2.44vw), 2.31rem);
    margin-bottom: clamp(0.75rem, calc(0.43rem + 1.59vw), 1.56rem);
    margin-left: clamp(0rem, calc(-0.9rem + 4.51vw), 2.31rem);
}
.title span{
    text-transform: uppercase;
}
.title.min-title{
    position: relative;
    margin: 0;
    padding: clamp(0.88rem, calc(-0.59rem + 4.17vw), 2.38rem) 0;
}

.entry-header .title{
    margin: 32px 0;
}
.min-title span{
    margin-left: clamp(0rem, calc(-0.9rem + 4.51vw), 2.31rem);

}
.min-title::after{
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #000;
}
.min-title::before{
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: #000;
}
.bg-title{
    position: relative;
    padding: clamp(0.94rem, calc(0.25rem + 3.41vw), 2.69rem) clamp(1rem, calc(0.22rem + 3.9vw), 3rem);
    margin-top: clamp(1.19rem, calc(0.72rem + 2.32vw), 2.38rem);
    min-height: clamp(10rem, calc(6.49rem + 17.56vw), 19rem);
    display: flex;
    align-items: end;
}

.bg-title img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    object-fit: cover;
}

.card{
    position: relative;
    display: block;
    width: 100%;
    padding-top: clamp(1.56rem, calc(1.2rem + 1.83vw), 2.5rem);
    margin-bottom: clamp(1.06rem, calc(0.7rem + 1.83vw), 2rem);
}
.card::after{
    position: absolute;
    content: '';
    height: clamp(1.56rem, calc(1.2rem + 1.83vw), 2.5rem);
    width: clamp(5.19rem, calc(3.55rem + 8.17vw), 9.38rem);
    background-color: #fff;
    top: 0;
    right: 0;
}
.card::before{
    position: absolute;
    content: '';
    width: 0;
	height: 0;
	border-bottom: clamp(1.56rem, calc(1.2rem + 1.83vw), 2.5rem) solid #fff; 
	border-left: clamp(1.06rem, calc(0.75rem + 1.59vw), 1.88rem) solid transparent;
    top: 0;
    right: clamp(5.19rem, calc(3.55rem + 8.17vw), 9.38rem);
}
.card__inner{
    padding: clamp(1rem, calc(0.49rem + 2.56vw), 2.31rem) clamp(0.88rem, calc(0.31rem + 2.8vw), 2.31rem) clamp(1rem, calc(0.85rem + 0.73vw), 1.38rem);
    background-color: #fff;
    height: 100%;
}
.white__item{
    position: relative;
    padding: clamp(1rem, calc(0.54rem + 1.87vw), 1.88rem);
    padding-left: clamp(3.25rem, calc(1.56rem + 6.93vw), 6.5rem);
    background-color: #fff;
}
.white__item p{
    margin: 0;
}
.warning{
    padding: clamp(0.88rem, calc(0.36rem + 2.56vw), 2.19rem);
    background-color: #F1F1F1;
    font-size: clamp(0.75rem, calc(0.55rem + 0.98vw), 1.25rem);
    font-style: italic;
}
.warning p{
    position: relative;
    margin: 0;
    padding-left: clamp(2rem, calc(0.95rem + 5.24vw), 4.69rem);
}
.warning p::before{
    content: '';
    position: absolute;
    width:  clamp(1.25rem, calc(0.64rem + 3.05vw), 2.81rem);
    height:  clamp(1.25rem, calc(0.64rem + 3.05vw), 2.81rem);
    background-image: url(../img/icons/warning.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tabs__items--titles{
    display: flex;
}
.tabs__items--title{
    position: relative;
    width: 50%;
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 19px;
    background-color: #fff;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #7C7B7B;
    cursor: pointer;
}
.tabs__items--title.active{
    border-bottom: 3px solid #fff;
}
.tabs-child__title{
    border-left: 3px solid #fff;
}
.tabs-child__title.active{
    border-left: 3px solid #7C7B7B;
    border-top: 3px solid #7C7B7B;
}
.tabs-child__title.active::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 71px solid #7C7B7B;
    border-left: 58px solid transparent;
    right: 0;
    top: 0;
    z-index: 2;
}
.tabs-child__title.active::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 72px solid #fff;
    border-left: 58px solid transparent;
    right: -1px;
    top: -4px;
    z-index: 3;
}


.tabs-parent__title{
    border-right: 3px solid #fff;
}
.tabs-parent__title.active{
    border-right: 3px solid #7C7B7B;
    border-top: 3px solid #7C7B7B;
}
.tabs-parent__title.active::after{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 71px solid #7C7B7B;
    border-right: 58px solid transparent;
    left: 0;
    top: 0;
    z-index: 2;
}
.tabs-parent__title.active::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 72px solid #fff;
    border-right: 59px solid transparent;
    left: -1px;
    top: -4px;
    z-index: 3;
}


.tabs__content{
    visibility: hidden;
    width: 100%;
    display: none;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: clamp(1rem, calc(0.59rem + 2.07vw), 2.06rem);
    padding: clamp(0.94rem, calc(0.4rem + 2.68vw), 2.31rem) clamp(0.88rem, calc(0.44rem + 2.2vw), 2rem);
    border: 3px solid #7C7B7B;
    border-top: transparent;
    margin-bottom: clamp(1.38rem, calc(1.13rem + 1.22vw), 2rem);
}
.tabs__content.active{
    visibility: visible;
    display: flex;
}
.tabs__content--item{
    padding: clamp(1.19rem, calc(0.87rem + 1.59vw), 2rem) clamp(1.06rem, calc(0.82rem + 1.22vw), 1.69rem);
    background-color: #E6E6E6;
}
.tabs-child__content--item{
    width: 31%;
}
.tabs-parent__content--item{
    width: 48%;
}
@media (max-width:756px){
    .tabs__items--title{
        font-size: 18px;
    }
    .tabs-child__title.active::after {
        border-top: 64px solid #7C7B7B;
        border-left: 52px solid transparent;
    }
    .tabs-child__title.active::before {
        border-top: 64px solid #fff;
        border-left: 52px solid transparent;
    }
    .tabs-parent__title.active::after {
        border-top: 64px solid #7C7B7B;
        border-right: 54px solid transparent;
    }  
    .tabs-parent__title.active::before {
        border-top: 65px solid #fff;
        border-right: 54px solid transparent;
    }  
}
@media (max-width:556px){
    .warning p::before{
        top: 0;
        transform: translateY(0);
    }
    .container-fluid {
        width: 100%;
        padding: 0;
    }
    .container-full{
        width: 100%;
        padding: 0;
    }
    .tabs__items--title{
        font-size: 14px;
        padding: 11px;
    }
    .tabs-child__title{
        text-align: left;
    }
    .tabs-parent__title{
        text-align: right;
    }
    .tabs-child__title.active::before {
        border-top: 42px solid #fff;
        border-left: 37px solid transparent;
    }
    .tabs-child__title.active::after {
        border-top: 41px solid #7C7B7B;
        border-left: 36px solid transparent;
    }
    .tabs-parent__title.active::after {
        border-top: 41px solid #7C7B7B;
        border-right: 35px solid transparent;
    }
    .tabs-parent__title.active::before {
        border-top: 42px solid #fff;
        border-right: 36px solid transparent;
    }
}
@media (max-width:374px){
.letter-btn {
    width: 300px;
}

}
@media (orientation: portrait){
    .container-fluid {
        width: 100%;
        padding: 0;
    }
    .container-full{
        width: 100%;
        padding: 0;
    }
    .tabs__content--item{
        width: 100%;
    }
}
/*  ========= Menu =========== */
.nav-menu {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    flex: 1 0 auto;
}
.nav-menu ul {
    display: flex;
}
.nav-menu ul li {
    position: relative;
}
.nav-menu ul li:not(:first-child){
    padding-left: 18px;
}
.nav-menu ul li:not(:first-child)::after{
    content: '';
    position: absolute;
    height: 15px;
    width: 2px;
    background-color: #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nav-menu ul li:not(:last-child){
    padding-right: 18px;
}
/*  ======== Header =========== */
.header{
    background-color: #242424;
    padding: 34px 0;
}
.header__wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.header__nav{
    display: flex;
    align-items: center;
    gap: clamp(1.25rem, calc(-5.73rem + 9.31vw), 5.44rem);
    margin-left: auto;
    flex-grow: 0;
}
.header__nav nav {
    flex-grow: 1;
    margin-left: auto;
}

.header__open, .header__close{
    display: none;
    cursor: pointer;
}



@media (max-width: 1240px) {
    .logo{
        width: 137px;
        height: auto;
    }
    .header {
        z-index: 2;
        padding: 16px 0;
    }

    .header__nav{
        position: absolute;
        top: 70px;
        background-color: #E6E6E6;
        width: 100%;
        left: -100%;
        padding: 64px 16px 37px;
        flex-direction: column;
        align-items: start;
        color: #000;
        transition: all 0.3s;
        z-index: 9999;
    }
    .header.open .header__nav{
        left: 0;
    }
    .header__open{
        display: block;
    }
    .header.open .header__nav{
        top: 70px;

    }
    .header nav{
        width: 100%;
    }
    .header nav ul, .leng-wrapper{
        flex-direction: column;
        margin-left: 50px;
    }

    .header__nav ul li::after{
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: #7C7B7B;
        top: auto;
        left: 0;
        bottom: 0;
        transform: translateY(0);
    }
    .header__nav ul li{
        display: block;
        width: 100%;
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    .header__nav ul li:not(:first-child){
        padding-left: 0;
    }
    .header__nav ul li:not(:last-child)::after{
        content: '';
        position: absolute;
        height: 1px;
        width: 100%;
        background-color: #7C7B7B;
        top: auto;
        left: 0;
        bottom: 0;
        transform: translateY(0);
    }
    .header__nav ul li:last-child::after{
        display: none;
    }
    .header__close{
        display: block;
        position: absolute;
        top: 14px;
        right: 16px;
    }
    
}
/*  ======== End Header =========== */

/* ========== Line Buttons =========== */

.line-buttons{
    background-color: #E6E6E6;
    padding: 29px 0;
}
.line-buttons__wrapper{
    display: flex;
    justify-content: space-between;
}
.line-buttons p {
    font-size: clamp(0.88rem, calc(0.73rem + 0.73vw), 1.25rem);
    line-height: clamp(1rem, calc(0.85rem + 0.73vw), 1.38rem);
    max-width: 454px;
    margin-right: 26px;
}
.line-buttons__inner{
    gap: 20px;
    font-size: clamp(0.88rem, calc(0.68rem + 0.8vw), 1.25rem);
	width: fit-content;
}
.individual-two + .line-buttons .line-buttons__inner a{
    flex: 1 0 auto;
 }
 .line-buttons__inner p {
    margin: 0;
 }
@media (max-width: 1020px) {
    .line-buttons{
        background-color: #fff;
    }
    .line-buttons__wrapper{
        padding: 29px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
    }
    .line-buttons .line-buttons__inner{
        flex-direction: column;
    }
    .line-buttons .line-buttons__inner p{
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width:760px){
    .line-buttons__wrapper{
        padding: 0;
    }
}
/* ========== End Line Buttons =========== */
/* ======= Hero =========== */
.hero{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    padding: 64px 0;   
}
.hero__wrapper{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.hero h1 {
    font-size: 35px;
    font-weight: bold;
}
.hero h1 span{
    display: block;
    text-transform: uppercase;
}
@media (max-width:860px) {
    .hero{
        padding: 16px 0;
    }
    .hero__wrapper{
        flex-direction: column;
        align-items: start;
    }
    .hero__wrapper h1{
        margin-bottom: 9px;
    }
}
@media (max-width:460px){
    .hero{
        background-image: none !important;
        background-color: #B2B3B3;
    }
    .hero__wrapper h1{
        font-size: 14.5px;
    }
    .hero__wrapper img{
        width: 80%;
    }
}
/* ======= End Hero =========== */

/* ======= Welcome ================ */
.welcome{
    padding-top: clamp(1.06rem, calc(0.82rem + 0.98vw), 2rem);
}

.welcome h1 span {
	text-transform: uppercase;
}
.welcome__title{
    font-size: clamp(0.91rem, calc(0.75rem + 0.62vw), 1.5rem);
    font-weight: 700;
    margin-bottom: clamp(0.56rem, calc(-0.01rem + 2.35vw), 2.81rem);
}
.welcome__subtitle{
    font-size: clamp(0.81rem, calc(0.7rem + 0.46vw), 1.25rem);
    font-weight: 700;
    font-style: italic;
    text-align: right;
    margin-bottom: clamp(0.56rem, calc(0.4rem + 0.65vw), 1.19rem);
}
.welcome__subtitle + .line-bottom {
    margin-bottom: 40px;
}
/* .welcome__slider{
    overflow: hidden;
    max-width: 1440px;
    padding: 0 16px;
    margin: 35px auto 15px;
} */
.welcome__slider{
    overflow: hidden;
}
.welcome__slider .swiper-wrapper{
    height: clamp(20rem, calc(16.43rem + 14.64vw), 34rem);
    width: 100%;
}
.welcome__slider .swiper-slide{
    position: relative;
    height: 100%;
    padding: clamp(1rem, calc(0.49rem + 2.09vw), 3rem);
    display: flex;
    align-items: center;
    background-color: #fff;
}
.welcome__slider .swiper-slide img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    z-index: -1;
    /* object-position: left; */
}
.welcome__slider .swiper-slide:nth-child(4) img{
    object-position: right;
}
.welcome__slider .swiper-slide p {
    position: relative;
    max-width: 40%;
    font-size: clamp(0.88rem, calc(0.72rem + 0.65vw), 1.5rem);
    line-height: clamp(1rem, calc(0.81rem + 0.78vw), 1.75rem);
    z-index: 1;
}
.welcome__slider .swiper-slide p::after{
position: absolute;
content: '';
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
background-color: #fff;
filter: blur(40px);
opacity: 0.5;
z-index: -1;
}
.welcome__slider--btns{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: clamp(2.88rem, calc(2.54rem + 1.37vw), 4.19rem);
    margin-top: 11px;
}
.welcome__slider .swiper-notification {
    display: none;
}
@media (orientation: portrait){
    .welcome__slider{
        max-width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
}
@media (max-width:440px) {
    .welcome__slider{
        max-width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
    .welcome__slider--btns{
        margin-right: 10px;
        margin-top: 16px;
    }
    .welcome__slider--btns .slider-btn{
        width: 32px;
        height: 32px;
    }
    .welcome__slider--btns .slider-btn svg{
        width: 100%;
        height: 100%;
    }
    .welcome + .line-buttons .line-buttons__wrapper{
        padding-top: 16px;
    }
}

/* ======= End Welcome ================ */
/* ========= individual ========== */
.individual{
    padding-top: clamp(0.63rem, calc(-0.39rem + 4.18vw), 4.63rem);
}
.individual__wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap:  clamp(2rem, calc(0.98rem + 4.18vw), 6rem);
    row-gap: clamp(1rem, calc(0.63rem + 1.5vw), 2.44rem);
}
.individual__item{
    background-color: #E6E6E6;
    padding:  clamp(1.19rem, calc(1.04rem + 0.59vw), 1.75rem);  
    padding-left:  clamp(0.88rem, calc(0.33rem + 2.22vw), 3rem);
    display: flex;
    align-items: center;
}
.individual__item p{
    position: relative;
    margin: 0;
    padding-left: clamp(3.5rem, calc(2.88rem + 2.55vw), 5.94rem);
}
.individual__item p::after{
    position: absolute;
    content: '';
    background-image: url(../img/icons/check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: clamp(2rem, calc(1.75rem + 1.05vw), 3rem);
    height: clamp(2rem, calc(1.75rem + 1.05vw), 3rem);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media (max-width:674px) {
    .individual__wrapper{
        grid-template-columns: repeat(1, 1fr);
    }
}
/* ========= End individual ========== */

/* ========= vpf =========== */
.vpf{
    padding-top: 42px;
    margin-top: 64px;
    background-color: #E6E6E6;
}
.vpf__title{
    margin-bottom: 36px;
}
.vpf__cards{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 38px;
    margin-top: clamp(0.25rem, calc(-0.53rem + 3.9vw), 2.25rem);
    
}

.vpf .line-buttons{
    background-color: inherit;
}
@media (max-width:970px) {
    .vpf__cards{
        flex-direction: column;
        gap: 0;
    }
}
/* ========= End vpf =========== */
/* ====== Services ========== */
.services{
    margin-top: clamp(2.31rem, calc(1.41rem + 4.51vw), 4.63rem);
}
.services__groop--title{
	margin-bottom: 16px;
}
.services__groop--wrapper{
    width: 100%;
    display: flex;
    flex-direction: column;
    /* gap: 30px; */
    flex-wrap: wrap;
    /* height: 680px; */
    height: 528px;
	margin-top: 18px;
}
.services__groop--item{
    /* padding: clamp(0.94rem, calc(0.39rem + 2.27vw), 2rem) 0; */
    border-top: 1px solid #7C7B7B;
    border-bottom: 1px solid #7C7B7B;
    width: calc(100% / 2 - 30px);
    margin-top: -1px;
	min-height: 86px
}

.services__groop--item p{
    position: relative;
    padding-left: 84px;
}
.services__groop--item img, .services__groop--item svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px;
}
.services__sertificat--title h3{
    max-width: 824px;
}
.services__sertificat--wrapper{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 32px;
}
.services__sertificat--item{
    position: relative;
    width: 100%;
    padding: 114px 33px 23px;
    background-color: #E6E6E6;
}
.services__sertificat--item::after{
    position: absolute;
    content: '';
    background-image: url(../img/icons/sertificat.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 51px;
    height: 68px;
    top: 23px;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width:768px) {
    .services__groop--wrapper, .services__sertificat--wrapper{
        display: block;
        height: auto;
    }
    .services__sertificat--item:not(:last-child){
        margin-bottom: 16px;
    }
    .services__groop--item{
        width: 100%;
    }
    .services__groop--item p{
        padding-left: 67px;
    }
    .services__groop--item svg{
        width: 51px;
        height: 51px;
    }
}
/* ====== End Services ========== */
/* ======== About=============== */
.about{
    background-color: #E6E6E6;
    padding: clamp(1.31rem, calc(0.03rem + 3.65vw), 2.63rem) 0 clamp(1rem, calc(-0.41rem + 3.99vw), 2.44rem);
    margin-top: clamp(2.06rem, calc(0.17rem + 5.38vw), 4rem);
}
.about__otherness{
    margin-top: clamp(1rem, calc(0.29rem + 2.93vw), 2.38rem);
}
.about__otherness--item::after{
    position: absolute;
    content: '';
    top: 0;
    left: clamp(1rem, calc(0.48rem + 2.13vw), 2rem);
    height: clamp(2rem, calc(1.35rem + 2.67vw), 3.25rem);
    width: clamp(1.25rem, calc(0.86rem + 1.6vw), 2rem);
    background-image: url(../img/icons/flag.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}
.about__favorit{
    margin-top: clamp(1rem, calc(0.29rem + 2.93vw), 2.38rem);
}
.about__favorit--item::after{
    position: absolute;
    content: '';
    top: clamp(1rem, calc(0.54rem + 1.87vw), 1.88rem);
    left: clamp(0.56rem, calc(-0.18rem + 3.07vw), 2rem);
    height: clamp(2rem, calc(1.38rem + 2.53vw), 3.19rem);
    width: clamp(2rem, calc(1.38rem + 2.53vw), 3.19rem);
    background-image: url(../img/icons/star.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.about__otherness--item b, .about__otherness--item strong{
    display: block;
}
.about__favorit--item b, .about__favorit--item strong{
    display: block;
    text-transform: uppercase;
}

.about__otherness + .warning{
    background-color: inherit;
    font-style: normal;
}
@media (max-width:768px){
    .about{
        margin-top: 0;
    }
    .about .g-2{
        display: block;
    }
    .about .white__item:not(:last-child){
        margin-bottom: 16px;
    }
}
/* ======== End About=============== */
/* ======= Founder ======== */
.founder{
    padding-top: clamp(1.31rem, calc(-0.41rem + 7.07vw), 4.63rem);
}
.founder__wrapper {
    display: flex;
    gap: 48px;
}
.founder__persone{
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width: 384px;
    margin-top: 38px;
    margin-bottom: 40px;
}
.founder__persone--img{
    width: clamp(18rem, calc(14.88rem + 12.8vw), 24rem);
    height: clamp(18rem, calc(14.88rem + 12.8vw), 24rem);
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: clamp(1rem, calc(0.48rem + 2.13vw), 2rem);
}
.founder__persone--img img{
    width: 100%;
    object-fit: cover;
}
.founder__persone--name{
    font-size: clamp(0.94rem, calc(0.65rem + 1.2vw), 1.5rem);
    font-weight: 700;
    text-align-last: left;
    margin-left: 48px;
    margin-bottom: clamp(0.44rem, calc(-0.5rem + 3.87vw), 2.25rem);
}
.founder__persone--desc{
    font-size: clamp(0.81rem, calc(0.46rem + 1.47vw), 1.5rem);
    font-style: italic;
    margin-left: 48px;
}
.founder__slider {
    margin-top: clamp(0.81rem, calc(-1.04rem + 7.6vw), 4.38rem);
    height: max-content;
    overflow: hidden;

}
.founder__slider .swiper-wrapper{
    margin-bottom: clamp(1rem, calc(-0.43rem + 5.87vw), 3.75rem);
}
.founder__slider--title{
    position: relative;
    font-size: clamp(0.88rem, calc(0.19rem + 2.8vw), 2.19rem);
    font-weight: 700;
    text-transform: uppercase;
    padding: clamp(1rem, calc(0.64rem + 1.47vw), 1.69rem) 0;
    color: #7C7B7B;
}
.founder__slider--title::after{
    position: absolute;
    content: '';
    width: 100%;
    height: clamp(0.06rem, calc(0.03rem + 0.13vw), 0.13rem);
    background-color: #7C7B7B;
    top: 0;
    left: 0;
}
.founder__slider--title::before{
    position: absolute;
    content: '';
    width: 100%;
    height: clamp(0.06rem, calc(0.03rem + 0.13vw), 0.13rem);
    background-color: #7C7B7B;
    bottom: 0;
    left: 0;
}
@media (max-width:768px){
    .founder__persone--desc{
        font-weight: 700;
    }
    .founder__persone--name, .founder__persone--desc{
        margin-left: 0;
    }
    .founder__wrapper{
        display: block;
        margin-bottom: 47px;
    }
    .founder__persone--img{
        margin-left: auto;
        margin-right: auto;
    }
}
/* ======= End Founder ======== */
/* ========= Reviews ========== */
.reviews__wrapper{
    background-color: #B2B3B3;
    margin-top: clamp(4.25rem, calc(3.47rem + 3.2vw), 5.75rem);
    margin-bottom: clamp(5.31rem, calc(3.1rem + 9.07vw), 9.56rem);
    padding-bottom: 0;
}
.reviews__top-btn{
    position: relative;
    top: -60px;
}
.reviews__bottom-btn {
    position: relative;
    bottom: -70px;
}
.reviews-slider{
    padding-top: 125px;
    margin-top: 28px;
}
.reviews-slider__info{
    position: relative;
    background-color: #E6E6E6;
    padding: 43px 94px 27px 48px;
    font-style: italic;
}
.reviews-slider__user{
    position: absolute;
    top: -125px;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: clamp(0.31rem, calc(0.09rem + 0.93vw), 0.75rem) solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.reviews-slider__user img{
    width: 100%;
    object-fit: cover;
}
.reviews-slider__info--name{
    font-weight: 700;
    display: block;
}
.reviews-slider__info--job, .reviews-slider__info--residence{
    display: block;
	width:30%;
	max-width: 420px;

}
.reviews-slider__info--citate{
    font-size: clamp(0.88rem, calc(0.68rem + 0.8vw), 1.25rem);
    font-weight: 700;
    margin-top: 40px;
}
.reviews-slider__content {
    background-color: #fff;
    padding: 36px 94px 19px 48px;
}
@media (max-width:940px){

    .reviews-slider__info{
        position: relative;
        background-color: #E6E6E6;
        padding: 91px 24px 27px 24px;
    } 
    .reviews-slider__content{
        padding: 24px;
    }
}
@media (max-width:768px){
    .reviews-slider__user{
        width: 180px;
        height: 180px;
        top: -90px;
    }
    .reviews-slider__info--citate{
        margin-top: 15px;
    }
    .reviews-slider{
        margin-top: -14px;
    }
}
@media (max-width:560px){
    .reviews-slider__user{
        width: 150px;
        height: 150px;
        top: -75px;
    }
    .reviews-slider__info{
        position: relative;
        background-color: #E6E6E6;
        padding: 91px 14px 27px 14px;
    } 
    .reviews-slider__content{
        padding: 14px;
    }

}
@media (max-width:440px){
    .reviews__top-btn {
        top: -50px;
    }
    .reviews__bottom-btn {
        position: relative;
        bottom: -50px;
    }
    .reviews-slider{
        margin-top: -60px;
    }
}
/* ========= End Reviews ========== */
/* ======== Contacts ========= */
.contacts{
    margin-top: clamp(3.63rem, calc(3.11rem + 2.13vw), 4.63rem);
}
.contacts__wrapper {
    display: flex;
    gap: 31px;
    padding: 38px 0 38px 48px;
}
.contacts__wrapper p{
    max-width: 469px;
}
.contacts__form, .wpcf7-form {
    padding: 32px 32px 20px ;
    background-color: #E6E6E6;
    width: 100%;
     /*min-width: 740px;*/
}
.contacts__form--inner{
    background-color: #fff;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.contacts__form--inner-left{
    width: 100%;
    max-width: 320px;
}
.contacts__form--inner img{
    height: 60px;
    object-fit: contain;
    margin-bottom: 79px;
}
.contacts__form--inner span {
    display: block;
}
.contacts__form--inner span > input[type="text"], .contacts__form--inner span > input[type="email"]{
    display: block; 
    max-width: 320px;
    height: 48px;
    width: 100%;
    /* margin-top: 21px; */
    padding: 14px;
    font-size: 20px;
    border: 1px solid #B2B3B3;
    outline: none;
}
.contacts__form--inner input::placeholder{
    font-size: 20px;
}
.contacts__form--inner .wpcf7-form-control-wrap{
    height: 100%;
}
.contacts__form--inner textarea {
    display: block;
    /* max-width: 422px; */
    width: 100%;
    height: 100%;
    padding: 16px;
    font-size: 20px;
    border: 1px solid #B2B3B3;
    outline: none;
    resize: none;
}
.contacts__form--bottom p{
    position: relative;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 21px;
    font-size: 16px;
}

.contacts__form--bottom a {
    text-decoration: underline;
}

.contacts__form  input[type="submit"], .wpcf7-form input[type="submit"]{
    background-color: #fff;
    border: 2px solid #7C7B7B;
    padding: 15px;
    max-width: 320px;
    width: 100%;
    height: clamp(2.5rem, calc(2.17rem + 1.33vw), 3.13rem);
    font-size: clamp(0.88rem, calc(0.68rem + 0.8vw), 1.25rem);
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contacts__form input[type="checkbox"], .wpcf7-form input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
}
.contacts__form .checkbox, .wpcf7-form .checkbox{
    position: relative;
    padding-left: 50px;
}
.contacts__form--bottom .wpcf7-form-control-wrap .wpcf7-list-item{
    position: relative;
    padding-left: 50px;
    margin-left: 0;
}
.contacts__form .checkbox::before,  .wpcf7-form .checkbox{
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 9px;
}
.contacts__form .checkbox::before,  .wpcf7-form .checkbox::before{
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    top: 9px;
    background-image: url(../img/icons/checkbox.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.contacts__form input[type="checkbox"]:checked::before,  .wpcf7-form .checkbox:checked::before{
    background-image: url(../img/icons/checked.svg);
}
.contacts__form--bottom span{
    position: relative;

}
.wpcf7-form .wpcf7-spinner {
    position: absolute;
    bottom: -20px;
    right: calc(320px / 2 - 48px);
}
.refusal{
    padding: clamp(1rem, calc(0.68rem + 1.33vw), 1.63rem) 0;
    border-top: clamp(0.06rem, calc(0.03rem + 0.13vw), 0.13rem) solid #7C7B7B;
    border-bottom: clamp(0.06rem, calc(0.03rem + 0.13vw), 0.13rem) solid #7C7B7B;
    margin-bottom: clamp(1.44rem, calc(0.72rem + 2.93vw), 2.81rem);
}
.refusal__title{
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: clamp(0.31rem, calc(-0.3rem + 2.53vw), 1.5rem);
}
.refusal__text{
    font-size: clamp(1rem, calc(0.87rem + 0.53vw), 1.25rem);
    font-style: italic;
    line-height: clamp(1rem, calc(0.81rem + 0.8vw), 1.38rem);
}
@media (max-width:1024px){
    .contacts__wrapper{
        flex-direction: column;
        padding-left: 0;
    }
    .contacts__wrapper p {
        max-width: 100%;
    }
    .contacts__form {
        min-width: 100%;
    }
}
@media (max-width:670px){
    .wpcf7-form {
        padding: 16px;
        width: calc(100% + 32px);
        transform: translateX(-16px);
    }
    .contacts__form--bottom{
        flex-direction: column-reverse;
    }
    .contacts__form--inner {
        flex-direction: column;
		gap: 0;
    }
    .contacts__form--inner-left, .contacts__form--inner input[type="text"], .wpcf7-form-control{
        max-width: 100%;
		width: 100%;
    }
	.contacts__form--inner span > input[type="text"], .contacts__form--inner span > input[type="email"]{
		 max-width: 100%;
		width: 100%;
	}
    .wpcf7-form input[type="submit"]{
        margin: 0 auto;
    }
    .contacts__form--inner img{
        margin-bottom: 20px;
    }
	.contacts__form--inner p {
		margin-bottom: 0;
	}
	.contacts__form--bottom p {
		flex-direction: column-reverse;
		gap: 0;
	}
	.contacts__form input[type="submit"], .wpcf7-form input[type="submit"] {
		height: 40px;
		padding: 0;
	}
}
/* ======== End Contacts ========= */
/* ======= Footer ========== */
.footer{
    background-color: #242424;
    padding: 34px 0;
}
.footer__wrapper{
    display: flex;
    align-items: center;
    gap: clamp(1.25rem, calc(-3.75rem + 6.67vw), 4.25rem);
}
.footer__upstair svg{
    width: 48px;
    height: 48px;
}
@media (max-width:1380px) {
    .footer__logo {
        width: 137px;
        height: 35px;
    }
}
@media (max-width:1183px){
    .footer__wrapper {
        justify-content: space-between;
    }
    .footer__wrapper .nav-menu ul {
        flex-direction: column;
        padding-left: 0;
    }
    .footer__wrapper .nav-menu ul li:not(:first-child){
        padding-left: 0px;
    }
    .footer__wrapper .nav-menu ul li::after{
        display: none;
    }
    .footer__wrapper .nav-menu ul li{
        padding-bottom: 11px;
        padding-top: 11px;
    }
    .footer__wrapper .nav-menu ul li:not(:last-child)::after{
        display: block;
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background-color: #fff;
        bottom: 0;
        left: 0;
        top: auto;
        transform: translateY(0);
    }
}
@media (max-width:670px){
    .footer__wrapper{
        flex-direction: column;
    }
    .footer__wrapper .nav-menu ul{
        position: relative;
    }
    .footer__wrapper .nav-menu ul::after{
        position: absolute;
        content: '';
        height: 1px;
        width: 100%;
        background-color: #fff;
        top: 0;
        left: 0;
    }
    .footer__wrapper .nav-menu ul::before{
        position: absolute;
        content: '';
        height: 1px;
        width: 100%;
        background-color: #fff;
        bottom: 0;
        left: 0;
    }
    .footer__upstair svg{
        width: 32px;
        height: 32px;
    }
}

/* ======= End Footer ========== */
.f-start{
    display: flex;
    justify-content: start;
    align-items: center;
}
.f-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.g-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: clamp(0.88rem, calc(-1.79rem + 10.93vw), 6rem);
    row-gap: clamp(0.88rem, calc(0.36rem + 2.13vw), 1.88rem);
}

@media (max-width: 374px) {
    .header nav ul, .leng-wrapper {
        margin-left: 20px;
    }
    .header__wrapper .letter-btn {
        width: 280px;
    }
    .welcome__slider .swiper-slide p{
        max-width: 60%;
    }
}
.modal{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #B2B3B3;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	padding: 16px;
	overflow: hidden;
    overflow-y: auto;
}
.modal.open{
	display: flex;
}
.modal .wpcf7-form{
	max-width: 864px;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 64px 32px;
}
.modal .wpcf7-form .contacts__form--inner{
	display: block;
}
.modal .wpcf7-form .contacts__form--inner-left{
	max-width: 100%;
}
.modal .contacts__form--inner span > input[type="text"], .modal .contacts__form--inner span > input[type="email"]{
	max-width: 100%;
}
.modal .contacts__form--inner img{
	max-width: 237px;
	margin-bottom: 33px;
	height: auto;
}
.modal .modal__wrapper{
	position: relative;
} 
.modal .modal__wrapper .close-btn{
	position: absolute;
	top: 16px;
	right: 32px;
	cursor: pointer;
	z-index:99999;
}

@media(max-width: 440px){
	.modal .contacts__form--inner img{
	max-width: 138px;
}
	.contacts__form--inner-left p {
		margin-top: 0;
	}
	.modal .contacts__form--bottom p{
		font-size: 10px;
		line-height: 110%;
	}
	.modal .contacts__form .checkbox::before, .modal .wpcf7-form .checkbox::before{
		width: 25px;
		height: 25px;
		top: -9px;
	}
}
.hystmodal__opened {
	overflow: hidden;
}
.leng-wrapper {
	padding: 0;
}
@media (max-width: 1240px) {
	.leng-wrapper {
		padding: 0 0 0 40px;
	}
}
.single-page__wrapper{
    display: flex;
    justify-content: space-between;
    gap: clamp(1rem, calc(-0.18rem + 5.88vw), 5rem);
    margin-top: 38px;
}
.single-page__content {
    width: calc(100% - ((100% - clamp(1rem, calc(-0.18rem + 5.88vw), 5rem) * 2) / 3) - clamp(1rem, calc(-0.18rem + 5.88vw), 5rem));
	height: max-content;
    margin-bottom: 60px;
}
.single-page__sidebar{
    width: calc((100% - clamp(1rem, calc(-0.18rem + 5.88vw), 5rem) * 2) / 3);
    height: max-content;
    position: sticky;
    top: 16px;
}
.single-page__btn{
    background-color: #7C7B7B;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 20px 56px;
    margin-top: 32px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s;
}
.single-page__btn:hover, .single-page__btn:active{
    background-color: #494848;
}
.post-item {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: clamp(1rem, calc(-0.18rem + 5.88vw), 5rem);
    max-height: 416px;
    margin-bottom: 74px;
}
/* .post-item:last-child{
    margin-bottom: 64px;
} */
.post-item__info{
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
}
.post-item__img{
    width: 100%;
    height: 416px;
    overflow: hidden;
}
.post-item__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post-item__tags{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.post-item__tags a{
    opacity: 1;
    transition: all 0.3s;
}
.post-item__tags a:not(:last-child){
    position: relative;
    padding-right: 12px;
}
.post-item__tags a:not(:last-child)::after{
    content: '';
    position: absolute;
    right: 6px;
    bottom: 2px;
    height: 12px;
    width: 2px;
    background-color: #000;
}
.post-item__tags a:hover{
    opacity: 0.6;
}
.post-item__date{
    font-size: 14px;
    font-weight: 700;
    color: #7C7B7B;
    margin-bottom: 24px;
}
.post-item__title{
    font-size: clamp(1.13rem, calc(1.01rem + 0.55vw), 1.5rem);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 26px;
}
.post-item__excerpt{
    font-size: clamp(0.88rem, calc(0.72rem + 0.65vw), 1.5rem);
    line-height: 120%;
    margin-bottom: 16px;
}
.post-item__link{
    position: relative;
    color: #696969;
    font-size: 14px;
    font-weight: 700;
    line-height: 100%;
    padding-right: 90px;
    margin-top: 26px;
    text-transform: uppercase;
    transition: all 0.3s;
}
.post-item__link:hover{
    padding-right: 120px;
}
.post-item__link::after{
    position: absolute;
    content: '';
    width: 80px;
    height: 12px;
    background-image: url(../img/icons/read-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* WIDGETS */


.sidebar__item-title{
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    padding-left: 8px;
}
.sidebar__item-title::after{
    position: absolute;
    content: '';
    width: 3px;
    height: 25px;
    background-color: #000;
    left: 0;
    top: 0;
}
.widget .sidebar__terms{
    position: relative;
    width: 100%;
    padding-top: 16px;
    padding-left: 0;
}
.widget .sidebar__terms::after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background-color: #D9D9D9;
}
.widget .sidebar__terms li{
    position: relative;
    padding-bottom: 16px;
    width: 100%;
    font-weight: 700;
}
.widget .sidebar__terms li:not(:first-child){
    padding-top: 16px;
}
.widget .sidebar__terms li::after{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #D9D9D9;
}
.widget .sidebar__terms li a{
    opacity: 1;
    transition: all 0.3s;
}
.widget .sidebar__terms li a:hover{
    opacity: 0.6;
}
.widget{
    margin-bottom: 64px;
}
.widget p {
    margin: 0;
}
.widget .sidebar__item-subtitle {
    line-height: 110%;
    margin-top: 5px;
}
.widget .sidebar__item-img{
    margin-top: 26px;  
}
.widget .sidebar__item-img img{
    width: 70%;
    object-fit: cover;
}
.widget .sidebar__item-btn{
    background-color: #7C7B7B;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-left: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 32px;
    transition: all 0.3s;
}
.widget .sidebar__item-btn:hover, .widget .sidebar__item-btn:focus{
    background-color: #494848;
}

.widget .sidebar__item-btn p {
    width: 100%;
    text-align: center;
    padding: 0 8px;
}
.widget .sidebar__item-btn img{
    height: 40px;
    width: 56px;
}
.widget .widget__social .sidebar__item-img img{
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    object-fit: cover;
}
.widget .search-form{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    height: 70px;
}
.widget .search-form input[type=submit]{
    width: 45%;
    height: 100%;
    border: none;
    background-color: #7C7B7B;
    font-size: clamp(0.88rem, calc(0.72rem + 0.65vw), 1.5rem);
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    transition: all 0.3s;
}
.widget .search-form input[type=submit]:hover, .widget .search-form input[type=submit]:focus{
    background-color: #494848;
}
.widget .search-form label{
    width: 55%;
    height: 100%;
}
.widget .search-form label>input{
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 2px solid #7C7B7B;
    font-size: 22px;
    outline: none;
    transition: all 0.3s;
}
.widget .search-form label>input:focus, .widget .search-form label>input:active {
    border: 2px solid #494848;
    border-right: 2px solid #7C7B7B;
}
.widget .search-form label>input::placeholder{
    display: none;
}
.wp-block-list{
    padding-inline-start: 10px;
}
.wp-block-list li{
    list-style: inside;
}
.post-slider {
    overflow: hidden;
    margin-top: auto;
    position: relative;
    z-index: 0;
}
.post-slider__header {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 32px;
}
.post-slider__header .post-slider__title{
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.post-slider .swiper-slide{
    height: 100%;
}
.post-slider .swiper-notification{
    display: none;
}
.post-slider__slider--btns{
    display: flex;
    justify-content: end;
    align-items: center;
    gap: clamp(2.88rem, calc(2.54rem + 1.37vw), 4.19rem);
    margin-top: 11px;
}
.switch-button{
    position: fixed;
    top: 180px;
    right: 0;
    align-items: center;
    justify-content: space-between;
    background-color: #7C7B7B;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px;
    height: clamp(3rem, calc(2.6rem + 2.02vw), 4.38rem);
    width: clamp(4.25rem, calc(3.85rem + 2.02vw), 5.63rem);
    display: none;
    z-index: 1;
}
.switch-button.open{
    width: clamp(12.5rem, calc(11.4rem + 5.51vw), 16.25rem);
}
.switch-button img{
    width: 32px;
    height: 32px;
    object-position: left;
    cursor: pointer;
}
.switch-button p {
    width: 0;
    opacity: 0;
    transition: all 0.3s;
    cursor: pointer;
}
.switch-button.open p{
    width: 100%;
    text-align: center;
    opacity: 1;
}
@media (max-width: 1024px) {
    .switch-button {
        display: flex;
        transition: all 0.3s;
    }

    .single-page__sidebar {
        display: none;
        width: 50%;
        max-width: 380px;
        margin-right: auto;
    }
    .single-page__sidebar.open{
        display: block;
    }
    .single-page__content{
        width: 100%;
        height: 100%;
        display: none;
    }
    .single-page__content.open{
        display: block;
    }
}
@media (max-width: 768px){
    .single-page__sidebar {
        max-width: 288px;
        width: 100%;
        display: none;
        margin-left: auto;
    }
    .post-slider__header {
        display: block;
    }
    .post-slider__slider--btns {
        margin-top: 28px;
    }
}
@media (max-width: 550px){
    .post-item {
        flex-direction: column;
        max-height: 100%;
    }
    .post-item__img{
        height: 100%;
        width: 100%;
        display: block;
    }
    .post-item__img img{
        display: block;
    }
	    .widget .sidebar__item-btn {
        padding: 10px 8px;
    }
}
    .widget .search-form {
        display: flex
;
        justify-content: space-between;
        align-items: stretch;
        height: 48px;
    }
    .widget .sidebar__item-btn img {
        height: 28px;
    }
}
@media (max-width:440px) {
    .post-slider__slider--btns{
        gap: 44px;
    }
    .slider-btn svg{
        width: 32px;
        height: 32px;
    }
}

.page-template-casual-page-php .header__nav {
	gap: clamp(1.25rem, calc(-5.73rem + 9.31vw), 2.66rem);
}

.casual-page {
	padding: 35px 0;
	font-size: 14px;
}

.casual-page h3 {
	font-size: 18px;
}