.page-template-for-people .more-posts {
	padding: 50px 0;
} 
 
 *,
 ::before,
 ::after {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   padding: 0;
   margin: 0;
 }
 
 .wpcf7-acceptance {
    display: flex;
 	margin-top: 20px;
 }
 
  .wpcf7-acceptance label {
  	display: flex;
    align-items: center;
  }


input[type="checkbox"] {
    position: relative;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
}

input[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 6px;
    top: 50%;
    left: 50%;
    background: url(../../assets/img/svg/check.svg) no-repeat center top / cover;
    z-index: 12;
    transform: translate(-50%, -50%);
}

input[type="checkbox"]:after {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    top: 50%;
    left: 50%;
    background: #fff;
    z-index: 3;
    transform: translate(-50%, -50%);
}

.header-row {
	display: flex;	
    align-items: center;
}

.burger {
    margin-left: 40px;
}
 
 html,
 body {
   width: 100%;
   margin: 0 auto;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   font-family: var(--font-family);
   overflow-x: hidden;
   overflow-anchor: none;
   font-size: 16px;
   scroll-behavior: smooth;
   font-weight: 400;
 }
 
 html.lock {
   overflow: hidden;
 }
 
 .wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: 100vh;
 }
 
 .container {
   width: 100%;
   max-width: 1210px;
   margin: 0 auto;
   padding: 0 15px;
 }
 
 img,
 svg {
   max-width: 100%;
   display: block;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
 }
 
 h1 {
   font-family: var(--second-family);
   font-size: calc(27px + 18 * (100vw / 1320));
   line-height: 125%;
   font-weight: 400;
   text-transform: uppercase;
   margin: 20px 0;
 }
 
 h1:first-child {
   margin-top: 0;
 }
 
 h2 {
   font-family: var(--second-family);
   font-weight: 500;
   font-size: calc(20px + 16 * (100vw / 1320));
   text-transform: uppercase;
   color: var(--black);
   text-transform: uppercase;
   margin: 20px 0;
 }
 
 h2:first-child {
   margin-top: 0;
 }
 
 h3, .h3-style{
   font-family: var(--second-family);
   font-weight: 500;
   font-size: 22px;
   text-transform: uppercase;
   color: var(--black);
   margin: 15px 0;
 }
 
 a {
   text-decoration: none;
 }
 
 p {
   margin: 0;
   padding: 7px 0;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 130%;
   color: var(--dark);
 }
 
 ul,
 li,
 ol {
   list-style: none;
   padding: 0;
   margin: 0;
 }
 
 input,
 button,
 textarea {
   font: inherit;
   border: none;
   outline: none;
   margin: 0;
   padding: 0;
   background: none;
   min-width: 10px;
 }
 
 textarea {
   resize: none;
 }
 
 label {
   margin: 0;
   padding: 0;
   font-size: 12px;
 }
 
 select {
   outline: none;
   border: none;
   background: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }
 
  .sby_item {
    aspect-ratio: 10 / 4.87;
 }
 
 .lang {
 	display: flex;
    margin: 0 -5px;
 }
 
 .lang-item {
 	padding: 0 5px;
 }
 
 .lang-item a {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 17px;
    color: var(--black);
 	text-transform: uppercase;
 }
 .lang-item.current-lang a {
 	color: var(--red);
 }
 
 .sby_header_img {
    width: 80px!important;
    height: 80px;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
}

.sby_header_img img {
	width: 100%;
    height: 100%;
}

#sb_instagram .sbi_header_text.sbi_no_bio h3 {
	padding: 0!important;
}



 .wpcf7-spinner {
   display: none;
 }

 .wpcf7-list-item {
   margin: 0;   
 }

 .wpcf7 form .wpcf7-response-output {
   margin: 10px 0 0 0;
   padding: 0;
   border: 0px;
   color: #fff;
 }

 .wpcf7-list-item-label {
   font-weight: 400;
   font-size: 14px;
   line-height: 179%;
   color: var(--white);
   margin-left: 10px;
 }

 .mobile-menu .burger__title {
   color: var(--gray-light);
 }

 .burger .popup__close {
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   width: 40px;
   height: 40px; 
}
.burger .popup__close-link {
   width: 100%;
   height: 100%;
}
.burger .popup__close-link:before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 2px;
   background: var(--gray-light);
   transform: translate(-50%, -50%) rotate(-45deg);
}

