:root{

   --color-fill: #4484C5;

   --color-light-txt: #FFFFFF;

}



body{

   background-color: #F4F7FB;

   color: #333333;

}



h2{

   font-size: 40px;

   font-weight: 600;

   line-height: 115%;

   margin-bottom: 40px;

}



.container{

   max-width: 1300px;

   margin: 0 auto;

   padding: 0 15px;

}



.wrapper section{

   margin-bottom: 120px;

}



.wrapper .section__form{

   margin-bottom: 0;

}



/* section__hero */

.section__hero{

   background: url('../img/hero-bg.png') no-repeat center;

   background-size: cover;

}



.hero__content{

   display: flex;

   justify-content: space-between;

   align-items: center;

}



.hero__text{

   flex: 0 1 640px;

   margin-right: 20px;

}



.hero__text h1{

   font-size: 72px;

   font-weight: 600;

   line-height: 105%;

   margin-bottom: 60px;

}



.hero__description{

   padding: 35px 40px;

   background-color: var(--color-fill);

   border-radius: 10px;

   -webkit-border-radius: 10px;

   -moz-border-radius: 10px;

   -ms-border-radius: 10px;

   -o-border-radius: 10px;

   color: var(--color-light-txt);

}



.hero__description-title{

   font-size: 24px;

   font-weight: 700;

   line-height: 135%;

   margin-bottom: 15px;

}



.hero__description-txt{

   font-size: 16px;

   font-weight: 500;

   line-height: 135%;

}



.hero__img{

   flex: 0 1 530px;

}



.hero__img img{

   width: 100%;

   height: auto;

   object-fit: cover;

}











/* section__gifts */

.gifts__items{

   display: flex;

   justify-content: space-between;

   gap: 20px;

}



.gift__item{

   flex: 0 1 50%;

   width: 100%;

   padding: 40px;

   background-color: var(--color-light-txt);

   border-radius: 10px;

   -webkit-border-radius: 10px;

   -moz-border-radius: 10px;

   -ms-border-radius: 10px;

   -o-border-radius: 10px;

}



.gift__item-top{

   display: flex;

   justify-content: space-between;

   margin-bottom: 40px;

   align-items: stretch;

}



.item__left-g{

   flex: 0 1 250px;

   margin-right: 20px;

   display: flex;

   flex-direction: column;

   justify-content: space-between;

}



.item__left-g h3{

   font-size: 28px;

   font-weight: 600;

   line-height: 115%;

}



.item__left-g span{

   content: '';

   display: block;

   width: 50%;

   height: 4px;

   background-color: var(--color-fill);

   border-radius: 5px;

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   -ms-border-radius: 5px;

   -o-border-radius: 5px;

}



.item__right-g{

   flex: 0 1 270px;



   border-radius: 5px;

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   -ms-border-radius: 5px;

   -o-border-radius: 5px;

   overflow: hidden;

}



.item__right-g img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}



.gift__item-description{

   font-size: 16px;

   line-height: 115%;

   margin-bottom: 20px;

}



.gift__item-list li{

   position: relative;

   padding: 15px 15px 15px 40px;

   background-color: #F4F7FB;

   border-radius: 5px;

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   -ms-border-radius: 5px;

   -o-border-radius: 5px;

}



.gift__item-list li::before{

   position: absolute;

   top: 40%;

   left: 20px;

   z-index: 1;

   content: '';

   width: 6px;

   height: 6px;

   border-radius: 10px;

   -webkit-border-radius: 10px;

   -moz-border-radius: 10px;

   -ms-border-radius: 10px;

   -o-border-radius: 10px;

   background-color: var(--color-fill);

}



.gift__item-list li:not(:last-child){

   margin-bottom: 10px;

}









/* custom-section */

.column-text{

   padding: 0;

   display: grid;

   grid-template-columns: 1fr 1fr 1fr 1fr;

   grid-gap: 30px;

   max-width: unset;  

}



.with-icon-block{

   margin-bottom: 0;

   padding: 25px;

   border-radius: 10px;

   background-color: #fff;

   box-shadow: 0px 10px 30px 0px #36393D1A;

   flex-direction: column;

   align-items: flex-start;

   gap: 40px;

   display: flex;

   -webkit-box-align: center;

   color: #777;

}



.with-icon-block .icon{

   width: 60px;

   height: 60px;

}



.with-icon-block .icon img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}



