@font-face {
  font-family: TT commons;
  src: url(../fonts/TTFIRSNEUE-REGULAR.TTF);
}

@font-face {
  font-family: TT medium;
  src: url(../fonts/TTFIRSNEUE-MEDIUM.TTF);
}

@font-face {
  font-family: Halvar;
  src: url(../fonts/HalvarBreit-Lt.ttf);
}

@font-face {
  font-family: Halvar medium;
  src: url(../fonts/HalvarBreit-Md.ttf);
}

@font-face {
  font-family: Halvar regular;
  src: url(../fonts/HalvarBreit-Rg.ttf);
}

@font-face {
  font-family: Halvar bold;
  src: url(../fonts/HalvarBreit-Bd.ttf);
}

header {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body {
  background-color: #000909;
  font-family: TT commons;
}

iframe {
  border-radius: 36px;
}

video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

li {
  list-style-type: none;
}

textarea:focus,
input:focus {
  color: #00b6c3 !important;
}

input,
select,
textarea {
  color: #ffffff !important;
}

.dropdownColor {
  background-color: #1a3636;
  border: 1px solid #081717;
}

.dropdownItemColor {
  color: #fff;
}

.dropdown-item:focus,
.dropdown-item:active {
  background-color: transparent;
  border-color: none;
  box-shadow: none;
  color: inherit;
}

.map {
  filter: grayscale(40%) invert(90%);
}

.videoContainer {
  padding-left: 3rem;
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  display: flex;
}

/* Color of the video, for now let it be violet */
/* .videoContainer::after {
  background: #00b6c3;
  mix-blend-mode: color;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

.videoTitle {
  position: relative;
  color: white;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);
  mix-blend-mode: normal;
}

.companyLogo {
  width: 5rem;
  height: auto;
}

.companyLogoDiv {
  text-align: center;
}

::placeholder {
  font-size: 12px;
  color: #4b5e5e !important;
}

.container {
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px 15px;
}

.servicesContainer {
  max-width: 90%;
  margin: 0px auto;
  padding: 0px 15px;
}

.section {
  margin-bottom: 5rem;
}

.navbarLogo {
  width: 3.7rem;
  padding-bottom: 7px;
  margin-right: 6rem;
}

.navButton {
  margin-right: 1.5rem;
  padding-right: 1rem;
}

.navItem {
  color: #fff !important;
}

.whiteColor {
  color: #fff;
}

.sectionOneTitle {
  padding-top: 25rem;
  font-size: 32px;
  font-family: Halvar;
  mix-blend-mode: normal !important;
  color: #fff;
}

.sectionOneSubTitle {
  font-size: 16px;
  font-family: Halvar;
}


.accordion-item {
  border: none !important;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion-body {
  padding: 0 !important;
  margin: 0 !important;
}

.sectionTwoTitle {
  line-height: 1.3;
  padding-top: 3.5rem;
  font-family: Halvar medium;
}

.sectionTwoSubtext {
  padding-top: 1rem;
  padding-bottom: 8px;
  font-size: 12px;
  color: #ebebeb;
}

.sectionTwoImage {
  width: 23rem;
  height: auto;
  margin-left: 3rem;
}

.aboutCompanySectionTwoImage {
  padding-top: 2rem;
  width: 20rem;
  height: auto;
  margin-left: 5rem;
}

.sectionTwoButton {
  border-radius: 32px;
  width: 11rem;
  color: #fff;
  font-size: 12px;
  font-family: Halvar medium;
  background: linear-gradient(rgb(0, 0, 0), rgb(255, 255, 255, 0.2));
}

.sectionTwoButton:hover {
  border: 1px solid #172d33;
  background-color: #00b6c37d;
  color: #fff;
}

.sectionFiveButton:hover {
  border: 1px solid #172d33;
  background-color: #00b6c37d;
  color: #fff;
}

input#username {
  background-color: #000909;
  border-color: #1a3636;
}

textarea#message {
  background-color: #000909;
  border-color: #1a3636;
}

input#phone {
  background-color: #000909;
  border-color: #1a3636;
}

.navItem:hover {
  color: #00b6c3 !important;
}

.modalButton:hover {
  border: 1px solid #172d33;
}

.sectionSixButton:hover {
  border: 1px solid #172d33;
  background-color: #00b6c37d;
  color: #fff;
}

.ourServicesButton:hover {
  border: 1px solid #172d33;
  background-color: #00b6c37d;
  color: #fff;
  cursor: pointer;
}

.sectionSixButton {
  margin-top: 1rem;
  border-radius: 32px;
  width: 11rem;
  color: #fff;
  font-size: 12px;
  font-family: Halvar medium;
  background: linear-gradient(rgb(0, 0, 0), rgb(255, 255, 255, 0.2));
}

.sectionTwoPadding {
  padding-left: 9rem;
  padding-right: 1rem;
}

.aboutCompanySectionTwoPadding {
  padding-left: 5rem;
}

.arrowIcon {
  width: 1rem;
  height: auto;
  padding-bottom: 2px;
}

.arrowIconUp {
  padding-bottom: 2px;
}

.sectionThreeTitle {
  padding-top: 2rem;
  padding-bottom: 8px;
  font-family: Halvar;
  color: #020105;
  padding-left: 1rem;
  font-size: 18px;
  font-family: Halvar bold;
}

.sectionThreeSubTitle {
  padding-top: 1.25rem;
  padding-bottom: 5rem;
  font-family: Halvar medium;
  padding-left: 1rem;
  font-size: 20px;
}

.container .nav .active {
  background-color: transparent;
}

.b-our-products .nav .active #ican {
  color: #00b6c3;
}

.b-our-products .nav .active #wasyt {
  color: #40bff4;
}

.b-our-products .nav .active #istock {
  color: #5d5fef;
}

.b-our-products .nav .active #ikeep {
  color: orange;
}

.sectionThreeSubTitle1 {
  padding-top: 1rem;
  font-family: Halvar medium;
  padding-left: 1rem;
  font-size: 16px;
}

.sectionThreeInnerBannerContent {
  font-size: 12px;
  margin-bottom: 1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  color: #ebebeb;
}

.sectionThreeInnerBannerButton {
  font-size: 14px;
  font-family: Halvar medium;
}

.sectionThreeInnerBannerButton:hover {
  color: #fff;
}

.sectionThreeBanner {
  background-color: #fff;
  border-radius: 28px;
  padding-bottom: 1rem;
}

.sectionThreeInnerBanner {
  background-color: #0c1c1c;
  border-radius: 18px;
  margin-right: 1rem;
}

.sectionThreeButton {
  margin-left: 1rem;
  font-family: Halvar medium;
}

.sectionThreeButtonText {
  font-family: Halvar bold;
  color: #353437;
}

.sectionThreeButtonSubText {
  color: #615a73;
  font-size: 12px;
  font-family: TT commons;
}

input[type="checkbox"]:after {
  box-shadow: none !important;
}

input.blue[type="checkbox"]:checked {
  background-color: #00b6c3 !important;
  color: #ffffff !important;
}

input.orange[type="checkbox"]:checked {
  background-color: orange !important;
  color: #ffffff !important;
}

input.wasyt[type="checkbox"]:checked {
  background-color: #40bff4 !important;
  color: #ffffff !important;
}

input.iwork[type="checkbox"]:checked {
  background-color: #5d5fef !important;
  color: #ffffff !important;
}

.sectionFourTitle {
  padding-bottom: 1rem;
  text-align: center;
  font-family: Halvar medium;
}

.sectionFourRow {
  padding-left: 5rem;
  padding-right: 5rem;
}

.sectionFourIcon {
  width: 8rem;
  height: auto;
}

.sectionFourCardColored {
  background-color: #010f0f;
  border: 1px solid #1a3636;
  border-radius: 20px;
}

.sectionFourCardColoredFirst {
  background-color: #010f0f;
  border: 1px solid #1a3636;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.sectionFourCardColoredSecond {
  background-color: #010f0f;
  border: 1px solid #1a3636;
  border-radius: 0;
}

.sectionFourCardColoredThird {
  background-color: #010f0f;
  border: 1px solid #1a3636;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.newsCard {
  background-color: #010f0f;
  border: 1px solid #1a3636;
  border-radius: 8px;
}

.sectionFourCardTitle {
  font-family: TT medium;
}

.sectionFourContent {
  font-size: 12px;
  margin-bottom: 0.5rem;
  color: #ebebeb;
}

.sectionFiveTitle {
  padding-top: 2rem;
  font-family: Halvar bold;
}

.sectionFiveForm {
  max-width: 22rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
}

.sectionFiveFormInput {
  border-radius: 57px;
}

.sectionFiveButton {
  padding-right: 1rem;
  border-radius: 32px;
  color: #fff;
  font-size: 12px;
  font-family: Halvar medium;
  background: linear-gradient(rgb(0, 0, 0), rgb(255, 255, 255, 0.2));
  margin-bottom: 1rem;
  margin-top: 4px;
}

.sectionFiveBanner {
  padding-left: 3rem;
  background-color: #010f0f;
  border: 1px solid #1a3636;
  border-radius: 30px;
  overflow: hidden;
}

.sectionFiveContent {
  font-size: 12px;
  margin-bottom: 0.5rem;
  color: #c2c2c3;
}

.sectionFiveImage {
  /* width: 25rem; */
  width: 30rem;
  height: auto;
}