.burger .popup__close-link:after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 2px;
   background: var(--gray-light);
   transform: translate(-50%, -50%) rotate(45deg);
}

.burger .popup__close-link {
   position: relative;
}
 
 .section {
   padding: 75px 0;
 }
 
 .main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-flex: 1;
       -ms-flex: 1 1 auto;
           flex: 1 1 auto;
 }
 
 iframe {
   width: 100%;
   height: 100%;
   
 }
 .video__content iframe {
   pointer-events: none;   
}
 
 :root {
   --font-family: "HelveticaWeb", sans-serif;
   --second-family: "OswaldWeb", sans-serif;
   --red: #9f0e0d;
   --gray-light: #e3e5e3;
   --white: #fff;
   --dark: #1e1e1e;
 }
 
 .header {
   position: fixed;
   top: 0;
   left: 0;
    width: 100%;
    height: auto;
    z-index: 3;
   background-color: var(--white);
   box-shadow: 0px 5px 5px -1px rgba(227, 224, 227, 1);
 }
 
 .header-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
     -ms-flex-pack: justify;
        justify-content: space-between;
   padding: 10px 0;
 }
 
 .burger {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .burger__title {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 25px;
   text-transform: uppercase;
   text-align: center;
   color: var(--black);
   margin-right: 10px;
 }
 
 .burger__menu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
   width: 25px;
   height: 20px;
   position: relative;
   cursor: pointer;
 }
 
 .burger__menu span {
   position: absolute;
   left: 0px;
   top: 50%;
   width: 100%;
   height: 2px;
   background-color: var(--dark);
   -webkit-transform: translate(0, -50%);
       -ms-transform: translate(0, -50%);
           transform: translate(0, -50%);
   -webkit-transition: -webkit-transform 0.3s ease-in-out;
   transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
 }
 
 .burger__menu::before,
 .burger__menu::after {
   display: block;
   content: "";
   width: 100%;
   height: 2px;
   background-color: var(--dark);
   border-radius: 5px;
   position: absolute;
   left: 0;
   -webkit-transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
   transition: top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
 }
 
 .burger__menu::before {
   top: 0;
 }
 
 .burger__menu::after {
   bottom: 0;
 }
 
 .btn-up {
   position: fixed;
   right: 30px;
   bottom: 50px;
   background-color: transparent;
   cursor: pointer;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   border: 1px solid var(--blue);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 
 
 
 .archive-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 30px -10px;
}
.archive-wrapper__item {
  padding: 10px;
  width: 33.333%;
}

.archive-wrapper__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin-bottom: 15px;
}

.archive-wrapper__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.archive-wrapper__item-title {
	margin-bottom: 15px;
}
.archive-wrapper__title-link {
    color: #000;
    transition: all .3s ease 0s;
}

.archive-wrapper__title-link:hover {
	color: var(--red);
}

.archive-wrapper__bottom {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.archive-wrapper__btn {
	display: flex;
    color: var(--red);
    position: relative;
}

.archive-wrapper__btn:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--red);
  opacity: 0;
  transition: all .3s ease 0s;
}

.archive-wrapper__bottom-date {
    font-weight: 600;
}

@media (hover: hover) {
  .archive-wrapper__card:hover img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  
  .archive-wrapper__btn:hover:after {
  	opacity: 1;
  }
}
 
.section-category,
.section-post {
    padding: 100px 0 50px;
}


.section-post strong,.section-post b {
	font-weight: 700;
}

.more-posts {
	padding-bottom: 50px;
}