#some-info-2 img {

   mix-blend-mode: darken;

}



.black{

   font-weight: 700;

   color: #333333;

   line-height: 140%;

}



.with-icon-block span{

   color: #777777;

}



.with-icon-block .text .bold span {

   font-size: 24px;

   color: #222;

}



.text span{

   font-size: 16px;

   line-height: 135%;

}









/* section__form */



.section__form{

   background-color: var(--color-fill);

   color: #333;

}



.content__form{



   position: relative;

   z-index: 2;

   grid-area: 2 / 2 / 3 / 3;

}



.form__box{

   position: relative !important;

   z-index: 1;

   padding-top: 90px;

   padding-bottom: 120px;

   display: grid;

   grid-template-columns: .7fr 1.5fr .7fr;;

   grid-template-rows: auto auto;

   grid-column-gap: 20px;

   grid-row-gap: 40px;

}



.content__form-top{

   grid-area: 1 / 2 / 2 / 3;

}



.form-top-title{

   font-size: 40px;

   font-weight: 600;

   line-height: 115%;

   color: var(--color-light-txt);

   margin-bottom: 20px;

}



.form-top-subtitle{

   font-size: 16px;

   font-weight: 500;

   line-height: 135%;

   color: var(--color-light-txt);

}





.content__form-f{

   flex: 0 1 620px;

   padding: 30px 40px 40px;

   background-color: var(--color-light-txt);

   border-radius: 10px;

   -webkit-border-radius: 10px;

   -moz-border-radius: 10px;

   -ms-border-radius: 10px;

   -o-border-radius: 10px;

}



.form__inputs{

   display: flex;

   justify-content: space-between;

   gap: 15px;

   margin-bottom: 15px;

}


.form__inputs .file_h{
   display: none;
}



.form__inputs input{

   border: 1px solid #D1D1D1;

   border-radius: 5px;

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   -ms-border-radius: 5px;

   -o-border-radius: 5px;

   padding: 15px;

   color: #000;

   flex: 0 1 50%;

}



.checkbox{

   display: flex;

   align-items: center;

   padding: 15px 0;

}



.checkbox label{

   display: flex;

   align-items: center;

}



input[type="checkbox"] {

   margin-right: 10px;

   cursor: pointer;

   width: 15px; /* Устанавливаем размер */

   height: 15px;

   background-color: var(--color-light-txt); /* Цвет заливки */

   border: 1px solid var(--color-fill); /* Цвет границы */

   border-radius: 3px; /* Закруглённые края */

   appearance: none; /* Убираем стандартное оформление */

   -webkit-appearance: none; /* Для WebKit-браузеров */

   position: relative; /* Позиционирование для галочки */

   cursor: pointer; /* Указываем, что элемент кликабельный */

}



input[type="checkbox"]:checked {

   background-color: var(--color-fill); /* Цвет фона при активном состоянии */

}



input[type="checkbox"]:checked::after {

   content: ''; /* Псевдоэлемент для SVG */

   position: absolute;

   top: 50%; 

   left: 50%;

   transform: translate(-50%, -50%); /* Центрируем галочку */

   width: 12px;

   height: 12px;

   background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20.285 6.855l-1.425-1.425-9.56 9.561-4.24-4.24-1.425 1.425 5.665 5.665z"/></svg>'); /* Код SVG галочки */

   background-size: contain; /* Размер SVG */

   background-repeat: no-repeat; /* Без повторений */

}







.checkbox span{

   font-size: 16px;

   font-weight: 400;

   line-height: 135%;

}



.button__send{

   margin-top: 20px;

   background-color: var(--color-fill);

   color: var(--color-light-txt);

   width: 100%;

   padding: 15px;

   border: 0;

   border-radius: 5px;

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   -ms-border-radius: 5px;

   -o-border-radius: 5px;

}



.content__description{

   flex: 0 1 310px;

   background-color: var(--color-light-txt);

   padding: 30px;

   border-radius: 10px;

   -webkit-border-radius: 10px;

   -moz-border-radius: 10px;

   -ms-border-radius: 10px;

   -o-border-radius: 10px;



   grid-area: 2 / 3 / 3 / 4;

}



.content__description-title{

   font-size: 18px;

   font-weight: 600;

   line-height: 135%;

}



.content__description-txt{

   font-size: 18px;

   line-height: 135%;

}





.section__form-decor{

   grid-area: 1 / 1 / 3 / 2;

   position: relative;

}



