@import url('https://fonts.cdnfonts.com/css/helvetica-255');
 * {
	 font-family: 'Helvetica', sans-serif;
}
 :root {
	 --container-padding: 15px;
}
 .container {
	 padding: 0 var(--container-padding);
	 margin: 0 auto;
}
 .container-right {
	 padding-left: calc( (100% - var(--container-width)) / 2 + var(--container-padding) );
}
 .container-left {
	 padding-right: calc( (100% - var(--container-width)) / 2 + var(--container-padding) );
}
 body {
	 background-color: #f5f6fa;
}
 .header {
	 font-weight: 400;
	 background-color: #fff;
	 position: fixed;
	 top: 0;
	 width: 100%;
	 z-index: 9999;
}
 .header .container {
	 max-width: 1400px;
}
 .header__row {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 15px;
}
 .header__nav {
	 display: flex;
	 align-items: center;
	 gap: 2rem;
	 font-size: 14px;
	 line-height: 20px;
}
 .header__nav li {
	 cursor: pointer;
}
 .header__nav li:hover {
	 border-bottom: 1px solid #000;
}
 .header__image {
	 user-select: none;
}
 .promo {
	 margin-top: 250px;
}
 .promo .container {
	 max-width: 800px;
	 background: linear-gradient(180deg, #eef2fc 0%, #e9f6ec 100%);
	 border-radius: 30px;
	 padding: 30px;
	 position: relative;
	 position: relative;
}
 .promo__column {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: start;
}
 .promo__image {
	 position: absolute;
	 margin-top: -150px;
}
 .promo__title {
	 text-align: center;
	 font-weight: 700;
	 font-size: 25px;
	 text-align: center;
	 color: #000;
	 margin-bottom: 15px;
}
 .promo__text {
	 text-align: center;
	 font-weight: 400;
	 font-size: 18px;
	 text-align: center;
	 color: #000;
	 margin-bottom: 15px;
}
 .promo__buttons {
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 gap: 15px;
	 font-weight: 400;
	 font-size: 24px;
	 text-align: center;
	 color: #000;
}
 .promo__buttons button {
	 width: 570px;
	 border: 1px solid #000;
	 border-radius: 21px;
	 height: 57px;
	 transition: background 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	 transition: color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	 background:#000000;
	 color: white;
	 font-family: 'Helvetica';
	 font-size: 17px;
	 cursor:pointer 
}
 .promo__buttons button:hover {
	 background-color: #000000e3;
	 color: #fff;
}
 .promo__buttons a {
	 width: 570px;
	 border: 1px solid #000;
	 border-radius: 15px;
	 height: 57px;
	 transition: background 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	 transition: color 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
 .promo__buttons a:hover {
	 background-color: #000;
	 color: #fff;
}
 .about {
	 margin-top: 50px;
}
 .about .container {
	 max-width: 800px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
}
 .about__column {
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 text-align: left;
	 background: linear-gradient(90deg, #d1c9e9 0%, #efe9ff 100%);
	 border-radius: 30px;
	 padding: 30px;
}
 .about__stripe {
	 position: absolute;
	 top: -20px;
}
 .about__title {
	 font-family: var(--font-family);
	 font-weight: 700;
	 font-size: 36px;
	 text-align: center;
	 color: #000;
	 margin-bottom: 30px;
}
 .about__content {
	 border: 1px solid #000;
	 border-radius: 30px;
	 background-color: #fff;
	 padding: 30px;
}
 .about__text {
	 font-weight: 400;
	 font-size: 19px;
	 color: #000;
}
 .about__text2 {
	 max-height: 0;
	 overflow: hidden;
	 transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0s;
}
 .about__btn {
	 cursor: pointer;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 width: 100%;
	 height: 50px;
	 background:black;
	 color:white;
	 border-radius:21px 
}
 .about__btn svg {
	 max-width: 26px;
	 transition: all 0.2s ease-in;
}
 .questions {
	 margin-top: 50px;
}
 .questions .container {
	 max-width: 800px;
}
 .questions .acc_active svg {
	 transform: rotate(180deg);
}
 .questions__column {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 position: relative;
}
 .questions__stripe {
	 top: 240px;
	 position: absolute;
	 z-index: 8888;
}
 .questions__title {
	 font-weight: 700;
	 font-size: 36px;
	 text-align: center;
	 color: #000;
	 margin: 20px 0 90px 0;
}
 .questions__list {
	 width: 100%;
	 font-weight: 400;
	 font-size: 18px;
	 color: #000;
	 position: relative;
}
 .questions__list .acc-head {
	 height: 50px;
	 cursor: pointer;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 border-radius: 20px;
	 background: #fdebb0;
	 padding: 20px;
	 margin-bottom: 10px;
}
 .questions__list .acc-head svg {
	 max-width: 24px;
}
 .questions__list .acc-panel {
	 overflow: hidden;
	 padding: 20px;
	 border: 1px solid #000;
	 border-radius: 20px;
	 margin-bottom: 10px;
	 transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0s;
}
 .questions__list .acc-panel span {
	 display: flex;
	 align-items: center;
}
 .questions__list .acc-panel span::before {
	 content: '';
	 width: 5px;
	 height: 5px;
	 border-radius: 100px;
	 background-color: #000;
	 margin: 0 15px;
}
 .sweden {
	 margin-top: 50px;
}
 .sweden .container {
	 max-width: 800px;
}
 .sweden__top {
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
}
 .sweden__title {
	 font-weight: 700;
	 font-size: 36px;
	 text-align: center;
	 color: #000;
	 margin: 20px 0 70px 0;
}
 .sweden__row {
	 position: relative;
	 background: linear-gradient(90deg, #d1c9e9 0%, #efe9ff 100%);
	 border-radius: 30px;
	 width: 100%;
	 height: 220px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .sweden__white {
	 width: 92%;
	 position: absolute;
	 display: flex;
	 align-items: center;
	 justify-content: space-around;
	 border: 1px solid #000;
	 border-radius: 30px;
	 background-color: #fff;
	 padding: 30px;
	 margin: 0 auto;
}
 .footer {
	 margin-top: 100px;
	 background-color: #000;
}
 .footer .container {
	 padding: 10px;
}
 .footer__row {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 gap: 15px;
}
 .footer__row p {
	 font-family: var(--font-family);
	 font-weight: 400;
	 font-size: 18px;
	 color: #aaa;
}
 @media (max-width: 1000px) {
	 .header__nav, .header__image {
		 display: none;
	}
}
 @media (max-width: 768px) {
	 .promo__buttons button {
		 width: 100%;
		 padding: 15px;
		 height: unset;
	}
	 .promo__buttons a {
		 width: 100%;
		 padding: 15px;
		 height: unset;
	}
	 .questions__stripe {
		 display: none;
	}
	 .questions__title {
		 margin: 20px 0 40px 0;
	}
	 .header__row {
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 padding: 15px;
	}
}