.post-img {
    display: flex;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

.post-img img {
	width:100%;
    height: 100%;
    object-fit: cover;
}
 
 
 .btn-up::before {
   content: "";
   width: 20px;
   height: 28px;
   background: url("../img/svg/arrow-to-top.svg") no-repeat center top/cover;
 }
 
 .btn-up__hide {
   display: none;
 }
 
 .main-content {
   height: 100vh;
   min-height: 600px;
 }
 
 .main-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
   height: 100vh;
   min-height: 600px;
 }
 
 .main-wrapper__inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   width: -webkit-fill-available;
   border: 0.5px solid var(--white);
 }
 
 .main-wrapper__inner-active .main-wrapper__img {
   opacity: 1;
 }
 
 .main-wrapper__block {
   margin-bottom: 30px;
 }
 
 .main-wrapper__img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -2;
   opacity: 0;
   -webkit-transition: all 1s ease 0s;
   transition: all 1s ease 0s;
 }
 
 .main-wrapper__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
   -webkit-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
 }
 
 .main-wrapper__img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(6, 6, 6, 0.3);
   -webkit-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
 }
 
 .main-wrapper__title {
   font-family: var(--second-family);
   font-weight: 500;
   font-size: 18px;
   text-transform: uppercase;
   text-align: center;
   color: var(--white);
   margin-bottom: 30px;
   padding: 0 10px;
 }
 
 .primary-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
 
 .primary-btn__link {
   font-family: var(--second-family);
   text-align: center;
   font-weight: 600;
   font-size: 16px;
   line-height: 150%;
   letter-spacing: 0.06em;
   color: var(--white);
   padding: 15px 30px;
   background-color: var(--red);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   text-transform: uppercase;
 }
 
 .primary-btn__link:hover {
   background-color: transparent;
   background-color: var(--dark);
 }
 
 .secondary-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
 
 .secondary-btn__link {
   font-family: var(--second-family);
   font-weight: 500;
   font-size: 16px;
   color: var(--black);
   text-align: center;
   line-height: 150%;
   letter-spacing: 0.06em;
   padding: 15px 30px;
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   text-transform: uppercase;
   background-color: var(--white);
 }
 
 .secondary-btn__link:hover {
   color: var(--white);
   background-color: var(--dark);
 }
 
 .section-hero-uk {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   height: 100vh;
   position: relative;
   min-height: 1100px;
 }
 
 .section-hero-uk .pipedriveWebForms {
	padding:0 5px;
}

 .section-hero-uk__img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: -1;
 }
 
 .section-hero-uk__img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(6, 6, 6, 0.3);
 }
 
 .section-hero-uk__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .hero-page-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   align-items: center;
   position: relative;
   z-index: 2;
 }
 
 .hero-page-body__left {
   width: 50%;
 }
 
 .hero-page-body__title {
   color: var(--white);
   margin-bottom: 0;
 }
 
 .hero-page-body__subtitle {
   color: var(--white);
 }
 
 .hero-page-body__form {
   margin-top: 50px;
   margin-bottom: 30px;
   padding: 35px;
   background-color: var(--red);
   width: 100%;
   max-width: 520px;
 }

.hero-page-body__form.white {
   background-color: var(--white);	
}

.hero-page-body__form-title {
   font-family: var(--second-family);
   font-weight: 500;
   font-size: 22px;
   text-transform: uppercase;
   color: var(--white);
   margin-bottom: 20px;
 }
 
 .hero-page-body__buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
      -ms-flex-pack: end;
         justify-content: flex-end;
   width: 100%;
 }

 .hero-page-body__buttons .secondary-btn {
   width: 100%;
   max-width: 420px;

 }
 
 .hero-page-body__right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   flex-wrap:wrap;
   width: 50%;
 }
 
 .hero-page-body__right .primary-btn {
   margin-left: 15px;
   min-width: 180px;
 }
 
 .hero-page-body__right .primary-btn__link {
   width: 100%;
 }
 
 .hero-page-body__right .secondary-btn {
   min-width: 180px;
 }
 
 .hero-page-body__right .secondary-btn__link {
   width: 100%;
 }