.sectionSixContent {
  font-size: 12px;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  color: #9a999b;
}

.contactsTitle {
  color: #4b5e5e;
  font-size: 12px;
  font-family: Halvar;
}

.contactsContent {
  color: #fff;
}

.socialMediaIcon {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 3px;
}

.partnersIcon {
  width: 2rem;
  height: 2rem;
}

.aboutCompanySectionOne {
  padding: 5rem;
  text-align: center;
}

.aboutCompanySectionTwo {
  box-shadow: 0px -35px 77px 12px #2db8ca67;
  border-radius: 22px;
  background-color: rgba(1, 15, 15, 0.88);
}

.aboutCompanySectionOneTitle {
  font-size: 12px;
  margin-bottom: 0;
}

.aboutCompanySectionOneSubTitle {
  font-size: 100px;
  font-family: Halvar;
  background: -webkit-linear-gradient(
    rgb(255, 255, 255),
    rgba(97, 97, 97, 0.2)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.aboutCompanySectionThree {
  font-family: Halvar medium;
  text-align: center;
  padding-top: 2rem;
  margin-bottom: 3rem;
}

.aboutCompanyGradientText {
  font-size: 60px;
  background-image: linear-gradient(90deg, #00b6c3, #ffd900 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: Halvar regular;
}

.aboutCompanySectionThreeSubText {
  font-size: 12px;
}

.ourServicesSectionOne {
  padding: 5rem;
  text-align: center;
}

.ourServicesSectionOneTitle {
  font-size: 12px;
  margin-bottom: 0;
}

.ourServicesSectionOneSubTitle {
  font-size: 80px;
  font-family: Halvar;
  background: -webkit-linear-gradient(
    rgb(255, 255, 255),
    rgba(97, 97, 97, 0.2)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ourServicesTitle {
  font-family: Halvar bold;
  font-size: 20px;
}

.ourServicesSubTitle {
  font-family: Halvar bold;
  font-size: 14px;
}

.ourServicesProductTitle {
  font-family: Halvar medium;
}

.ourServicesProductTitleIcan {
  color: #00b6c3;
  font-size: 30px;
}

.chosenServices {
  height: 400px;
}

.ourServicesProductTitleIkeep {
  color: orange;
  font-size: 30px;
}

.ourServicesProductTitleWasyt {
  color: #40bff4;
  font-size: 30px;
}

.ourServicesProductTitleIwork {
  color: #5d5fef;
  font-size: 30px;
}

.checkbox-lg .form-check-input {
  top: 0.8rem;
  scale: 1.4;
  margin-right: 0.7rem;
  background-color: transparent;
  border-color: #1a3636;
}

.checkbox-lg .form-check-label {
  padding-top: 13px;
}

.ourServicesProductSubTitle {
  color: #b8c6c6;
  font-size: 16px;
  padding-right: 2rem;
}

.ourServicesBanner {
  box-shadow: 0px -35px 77px 12px #2db8ca67;
  padding-left: 2rem;
  background-color: #010f0f;
  border: 1px solid #1a3636;
  border-radius: 16px;
}

.allNewsBanner {
  box-shadow: 0px -35px 77px 12px #2db8ca67;
  padding-left: 2rem;
  background-color: #010f0f;
  border: 1px solid #1a3636;
  border-radius: 40px;
}

.ourServicesButton {
  margin-bottom: 2rem;
  margin-top: 1rem;
  border-radius: 32px;
  width: 20%;
  color: #fff;
  font-size: 16px;
  font-family: Halvar medium;
  background: linear-gradient(rgb(0, 0, 0), rgb(255, 255, 255, 0.2));
}

.ourServicesButton1 {
  width: 100%;
  margin-bottom: 2rem;
  margin-top: 1rem;
  border-radius: 32px;
  color: #fff;
  font-size: 16px;
  font-family: Halvar medium;
  background: linear-gradient(rgb(0, 0, 0), rgb(255, 255, 255, 0.2));
}

.ourServicesButton1:hover {
  border: 1px solid #172d33;
  background-color: #00b6c37d;
  color: #fff;
  cursor: pointer;
}

.pzdc {
  padding-bottom: 2px;
  margin-left: 4px;
}

.ourServicesChosen {
  margin-bottom: 4px;
  border-radius: 32px;
  padding: 3px 2px 1px 16px;
  color: #fff;
  font-size: 16px;
  font-family: Halvar medium;
  background-color: rgb(255, 255, 255, 0.14);
  border: 1px solid rgb(255, 255, 255, 0.28);
}

.modal-dialog {
  max-width: 750px;
}

.modal-header {
  border-bottom: 1px solid #1a3636;
}

.modalDark {
  background-color: rgba(1, 15, 15, 0.88);
  border-radius: 20px;
  border: 1px solid #1a3636;
}

.modalTitle {
  font-family: Halvar bold;
  font-size: 20px;
}

.ourServicesCheckedValue {
  border-radius: 32px;
  color: #00b6c3;
  font-size: 12px;
  font-family: Halvar;
  background-color: #00b6c318;
  margin-top: 4px;
  border: 1px solid #00b6c3 !important;
}

.ourServicesCheckedProductValue {
  border-radius: 32px;
  font-size: 12px;
  font-family: Halvar;
  border: 1px solid !important;
}

hr {
  background: #d9d9d9;
  border: 1px #1a3636;
  height: 1px;
}

.ourServicesProduct {
  margin-bottom: 2rem;
}

.contacts {
  padding-top: 5rem;
  padding-left: 5rem;
  padding-right: 5rem;
  text-align: center;
}

.formMessage {
  height: 8rem;
}

.modalContainer {
  padding: 0rem 1rem 0rem 1rem;
}

.modalForm {
  align-items: center;
  padding-bottom: 0.5rem;
}

.modalInput {
  border-radius: 32px;
  margin-bottom: 0.5rem;
}

.modalButton {
  background-color: rgb(255, 255, 255, 0.25);
  border-radius: 32px;
  color: #fff;
  font-size: 13px;
  width: 100%;
  font-family: Halvar medium;
}

.modalMessage {
  border-radius: 16px;
  margin-bottom: 0.5rem;
  height: 8rem;
}

.contactsFormBanner {
  margin-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 30px;
  overflow: hidden;
}

.contactsFormInput {
  padding-bottom: 0.5rem;
}

.contactsFormInputBorder {
  border-radius: 57px;
}

.contactsFormTitle {
  font-size: 16px;
  margin-bottom: 1rem;
  color: #b8c6c6;
  font-family: TT medium;
}

.contactsFormContent {
  font-size: 14px;
  margin-bottom: 1rem;
  color: #b8c6c6;
}

.footerSection {
  font-size: 12px;
  padding-left: 9rem;
  padding-right: 9rem;
  border-radius: 28px;
  border: 1px solid #1a3636;
}

.footerResponsive {
  text-align: end;
}

.example {
  background-image: url("/assets/images/footer.png");
  background-size: cover;
  background-position: center;
}

.newsTitle {
  font-size: 32px;
  font-family: TT medium;
}

.newsBlock {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 4rem;
}

.newsBlockContent {
  margin-left: 12rem;
  margin-right: 12rem;
  margin-top: 3rem;
  font-size: 16px;
}

.newsImg {
  width: 70rem;
  height: auto;
}

.iconArrowNews {
  padding-top: 15px;
}

.footerLink {
  font-family: TT medium;
}

@media (max-width: 1200px) {
  .container {
    max-width: 970px;
  }
}
@media (max-width: 992px) {
  .container {
    max-width: 750px;
  }
}

@media (max-width: 767px) {
  .sectionTwoImage {
    padding-top: 2rem;
    width: 22rem;
    height: auto;

    margin-left: 2rem;
  }

  .companyLogoDiv {
    text-align: start;
    padding-bottom: 8px;
    margin-top: 2rem !important;
    margin-bottom: 1.5rem !important;
  }

  .contactsFormTitle {
    font-size: 14px;
  }

  .footerLink {
    font-size: 14px;
    margin-bottom: 1rem;
  }

  .newsImg {
    max-width: 100%;
    height: auto;
  }

  .newsTitle {
    font-size: 22px;
    font-family: TT medium;
  }

  .newsBlock {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 2rem;
  }

  .ourServicesBanner {
    box-shadow: 0px -35px 77px 12px #2db8ca67;
    padding-left: 1rem;
    background-color: #010f0f;
    border: 1px solid #1a3636;
    border-radius: 16px;
  }

  .allNewsBanner {
    box-shadow: 0px -35px 77px 12px #2db8ca67;
    padding-left: 1rem;
    background-color: #010f0f;
    border: 1px solid #1a3636;
    border-radius: 40px;
  }

  .ourServicesButton1 {
    width: 80%;
    margin-right: 1rem;
    margin-bottom: 2rem;
    margin-top: 3rem;
    border-radius: 32px;
    color: #fff;
    font-size: 16px;
    font-family: Halvar medium;
    background: linear-gradient(rgb(0, 0, 0), rgb(255, 255, 255, 0.2));
  }

  .newsBlockContent {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 2rem;
    font-size: 14px;
  }

  .socialMarginMobile {
    padding-bottom: 2rem;
  }

  .footerResponsive {
    text-align: start;
  }

  .footerSection {
    font-size: 12px;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 28px;
    border: 1px solid #1a3636;
  }

  .contactsFormContent {
    font-size: 12px;
  }
  .aboutCompanySectionTwoImage {
    padding-top: 2rem;
    width: 22rem;
    height: auto;
    margin-left: 2rem;
  }

  .ourServicesProductSubTitle {
    font-size: 12px;
    padding-right: 1rem;
  }

  .sectionFourIcon {
    width: 12rem;
    height: auto;
    margin-left: 3rem;
  }

  .sectionThreeInnerBanner {
    background-color: #0c1c1c;
    border-radius: 18px;
    width: 90%;
  }

  .mobileToggleButton {
    width: 100%;
    color: white;
    background-color: rgb(26, 54, 54, 0.88);
    font-family: Halvar bold;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .news {
    margin-left: 0.3rem;
  }

  .ourServicesSectionOne {
    padding: 2rem;
    text-align: center;
  }

  .aboutCompanySectionOne {
    padding: 2rem;
    text-align: center;
  }

  .contacts {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
  }

  .sectionThreeButton {
    margin-left: 1rem;
    font-size: 12px;
  }

  .sectionThreeSubTitle {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-family: Halvar;
    padding-left: 1rem;
  }

  .sectionThreeSubTitle1 {
    padding-top: 1rem;
    font-family: Halvar;
    padding-left: 1rem;
    font-size: 12px;
  }

  .test {
    width: 60px;
    height: auto;
  }

  .burgerMenu {
    background-color: #ffffffe1;
  }

  .sectionFourCardColored {
    background-color: #010f0f;
    border: 1px solid #1a3636;
    border-radius: 20px;
    margin-top: 1rem;
  }

  .sectionFourCardColoredFirst {
    background-color: #010f0f;
    border: 1px solid #1a3636;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
  }

  .sectionFourCardColoredSecond {
    background-color: #010f0f;
    border: 1px solid #1a3636;
    border-radius: 0;
  }

  .sectionFourCardColoredThird {
    background-color: #010f0f;
    border: 1px solid #1a3636;
    border-top-right-radius: 0;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 20px;
  }

  .newsCard {
    background-color: #010f0f;
    border: 1px solid #1a3636;
    border-radius: 8px;
    margin-top: 1rem;
  }

  .ourServicesButton {
    width: 50%;
    font-size: 16px;
  }

  .sectionTwoPadding {
    padding-left: 1rem;
  }

  .aboutCompanySectionTwoPadding {
    padding-left: 1rem;
  }

  .sectionFourRow {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sectionFive {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sectionFiveImage {
    max-width: 100%;
    height: auto;
  }

  .sectionFiveBanner {
    padding-left: 2rem;
    background-color: #010f0f;
    border: 1px solid #1a3636;
  }

  .sectionOneTitle {
    padding-top: 21rem;
    font-size: 28px;
    font-family: Halvar;
  }

  .sectionOneSubTitle {
    font-size: 14px;
    font-family: Halvar;
  }

  .aboutCompanyStats {
    padding-left: 2rem;
  }

  .aboutCompanyGradientText {
    font-size: 32px;
    background-image: linear-gradient(90deg, #00b6c3, #ffd900 55%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .breakLine {
    display: none;
  }

  .videoContainer {
    padding-left: 1rem;
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    display: flex;
  }

  .ourServicesSectionOneSubTitle {
    font-size: 20px;
  }

  .aboutCompanySectionOneSubTitle {
    font-size: 28px;
  }

  .aboutCompanySectionThreeTitle {
    font-size: 12px;
  }

  .contactsFormBanner {
    margin-top: 3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-radius: 30px;
    overflow: hidden;
  }
}