.section__form-decor .img-decor{

   width: 600px;

   position: absolute;

   top: -35%;

   left: -35%;

   z-index: 0;

}



.section__form-decor .img-decor img{

   width: 100%;

   height: 100%;

   object-fit: cover;

}










/* widget */

.wrapper{
   position: relative;
}

.widget{
   position: fixed;
   top: 75%;
   right: 5%;
   z-index: 10;
}

.widget__message{
   position: relative;
}

.widget__message-body{
   padding: 15px;
   background-color: var(--color-light-txt);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   position: absolute;
   right: -20px;
   opacity: 0;
   visibility: hidden;
   transition: right 0.2s ease-in, opacity 0.3s ease-in;
   -webkit-transition: right 0.2s ease-in, opacity 0.3s ease-in;
   -moz-transition: right 0.2s ease-in, opacity 0.3s ease-in;
   -ms-transition: right 0.2s ease-in, opacity 0.3s ease-in;
   -o-transition: right 0.2s ease-in, opacity 0.3s ease-in;
}

.widget__message-body._show{
   right: 90px;
   opacity: 1;
   visibility: visible;
}

.widget__message-text{
   width: 190px;
}

.widget__message-text
.message__title{
   font-size: 16px;
   font-weight: 700;
   line-height: 100%;
   padding-bottom: 5px;
}

.widget__message-text
.message__subtitle{
   font-size: 16px;
   font-weight: 400;
   line-height: 100%;
}

.widget__message-cub{
   position: absolute;
   content: '';
   display: block;
   top: 22px;
   right: -8px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   width: 20px;
   height: 20px;
   background-color: var(--color-light-txt);
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
}

.widget__btn{
   position: relative;
   z-index: 2;
   background-color: #25D366;
   width: 65px;
   height: 65px;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   display: flex;
   align-items: center;
   justify-content: center;
   animation: dot-wave;
   -webkit-animation: dot-wave;
}

.widget__btn:before{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   display: block;
   content: '';
   background-color: #25D366;
   z-index: -1;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   animation: dot-wave 1s infinite;
   -webkit-animation: dot-wave 1.5s infinite;
   width: 70px;
   height: 70px;
   opacity: 0;
}

@keyframes dot-wave {
   0%{
      width: 70px;
      height: 70px;
      opacity: .5;
   }
   70%{
      width: 85px;
      height: 85px;
      opacity: .3;
   }
   90%{
      opacity: 0;
   }
   100%{
      width: 95px;
      height: 95px;
   }
}

/* end widget */






















@media screen and (max-width: 1000px) {

   .section__hero{

      padding-top: 70px;

      background-position: 0%;

   }



   .hero__content{

      flex-direction: column;

   }



   .hero__text{

      flex: 1 1 auto;

      margin: 0 0 30px 0;

   }



   .hero__text h1{

      font-size: 34px;

   }



   .hero__img{

      flex: 1 1 auto;

      height: 540px;

      border-radius: 10px;

      -webkit-border-radius: 10px;

      -moz-border-radius: 10px;

      -ms-border-radius: 10px;

      -o-border-radius: 10px;

      overflow: hidden;

   }



   .hero__img img{

      width: auto;

      height: 100%;

   }





   .gifts__items{

      flex-direction: column;

   }







   .column-text{

      grid-template-columns: repeat(2, 1fr);

      grid-template-rows: repeat(2, 1fr);

   }







   .form__box{

      grid-template-columns: auto;

      grid-template-rows: repeat(4, auto);

      grid-column-gap: 0px;

      grid-row-gap: 40px;

   }



   .section__form-decor{

      grid-area: 4 / 1 / 5 / 2;

      display: none;

   }



   .content__form-top{

      grid-area: 1 / 1 / 2 / 2;

   }



   .content__form{

      grid-area: 2 / 1 / 3 / 2;

   }



   .content__description{

      grid-area: 3 / 1 / 4 / 2;

   }

}

@media screen and (max-width: 560px) {

   .gift__item{

      padding: 20px;

   }



   .gift__item-top{

      display: block;

   }



   .item__left-g{

      margin: 0 0 20px 0;

   }



   .item__left-g h3{

      padding-bottom: 12px;

   }





   .column-text{

      grid-template-columns:  1fr;

      grid-template-rows: repeat(4, 1fr);

   }





   .form__box{

      padding-bottom: 60px;

   }





   .form__inputs{

      flex-direction: column;

   }

   

   .form__inputs input{

      flex: 1 1 auto;

   }

}