@media (max-width:991px) {
	.section-hero-uk {
		height:auto;
	}
}
 
 .form__label-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   border-bottom: 1px solid var(--white);
   margin-top: 20px;
 }
 
 .form__label-block:first-child {
   margin-top: 0;
 }
 
 .form__label {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   color: var(--white);
 }
 
 .form__input {
   padding: 10px 0;
   font-family: var(--font-family);
   font-weight: 300;
   font-size: 16px;
   line-height: 150%;
   color: var(--white);
 }
 
 .form__input ::-webkit-input-placeholder {
   font-family: var(--font-family);
   font-weight: 300;
   font-size: 16px;
   line-height: 150%;
   color: var(--red-light);
 }
 
 .form__input ::-moz-placeholder {
   font-family: var(--font-family);
   font-weight: 300;
   font-size: 16px;
   line-height: 150%;
   color: var(--red-light);
 }
 
 .form__input :-ms-input-placeholder {
   font-family: var(--font-family);
   font-weight: 300;
   font-size: 16px;
   line-height: 150%;
   color: var(--red-light);
 }
 
 .form__input ::-ms-input-placeholder {
   font-family: var(--font-family);
   font-weight: 300;
   font-size: 16px;
   line-height: 150%;
   color: var(--red-light);
 }
 
 .form__input ::placeholder {
   font-family: var(--font-family);
   font-weight: 300;
   font-size: 16px;
   line-height: 150%;
   color: var(--red-light);
 }
 
 .form .secondary-btn {
   margin-top: 20px;
 }
 
 .form .secondary-btn__link {
   width: 100%;
   cursor: pointer;
 }
 
 .checkbox {
   margin-top: 20px;
 }
 
 .button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-top: 20px;
 }
 
 .button__link {
   width: 100%;
   font-family: var(--second-family);
   font-weight: 500;
   font-size: 16px;
   color: var(--black);
   padding: 15px;
   background-color: var(--white);
 }
 
 .fixed-btn {
   position: fixed;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   bottom: 50px;
   right: 20px;
   z-index: 5;
   padding: 20px;
   color:transparent;
   border-radius: 50%;
   border: 1px solid var(--white);
   background: var(--red) url(https://tk-smart-legal.pl/wp-content/uploads/2024/05/phone-wh.svg) center no-repeat;
   width: 85px;
   height: 85px;
 }
 
 .fixed-btn__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 100;
   font-family: var(--second-family);
   font-weight: 500;
   font-size: 22px;
   text-transform: uppercase;
   text-align: center;
   color: transparent;
 }
 
 .fixed-btn:before {
   content: "";
   position: absolute;
   border: 2px solid var(--white);
   left: -20px;
   opacity: 0;
   right: -20px;
   top: -20px;
   bottom: -20px;
   border-radius: 50%;
   -webkit-animation: pulse 2s linear infinite;
           animation: pulse 2s linear infinite;
 }
 
 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(0.5);
             transform: scale(0.5);
     opacity: 0;
   }
 
   50% {
     opacity: 1;
   }
 
   100% {
     -webkit-transform: scale(1.2);
             transform: scale(1.2);
     opacity: 0;
   }
 }
 
 @keyframes pulse {
   0% {
     -webkit-transform: scale(0.5);
             transform: scale(0.5);
     opacity: 0;
   }
 
   50% {
     opacity: 1;
   }
 
   100% {
     -webkit-transform: scale(1.2);
             transform: scale(1.2);
     opacity: 0;
   }
 }
 
 .section-reviews {
   overflow: hidden;
 }
 
 .section-title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
 
 .swiper-navigation {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: relative;
 }
 
 .swiper-button-prev,
 .swiper-button-next {
   position: relative;
   width: 45px;
   height: 45px;
   border-radius: 100%;
   background-color: var(--red);
   top: 0;
   left: 0;
   right: 0;
   margin-top: 0;
   z-index: 1;
 }
 
 .swiper-button-prev:after,
 .swiper-button-next:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 8px;
   height: 13px;
   background: url("../img/svg/arrow.svg") no-repeat center top/cover;
 }
 
 .swiper-button-prev:after {
   -webkit-transform: translate(-50%, -50%) rotate(-180deg);
       -ms-transform: translate(-50%, -50%) rotate(-180deg);
           transform: translate(-50%, -50%) rotate(-180deg);
 }
 
 .swiper-button-next {
   margin-left: 10px;
 }
 
 .swiper-button-next:after {
   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
 }
 
 .reviews {
   position: relative;
   padding-bottom: 30px;
 }
 
 .reviews__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 
 .reviews__img {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   aspect-ratio: 10/13;
 }
 
 .reviews__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .swiper-horizontal > .swiper-pagination-bullets,
 .swiper-pagination-bullets.swiper-pagination-horizontal,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
   bottom: 0;
   top: auto;
   left: 0;
   width: 100%;
   font-size: 18px;
 }

 .swiper-pagination-current {
   color: var(--red);
 }
 
 .swiper-pagination-bullet {
   background: var(--gray-light);
   opacity: 1;
 }
 
 .swiper-pagination-bullet-active {
   background: var(--red);
 }
 
 .section-video {
   overflow-x: hidden;
   background-color: var(--red);
 }

 .section-video h2 {
   color: var(--white);
 }
 
 .section-video .swiper-button-next,
 .section-video .swiper-button-prev {
   background-color: var(--white);
 }
 
 .section-video .swiper-button-next:after,
 .section-video .swiper-button-prev:after {
   background: url("../img/svg/arrow-red.svg") no-repeat center top/cover;
 }
 
 .video {
   padding-bottom: 30px;
   position: relative;
 }
 
 .video .section-title__title {
   color: var(--white);
 }
 
 .video .swiper-pagination-bullet {
   opacity: 0.5;
 }
 
 .video .swiper-pagination-bullet-active {
   background: var(--white);
   opacity: 1;
 }

 .video__content {
   display: flex;
   aspect-ratio: 16 / 9;
   overflow: hidden;
}

 .video__content p {
   width: 100%;
   height: 100%;   
 }
 
 .section-services {
   overflow-x: hidden;
 }
 
 .services {
   position: relative;
   padding-bottom: 30px;
 }

 .services__slide {
   height: auto;
 }
 
 .services__content {
   border: 1px solid var(--red);
   padding: 30px 20px;
   height: 100%;
 }
 
 .services__img {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 100px;
   height: 100px;
   border-radius: 100px;
   background-color: var(--red);
 }
 
 .section-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   position: relative;
 }
 
 .section-block__img {
   position: absolute;
   width: 100%;
   height: 100%;
 }
 
 .section-block__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .serv-block {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   position: relative;
   z-index: 1;
   margin: -10px;
 }
 
 .serv-block__item {
 	padding: 10px;
    width: 50%;
 }
 
 .serv-block__content {
   border: 1px solid var(--white);
   padding: 45px 50px;
   width: 100%;
   height: 100%;
   max-width: 580px;
   position: relative;
   -webkit-backdrop-filter: blur(20px);
           backdrop-filter: blur(20px);
 }
 
 .serv-block__content:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--white);
   opacity: 0.2;
   z-index: -1;
 }
 
 .serv-block__content h3,
 .serv-block__content p {
   color: var(--white);
 }
 
 .section-form {
   background-color: var(--red);
 }
 
