@import './setting.css';
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* font-family: "Work Sans", sans-serif; */
.none {
   display: none;
}
body {
   font-family:"Work Sans", sans-serif;
}
.container-right {
   /* padding-left: calc((100% - 1750px)/ 2 + 15px); */
   padding-left: 116px;
}
.container {
   margin: 0 auto;
   max-width: 1750px;
   padding: 0 15px;
   margin: 0 100px;
}
.nav__btn {
   display: none;
}
.header__content-mobile {
   display: none;
}
.header__logo-text {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 6%;
   text-align: center;
   width: 237px;
   color: rgba(31, 31, 31, 1);
   text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);
}
.btn {
   border: 1px solid rgba(17, 68, 85, 1);
   padding: 10px 24px;
   display: flex;
   gap: 16px;
   font-size: 20px;
   line-height: 36px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 600;
   cursor: pointer;
   align-items: center;
}
/* header */
.header {
   min-height:100vh;
   background-color: #e1edf2;
   background-image: url(../img/header/header.jpg);
   background-size: cover;
   color: rgba(17, 68, 85, 1);
}
.header__nav {
   padding: 44px 0;
   display: flex;
   justify-content: space-between;
   margin-bottom: 124px;
   align-items: center;
}
.nav__list {
   display: flex;
   justify-content: space-between;
   gap: 118px;
   align-items: center;
}
.list__item {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 600;
   font-size: 20px;
   line-height: 36px;
   cursor: pointer;
   display: inline-block;
}
.header__content {
   max-width:1060px;
}
.header__title {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 600;
   font-size: 80px;
   line-height: 100%;
   margin-bottom: 48px;
}
.header__text {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 400;
   font-size: 34px;
   line-height: 100%;
   letter-spacing: -2%;
   margin-bottom: 72px;
}
.header__btn {
   background-color:rgba(17, 68, 85, 1);
   color: white;
}
.header__btn:hover {
   background-color:rgba(17, 68, 85, 0.767);
}
.btn:active,
.header__btn:active {
   position: relative;
   top: 2px;
}
/* Main */
.case__title {
   padding:184px 0 78px;
}
.section__title {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 600;
   font-size: 60px;
   line-height: 100%;
   margin-bottom:20px;
}
.section__paragraf {
   font-weight: 400;
   font-size: 22px;
   line-height: 44px;
}
.slide {
   display: inline-block;
   padding-left: 80px;
   position: relative;
}
.slider__title {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 400;
   font-size: 8.75rem;
   line-height: 100%;
   position: absolute;
   bottom: 104px;
   left: -12px;
   background: linear-gradient(90deg, rgba(17, 68, 85, 1) 95px, rgba(255,255,255,1) 95px);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
}
.video {
   display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
.video iframe {
  max-width: 100%;   
  height: auto;
  aspect-ratio: 16 / 9;
}
.case__video-title{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 600;
   font-size: 60px;
   line-height: 100%;
   margin-bottom:20px;
}
.case__video-paragraf {
   font-weight: 400;
   font-size: 22px;
   line-height: 44px;
}
.footer__copyright, .footer__email {
   font-weight: 500;
   font-size: 20px;
   line-height: 36px;
   letter-spacing: 4%;
   color: rgb(31, 31, 31, 0.7);
}
.footer {
   margin-top: 80px;
   padding: 82px 0;
}
.footer a {
   font-weight: 500;
   font-size: 20px;
   line-height: 36px;
   letter-spacing: 4%;
   color: rgb(31, 31, 31, 0.7);
}
.footer__social-items {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 26px;
}
.footer__copyright-nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 26px;
}
.footer__email {
   margin-right: 104px;
}
.mobile__nav-header {
   padding: 44px 24px;
   margin-top: 15px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.mobile__nav-logo {
   height: 20px;
   width: 109px;
}
.mobile-item {
   font-weight: 600;
   font-size: 40px;
   line-height: 56px;
   color: rgba(31, 31, 31, 1);
}
.mobile-list, .mobile__contacts {
   padding: 0 24px;
}
.mobile-list {
   padding-top: 40px;
   max-height: 330px;
}
.mobile__contacts{
   margin-bottom: 20px;
}
.item-title {
   font-weight: 600;
   font-size: 24px;
   line-height: 32px;
   color: rgba(31, 31, 31, 1);
   margin-bottom: 32px;
   margin-top: 40px;
}
.contacts__item, a {
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   letter-spacing: 6%;
   color: rgba(31, 31, 31, 1);
}