/* Footer section */

.footer-section {

   position: relative;

   height: 500px;

   display: flex;

   align-items: center;

   background-color: #F4F7FB;

 }

 

 .footer-section .container-1300 {

   position: relative;

   z-index: 1;

 }

 

 .footer__box {

   display: flex;

   gap: 50px;

 }

 

 .footer__content {

   padding-top: 100px;

   display: flex;

   gap: 40px;

 }

 

 .footer__title {

   max-width: 420px;

 }

 .footer__item {

   margin-top: 40px;

   max-width: 490px;

   display: flex;

   flex-direction: column;

   font-size: 16px;

   line-height: 22px;

   gap: 50px;

 }

 

 .footer__logo {

   text-align: right;

 }

 

 

 

 /* footer */

 

 .footer{

     background: #344854;

     color: #fff;

     padding: 6rem 0;

 }

 

 .footer-row {

   display: -ms-grid;

   display: grid;

   grid-template-columns: 1fr;

   grid-gap: 1rem;

 }

 

 .footer-col{

   justify-self: center;

 }

 

 .footer-copy{

   margin-top: 5rem;

   text-align: center;

 }

 

 .footer .h4, .footer a, .footer p, .footer .with-icon a{

   color: inherit;

 }

 

 .footer .h4{

   margin-bottom: 2rem;

   font-size: 1.8rem;

   line-height: 1.5;

   font-weight: 700;

 }

 

 .footer .with-icon{

   font-size: 12px;

   margin-bottom: 10px;

   display: flex;

   align-items: center;

 }

 

 .with-icon .icon{

     display: flex;

     -webkit-box-align: center;

     -ms-flex-align: center;

     align-items: center;

     -webkit-box-pack: center;

     -ms-flex-pack: center;

     justify-content: center;

     padding: .5rem;

     line-height: 0;

     margin-top: -5px;

     margin-right: 1rem;

 }

 

 .with-icon .icon svg{

   width: 24px;

   height: 24px;

 }

 

 .work-time{

   font-size: 16px;

   font-weight: 500;

 }

 

 .footer-socials{

   margin-top: 20px;

   display: flex;

   -webkit-box-align: center;

   -ms-flex-align: center;

   align-items: center;

 }

 

 .footer-socials-item:not(:last-child){

   margin-right: 20px;

 }

 

 .copyright{

   display: flex;

   justify-content: center;

   margin-bottom: 2px;

   flex-wrap: wrap;

 }

 

 .footer-logo{

   margin: 0 auto 20px;

   display: block;

 }

 

 .copyright p{ 

   opacity: .5;

 }

 

 .copyright .link{

   opacity: 1;

   text-decoration: underline;

   margin-right: 2px;

 }

 

 /* end footer */

 

 

 

 /* cookies */

 

 

   .cookie-consent-container {

     position: fixed;

     bottom: 0;

     left: 0;

     right: 0;

     background-color: #4484C5;

     color: #eaeaea;

     padding: 20px;

     z-index: 9999999;

     display: flex;

     justify-content: center;

     align-items: center;

     flex-direction: column;

     font-family: Arial, sans-serif;

     border-top-left-radius: 15px;

     border-top-right-radius: 15px;

 }

 

 .cookie-consent-title, .cookie-consent-subtitle {

     text-align: center;

     margin-bottom: 10px;

 }

 

 .cookie-consent-title {

     font-size: 26px;

 }

 

 .cookie-consent-subtitle {

     font-size: 16px;

     font-weight: bold;

 }

 

 .cookie-consent-description, .cookie-consent-back {

     font-size: 14px;

     margin-bottom: 20px;

     cursor: pointer;

     max-width: 623px; /* Ширина текстового блока */

 }

 

 .cookie-consent-back {

   color: #eaeaea;

 }

 

 .cookie-consent-buttons {

     display: flex;

     flex-direction: column;

     align-items: stretch;

     width: 100%;

     max-width: 623px; /* Ширина текстового блока */

     gap: 10px;

     margin-bottom: 20px;

 }

 

 .cookie-consent-button {

     padding: 14px 23px; /* Настройка толщины/ширины кнопок */

     border: 2px solid #eaeaea;

     background-color: transparent;

     color: #eaeaea;

     cursor: pointer;

     border-radius: 15px;

     transition: background-color 0.3s;

     flex-grow: 1;

     font-size: 15px;

     width: 100%; /* Кнопки занимают всю ширину */

     box-sizing: border-box; /* Учитывать padding и border в ширине кнопки */

 }

 

 .cookie-consent-button:hover {

     background-color: #4682B4; /* Стальной синий */

     color: white;

 }

 

 .all__cookies{

   background-color: #eaeaea;

   color: #333333;

 }

 

 .switch {

     position: relative;

     display: inline-block;

     width: 60px;

     height: 34px;

     margin-left: auto;

 }

 

 .switch input { 

     opacity: 0;

     width: 0;

     height: 0;

 }

 

 .slider {

     position: absolute;

     cursor: pointer;

     top: 0;

     left: 0;

     right: 0;

     bottom: 0;

     background-color: #ccc;

     transition: .4s;

     border-radius: 34px;

 }

 

 .slider:before {

     position: absolute;

     content: "";

     height: 26px;

     width: 26px;

     left: 4px;

     bottom: 4px;

     background-color: white;

     transition: .4s;

     border-radius: 50%;

 }

 

 input:checked + .slider {

     background-color: #4682B4; /* Стальной синий */

 }

 

 input:focus + .slider {

     box-shadow: 0 0 1px #4682B4; /* Стальной синий */

 }

 

 input:checked + .slider:before {

     transform: translateX(26px);

 }

 

 input:disabled + .slider {

     background-color: #ccc;

 }

 

 input:disabled:checked + .slider:before {

     background-color: #999;

 }

 

 .cookie-consent-option {

     display: flex;

     justify-content: space-between;

     align-items: center;

     margin-bottom: 10px;

 }

 

 .cookie-consent-option-text {

     flex-grow: 1; 

     margin-right: 30px;

 }

 

 .cookie-consent-option-switch {

     /* Вы можете добавить дополнительные стили для выравнивания переключателей, если это необходимо */

 }

 

 @media (min-width: 768px) {

     .cookie-consent-buttons {

         flex-direction: row;

         align-items: center;

         justify-content: space-between;

     }

 

     .cookie-consent-button {

         flex-grow: 1; 

         width: auto; /* Отменить фиксированную ширину для кнопок в строке */

     }

 

     .cookie-consent-options {

         flex-direction: row;

         align-items: center;

     }

 

     .cookie-consent-option {

         display: flex;

         align-items: center;

         justify-content: space-between;

     }

 

     .cookie-consent-description {

         max-width: 623px; /* Ширина главного блока с текстом */

     }

 }

 

 .cookie-consent-description {

   max-width: 623px; /* Ширина главного блока с текстом */

   line-height: 140%;

   font-size: 14px;

 }

 

 .link__to-policy{

   text-decoration: underline;

 }

 

 .cookie-consent-option,

 .cookie-consent-back,

 .cookie-consent-save {

     display: flex;

     justify-content: space-between;

       align-items: center;

     width: 100%;

     max-width: 623px; /* Ширина блока настроек */

 }

 

 .cookie-consent-back,

 .cookie-consent-subtitle,

 .cookie-consent-description {

     text-align: left;

 }

 

 .cookie-consent-save {

     margin-top: 20px;

 }

 

 .cookie-consent-save button {

     width: 100%;

     padding: 14px 20px;

     border: none;

     border-radius: 15px;

     background-color: #eaeaea;

     color: #333333;

     font-weight: bold;

     cursor: pointer;

     font-size: 16px;

     margin-bottom: 20px;

 }

 

 /* end cookies */

 

 

 

 .form__success {

 color: green;

 padding: 10px;

 margin-top: 10px;

 background: #e8f5e9;

 border-radius: 5px;

 }

 

 .form__error {

 color: red;

 padding: 10px;

 margin-top: 10px;

 background: #ffebee;

 border-radius: 5px;

 }

 

 .form__input.error {

 border-color: red;

 }



/* accessibility */
.accessWidget i{
	background-color: var(--color-fill) !important; 
	border-radius: 5px !important;
}

.BigAccessWidgetClose{
	background-color: var(--color-fill) !important;
}

.BigAccessWidget ul li i{
  color: var(--color-fill) !important;
}

.BigAccessWidget div.powerd,
.BigAccessWidget .separateLine{
	display: none !important;
}

@media screen and (max-width: 500px){
	.accessWidget i {
		font-size: 30px !important;
	}
}