.section-form .white {
	background-color: var(--white);
	padding:20px;
}

 .section-form h3 {
   margin: 0 0 15px 0;
 }

 .form-section {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.form-section__contacts,
.form-section__contacts p {
color:#fff;	
}

 .form-section__left {
   width: 50%;
   padding-right: 60px;
 }
 
 .form-section__title,
 .form-section__subtitle {
   color: var(--white);
 }
 
 .form-section__contacts {
   margin-top: 25px;
 }
 
 .form-section__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin-bottom: 20px;
 }
 
 .form-section__item:last-child {
   margin-bottom: 0;
 }
 
 .form-section__img {
   display: flex;
   min-width: 20px;
   max-width: 20px;
   height: 20px;
   margin-right: 10px;
 }

 .form-section__img img {
   width: 100%;
   height: 100%;
 }
 
 .form-section__text {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 16px;
   line-height: 125%;
   color: var(--white);
 }
 
 .form-section__right {
   width: 50%;
 }

.form-section__right .white {
	background-color: var(--white);
	padding:20px;
}

 .page-template-chinese-visa .section-about {
   background-color: var(--red);
 }
 
 .about-section {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin: -10px;
 }
 
 .about-section__img {
   width: 100%;
   padding: 10px;
   aspect-ratio: 10/12;
 }
 
 .about-section__img img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .about-section__text {
   width: 100%;
   padding: 10px;
 }
 
 .about-section__text-wrapper {
   padding: 45px 35px;
   background: var(--gray-light);
   height: 100%;
 }
 
 .page-template-polish-employers .about-section__text-wrapper {
   background-color: var(--red);
   color: var(--white);
 }
 .page-template-polish-employers .about-section__text-wrapper p {
   color: var(--white);
 }
 .media {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   margin: -10px;
 }
 
 .media__description {
    margin-bottom: 20px;
}

 
 .media__column {
   width: 50%;
   padding: 10px;
 }
 
 .media__column-title {
   margin-bottom: 25px;
 }
 
 .media__item {
   aspect-ratio: 16/8;
   border: 1px solid orangered;
 }
 
 .media__column-blocks {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   margin: -5px;
 }
 
 .media__block {
   overflow: hidden;
   aspect-ratio: 10/10;
   padding: 5px;
   width: 33.333%;
 }
 
 .media__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   width: 100%;
   height: 100%;
   border: 1px solid orangered;
 }
 
 .section-row-contact {
   background: var(--gray-light);
 }
 
 .row-contacts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   margin: -10px;
 }
 
 .row-contacts__block-wrapper {
   width: 33.333%;
   padding: 10px;
 }
 
 .row-contacts__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   margin-bottom: 15px;
 }
 
 .row-contacts__title-img {
   width: 22px;
   height: 22px;
   margin-right: 10px;
 }
 
 .row-contacts__title-text {
   margin: 0 0 0 0;
 }


 
 .section-map {
   aspect-ratio: 10/3;
 }

 .section-map p {
   padding: 0;
   width: 100%;
   height: 100%;
 }
 
 /* .section-faq {
   padding-top: 0 !important;
 } */
 
 .faq__block {
   background: var(--gray-light);
   margin-bottom: 15px;
 }
 
 .faq__block:last-child {
   margin-bottom: 0;
 }
 
 .faq__title {
   padding: 20px 45px;
   margin: 0;
   position: relative;
   cursor: pointer;
 }
 
 .faq__title:after {
   content: "";
   position: absolute;
   top: 50%;
   -webkit-transform: translate(0, -50%);
       -ms-transform: translate(0, -50%);
           transform: translate(0, -50%);
   left: auto;
   right: 45px;
   width: 12px;
   height: 6px;
   background: url("../img/svg/arrow-bl.svg") no-repeat center top/cover;
   -webkit-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
 }
 
 .faq__title.active:after {
   -webkit-transform: translate(0, -50%) rotate(180deg);
       -ms-transform: translate(0, -50%) rotate(180deg);
           transform: translate(0, -50%) rotate(180deg);
   background: url("../img/svg/fag-arrow-red.svg") no-repeat center top/cover;
 }
 
 .faq__content {
   max-height: 0;
   overflow: hidden;
   -webkit-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
 }
 
 .faq__body {
   padding: 0 45px 20px 45px;
 }
 
 .section-recense {
   overflow-x: hidden;
 }
 
 .recense {
   padding-bottom: 30px;
   position: relative;
 }
 
 .recense__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   aspect-ratio: 10/10;
   overflow: hidden;
 }
 
 .recense__content img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
 }
 
 .error {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   padding: 80px 0;
   flex-direction: column;
   text-align: center;
 }
 
 .error__body {
   text-align: center;
 }
 
 .error__content {
   width: 100%;
   max-width: 900px;
   margin: 20px auto 0;
 }
 
 .error__btn {
   margin-top: 35px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
 }
 
 .page-error {
    display: flex;
    align-items: center;
    justify-content: center;
}
 
 .footer {
   padding: 65px 0 25px;
   background-color: var(--red);
 }
 
 .footer-content__top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
   margin-bottom: 30px;
 }
 
 .footer-content__logo .logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 25px;
 }
 
 .footer-content__menu {
   width: 20%;
 }
 
 .footer-content__menu li {
   margin-bottom: 10px;
 }
 
 .footer-content__menu li:last-child {
   margin-bottom: 0;
 }
 
 .footer-content__menu li a {
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 15px;
   text-align: center;
   color: var(--white);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .footer-content__menu li a:hover {
   color: var(--dark);
 }
 
 .footer-content__title {
   font-family: var(--second-family);
   font-weight: 600;
   font-size: 19px;
   text-transform: uppercase;
   color: var(--white);
   margin-bottom: 20px;
 }
 
 .footer-content__map {
   aspect-ratio: 10/7;
   width: 35%;
   overflow: hidden;
 }

 .footer-content__map p {
   width: 100%;
   height: 100%;
 }
 
 .footer-content__bottom {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 12px;
   text-align: right;
   color: var(--white);
   line-height: 120%;
 }
 
 .footer-content__bottom a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-left: 10px;
   font-family: var(--font-family);
   font-weight: 400;
   font-size: 12px;
   color: var(--white);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
   line-height: 120%;
 }
 
 .footer-content__bottom a:hover {
   color: var(--dark);
 }
 
@media (min-width:992px) and (max-width:1199px) {
	.footer-content__menu {
		width:26%;
	}	
}

 .social {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
 }
 
 .social__item {
   margin-left: 20px;
 }
 
 .social__item:first-child {
   margin-left: 0;
 }
 
 .social__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   transform: scale(1);
   transition: all .3s ease 0s;
 }

 .social__link:hover {
   transform: scale(1.1);
 }
 
 .social__link_facebook {
   width: 34px;
   height: 32px;
 }
 
 .social__link_instagram {
   width: 31px;
   height: 31px;
 }
 
 .social__link_youtube {
   width: 38px;
   height: 31px;
 }
 
 .social__svg {
   color: var(--white);
   -webkit-transition: all 0.3s ease 0s;
   transition: all 0.3s ease 0s;
 }
 
 .social__svg:hover {
   color: var(--dark);
 }
 
 .menu-mobile {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -webkit-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
   z-index: 7;
   opacity: 0;
   visibility: hidden;
 }

 .menu-mobile:after {
   content: "";
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: 0;
   visibility: hidden;
   z-index: -1;
   -webkit-transition: all 0.5s ease 0s;
   transition: all 0.5s ease 0s;
 }

 
 .menu-mobile.open {
   left: 0;
   opacity: 1;
   visibility: visible;
 }

 .menu-mobile.open:after {
   opacity: .8;
   visibility: visible;
 }
 
 .menu-mobile.open .mobile-menu {
   left: 0;
 }
 
 .mobile-menu {
   display: flex;
   position: fixed;
   top: 0;
   left: -100%;
   width: 100%;
   max-width: 520px;
   height: 100%;
   background-color: var(--white);
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   opacity: 1 !important;
   z-index: 1;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 100px 20px 60px;
 }

   .mobile-menu {
      flex-direction: column;
   }
   .menu-mobile .mobile-menu .header-content {
      position: fixed;
      width: 100%;
      max-width: 520px;
      min-height: auto;
      justify-content: space-between;
      top: 0;
      left: -100%!important;
      padding: 20px;
      transition: all .3s linear;
      z-index: 3;
   }
   .menu-mobile.open .mobile-menu .header-content {
      left: 0!important;
   }

 .mobile-menu__body {
   display: -webkit-box;
   display: -ms-flexbox;
      display: flex;
   flex-direction: column;
   justify-content: center;

   padding: 0 7px;
 }

 .mobile-menu__menu .menu__list-item {
   display: inline-flex;
   position: relative;
 }

 .mobile-menu__menu .menu-item-has-children > .menu__list-item:after {
   content: '';
   position: absolute;
   top: 5px;
   right: 0;
   width: 8px;
   height: 13px;
   background: url('../img/svg/arrow-red.svg') no-repeat center top/cover;
   transform: rotate(90deg);
   pointer-events: none;
   transition: all .3s ease 0s;
 }
 .mobile-menu__menu .menu .menu-item-has-children .menu__list-item.active:after {
   transform: rotate(270deg);
 }

 .mobile-menu__menu .menu li {
   margin-bottom: 20px;
 }

 .mobile-menu__menu .menu .menu-item-has-children .menu__list-item {
   padding-right: 35px;
 }

 .mobile-menu__menu .menu li:last-child {
   margin-bottom: 0px;
 }

 .mobile-menu__menu .menu a {
   display: flex;
   font-family: var(--second-family);
   font-weight: 500;
   font-size: 17px;
   text-transform: uppercase;
   color: var(--black);
   transition: all .3s ease 0s;
 }

 .mobile-menu__menu .menu .sub-menu {
   max-height: 0;
   overflow: hidden;
   transition: all .3s ease 0s;
 }

 .mobile-menu__menu .menu .sub-menu li {
   margin: 10px 5px;
 }
 .mobile-menu__menu .menu .sub-menu a {
   font-family: var(--second-family);
   font-weight: 300;
   font-size: 16px;
   text-align: left;
   color: var(--black);
   transition: all .3s ease 0s;
}

.mobile-menu__menu .menu__list-item:hover a {
   color: var(--red);
 }


 .lang {
   display: -webkit-box;
   display: -ms-flexbox;
      display: flex;
   -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
 }

 
 @media (min-width: 960px) {
   .services__wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     margin: -10px;
   }
 
   .services__slide {
     width: 25%;
     padding: 10px;
   }

   .fixed-btn {
      display: none;
   }
 }
 
 @media (min-width: 1320px) {
   h1 {
     font-size: 45px;
   }
 
   h2 {
     font-size: 36px;
   }
 }
 
 @media (max-width: 1440px) {
   .header {
     width: 100%;
     height: auto;
     z-index: 3;
   }
 
   .header-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     padding: 10px 0;
     height: auto;
     min-height: auto;
   }
 
   .burger {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
             flex-direction: row;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     position: static;
     top: 0;
     left: 0;
     -webkit-transform: translate(0, 0);
         -ms-transform: translate(0, 0);
             transform: translate(0, 0);
   }
 
   .burger__title {
     margin: 0 10px 0 0;
   }
 
   .main-content {
     height: auto;
     min-height: auto;
   }
 
   .main-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     position: relative;
     height: auto;
     min-height: auto;
     margin: -15px;
   }
 
   .main-wrapper__inner {
     aspect-ratio: 10/5;
     position: relative;
     width: 100%;
   }
 
   .main-wrapper__img {
     opacity: 1;
     visibility: visible;
   }
}
 
 @media (max-width: 1240px) {
   .services__slide {
     width: 50%;
   }
 }
 
 @media (max-width: 1100px) {
   .reviews__img {
     margin-right: 10px;
   }
 }
 
 @media (max-width: 960px) {
   .section {
     padding: 50px 0;
   }
 
   .main-wrapper__inner {
     aspect-ratio: 10/8;
   }
 
   .hero-page-body__right {
     margin-top: 20px;
     width: 100%;
     -webkit-box-pack: start;
         -ms-flex-pack: start;
             justify-content: flex-start;
   }
 
   .hero-page-body__left {
     width: 100%;
   }
 
   .form-section {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .form-section__left {
     padding: 0;
     width: 100%;
   }
 
   .form-section__right {
     width: 100%;
     margin: 30px auto 0;
   }
 
   .about-section {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .about-section__img {
     aspect-ratio: 10/7;
   }
 
   .media__column {
     width: 100%;
   }
 
   .row-contacts__block-wrapper {
     width: 100%;
   }
 
   .fixed-btn {
     width: 65px;
     height: 65px;
   }
 
   .fixed-btn__link {
     font-size: 10px;
   }
 
   .footer-content__logo,
   .footer-content__menu,
   .footer-content__map {
     width: 100%;
   }
 
   .footer-content__map {
     aspect-ratio: 10/5;
   }
 
   .footer-content__title {
     margin-bottom: 12px;
   }
 
   .footer-content__title li {
     margin-bottom: 8px;
   }
 
   .footer-content__logo {
     margin-bottom: 30px;
   }
 
   .footer-content__menu {
     margin-bottom: 30px;
   }
   .hero-page-body__buttons {
      justify-content: flex-start;
   }
   
   .serv-block__item {
        width: 100%;
    }
    .serv-block__content {
    	max-width: 100%;
        padding: 30px 15px;
    }
    
    .archive-wrapper__item {
        padding: 10px;
        width: 50%;
    }
 }
 
 @media (max-width: 768px) {
   h1 {
     font-size: calc(27px + (18 + 18 * 0.7) * ((100vw - 320px) / 1320));
   }
 
   h2 {
     font-size: calc(20px + (16 + 16 * 0.7) * ((100vw - 320px) / 1320));
   }
 
   h3 {
     font-size: 20px;
   }
 
   .about-section__text-wrapper {
     padding: 45px 15px;
   }
 
   .faq__title {
     padding: 20px 15px;
   }
 
   .faq__title:after {
     right: 15px;
   }
 
   .faq__body {
     padding: 0 15px 20px 15px;
   }

   .section-map {
      aspect-ratio: 10 / 6;
  }
 }
 
 @media (max-width: 520px) {
   .footer-content__bottom {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
   }
 
   .hero-page-body__buttons {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .hero-page-body__right .primary-btn {
     margin-left: 0;
     margin-top: 10px;
   }
 
   .hero-page-body__form {
     margin-top: 20px;
     padding: 30px 15px;
   }
 
   .reviews__content {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
 
   .reviews__img {
     width: 100%;
     max-width: 100%;
   }
 
   .reviews__text {
     width: 100%;
     max-width: 100%;
   }
 
   .swiper-navigation {
     display: none;
   }
   
   .header-row {
   	flex-direction: column-reverse;
    align-items: flex-end;
   }
   
   .burger {
   	margin-left: 0;
    margin-bottom: 10px;
   }
   
   .archive-wrapper__item {
        padding: 10px;
        width: 100%;
    }
 }
 
 @media (max-width: 320px) {
   h1 {
     font-size: 27px;
   }
 
   h2 {
     font-size: 20px;
   }
 }


/*modal*/
.modal .close {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #fff;
    z-index: 9;
    width: 30px;
    height: 30px;
    font-size: 20px;
	border: 3px solid #fff;
    padding: 0;
    border-radius: 50%;
    line-height: 1;
}

.modal .form-section__item {
	justify-content:center;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
	background:rgba(0,0,0,0.2);
}

.modal-dialog {
	top:25%;
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal .modal-body {
	text-align:center;
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--red);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer > * {
    margin: .25rem
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}