@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);

img {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
}

.btn-purple {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #481b68;
  background-color: #481b68;
  color: #ffffff;
  opacity: 80%;
  font-family: "Open Sans";
  font-weight: 300;
  padding: 1vw 1vw;
  border-radius: 30vw;
  transition: box-shadow 0.3s ease;
  cursor: pointer;
  font-size: 1.2vw;
  margin-top: 10%;
  width: 20vw;
}
.btn-purple:hover {
  box-shadow: 1px 1px 7px #39363d;
  opacity: 100%;
}

.btn-purple-border {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2vw;
  border: 2px solid #481b68;
  background-color: transparent;
  color: #481b68;
  font-family: "Open Sans";
  font-weight: 500;
  padding: 1vw 2vw;
  font-size: 1vw;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.btn-purple-border:hover {
  box-shadow: 1px 1px 7px #39363d;
}

.btn-light-purple-border::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(../src/icon_phone.svg);
  fill: #ffffff;
  background-size: cover;
  flex: 1 0 auto;
  margin-right: 10px;
}

.btn-light-purple-border {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
  background-color: #6a5975;
  color: #ffffff;
  font-family: "Open Sans";
  font-weight: 400;
  padding: 12px 30px;
  border-radius: 30px;
  font-size: 1vw;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}
.btn-light-purple-border:hover {
  box-shadow: 1px 1px 7px #39363d;
}

.content-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #6a5975;
  padding: 1% 1%;
}

.txt-logo {
  flex: 0.1;
  color: #ffffff;
  font-size: 1.5vw;
  text-align: center;
  transform: scaleY(1.1);
}

.ul-header {
  flex: 0.6;
  margin-left: 0.4%;
  display: flex;
  flex-direction: row;
}

.ul-header > li {
  font-family: "Open Sans";
  margin-left: 3%;
  font-size: 1.2vw;
  color: #ffffff;
  font-weight: 360;
  display: flex;
  cursor: pointer;
  align-items: center;
}

.ul-header li a {
  color: #ffffff;
}

.ul-header li a:hover {
  color: #39313c;
}

/* .ul-header > li:first-child:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url(../src/treetochki.svg);
  background-size: cover;
  flex: 1 0 auto;
  margin-left: 10px;
  margin-right: 10px;
} */

.phone-conainer {
  flex: 0.3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans";
  color: #ffffff;
  font-weight: 400;
}

.content-main {
  background-image: url(../src/background-noise.png);
  flex: 1;
  display: flex;
  flex-direction: row;
}

.info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0.4;
  margin: 6% 0px 0px 10%;
}

:root {
  --underline-intrinsic-width: 8;
  --underline-width: 12;
  --underline-cap-width: 0.2vw;
  --underline-offset-y: -3px;
  --underline-padding-x: 0.2vw;
  --cap-image-left: url(https://files-d4s40otz1.now.sh/left.svg);
  --cap-image-right: url(https://files-4vvqilj8v.now.sh/right.svg);
}

.heading {
  display: inline;
  --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-repeat: no-repeat;
  color: #481B68;
  background-image: linear-gradient(0deg, #C6B9C0, #C6B9C0);
  background-position-y: calc(100% - var(--underline-offset-y) * -2);
  background-size: calc(102% - var(--underline-cap-width) * var(--underline-width-scale) * 2) calc(var(--underline-width) * 1px);
  font-size: 3vw;
  font-family: "Playfair Display";
}

.tittle-seconadry {
  display: inline;
  --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-repeat: no-repeat;
  color: #cfc3c6;
  background-image: linear-gradient(0deg, #39313c, #39313c);
  background-position-y: calc(100% - var(--underline-offset-y) * -2);
  background-size: calc(102% - var(--underline-cap-width) * var(--underline-width-scale) * 2) calc(var(--underline-width) * 1px);
  font-size: 3.5vw;
}

.info > h2 {
  margin-top: 40px;
  font-size: 1vw;
  color: #481b68;
  line-height: 1.3;
  font-family: "Open Sans";
  margin: 20px 30% 0px 0;
}

.info > h3 {
  font-size: 1.2vw;
  margin: auto 0 20px 0;
  color: #481b68;
}

.img-main-middle-div {
  height: auto;
  flex: 0.5;
  display: flex;
  align-items: end;
}

.image-main-middle {
  flex: 0 1 auto;
  height: auto;
  width: 80%;
  display: block;
}

.img-main-end-div {
  height: auto;
  flex: 0.1;
  display: flex;
  justify-content: center;
}

.image-main-end {
  height: auto;
  width: auto;
  align-content: center;
  padding: 30% 0;
}

.section1-div {
  height: 1200px;
  background-color: #2c1039;
}

.content-second {
  display: flex;
  flex-direction: row;
}

.content-container-row {
  height: 100vh;
  display: flex;
  flex-direction: row;
  flex: 1;
}

.order-container-left {
  width: auto;
  flex: 0.7;
  display: flex;
  margin: 0 5%;
  margin-top: 10vh;
  flex-direction: column;
  background-color: #e1dad3;
}

.order-container-right {
  width: auto;
  flex: 0.3;
  display: flex;
  flex-direction: column;
  background-color: #cfc3c6;
  padding-top: 10vh;
}

.div-back-order {
  display: flex;
  flex-direction: row;
}

.content-order {
  height: 100vh;
  background-color: #e1dad3;
  flex: 1;
  display: flex;
  flex-direction: row;
}

.heading-order {
  display: inline;
  --underline-width-scale: calc(var(--underline-width) / var(--underline-intrinsic-width));
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-repeat: no-repeat;
  color: #481B68;
  background-image: linear-gradient(0deg, #C6B8C0, #C6B8C0);
  background-position-y: calc(100% - var(--underline-offset-y) * -2);
  background-size: calc(102% - var(--underline-cap-width) * var(--underline-width-scale) * 2) calc(var(--underline-width) * 1px);
  font-size: 4vw;
}

.some-input {
  border: none;
  border-bottom: 1px solid #39313c;
  background-color: transparent;
  color: #000000;
  margin-top: 20px;
  outline: none;
}
.some-input::-moz-placeholder {
  color: rgba(112, 106, 89, 0.4588235294);
}
.some-input::placeholder {
  color: rgba(112, 106, 89, 0.4588235294);
}

.some-input[type=text] {
  height: 17px;
  border: 0;
  margin-left: 1px;
  font-size: 1vw;
  font-family: "Open Sans";
  padding: 5px;
  box-shadow: -8px 10px 0px -7px #6a5975, 8px 10px 0px -7px #6a5975;
  transition: box-shadow 0.3s;
}

.some-input[type=text]:focus {
  outline: none;
  box-shadow: -8px 10px 0px -7px #39363d, 8px 10px 0px -7px #39363d;
}

.text-in-order{
  font-family: "Open Sans";
  font-size: 1.2vw;
  color: #6a5975;
}

.white-text-tittle{
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 1.4vw;
  font-weight: 500;
}

.white-text-desc{
  margin-top: 10px;
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 0.9vw;
  font-weight: 50;
}


.li-row-second{
  display: flex;
  margin-right: 10%;
  line-height : 1.5;
  flex-direction: column;
}

.div-second-content{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-evenly;
  background-color: #6a5975;
  max-height: 60%;
}

.block1{
  display: flex;
  flex: 1;
  padding: 2%;
  flex-direction: column;
  flex-direction: column;
  flex-wrap: nowrap;
  border-width: 0px;
}

.ul-3screen{
  font-family: "Open Sans";
  color: #6a5975;
  margin-top: 7%;
  margin-left: 5%;
}

.ul-3screen>li{
  margin: 3% 0%;
  font-size: 0.9vw;
}

.ul-3screen>li:nth-child(2){
  margin: 2% 0%;
  color: #39363d;
  font-weight: 600;
  font-size: 1.3vw;
  list-style: disc;
}

.ul-3screen::marker {
  color: #2e9aff;
}

.text-tittle-3screen{
  font-family: "Playfair Display";
  color: #481b68;
  font-weight: 450;
  font-size: 2vw;
  margin-top: 5%;
}

.text-desc-3screen{
  font-family: "Open Sans";
  color: #481b68;
  font-weight: 450;
  font-size: 0.8vw;
  margin-top: 3%;
  line-height: 1.5;
}

.row1-screen3{
  flex: calc(1/3);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1%;
  background-color: #C6B8C0;
  height: 50vh;
}

.row2-screen3{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1%;
  background-color: #C6B9C0;
  height: 30vh;
}

.row2-screen3-col1{
  flex: calc(5/10);
  display: flex;
  flex-direction: column;
  margin: 5%;
  height: 100%;
}

.row2-screen3-col1-text-desc{
  font-family: "Open Sans";
  color: #481b68;
  font-weight: 300;
  font-size: 0.8vw;
  margin-top: 5%;
  line-height: 1.5;
}

.row2-screen3-col2{
  flex: calc(5/10);
}

.text-row-screen3{
  margin: 5% 10%;
  text-align: center; 
}

.img-row-screen3{
  width: 90%;
  object-fit: cover;
}

.inpt1 {
  width: 80%;
  margin-right: 1%;
}

.text-desc-4screen{
  font-family: "Open Sans";
  color: #481b68;
  font-weight: 450;
  font-size: 1vw;
  margin-top: 3%;
  line-height: 1.5;
}

.text-desc-4screen{
  font-family: "Open Sans";
  color: #481b68;
  font-weight: 450;
  font-size: 0.8vw;
  margin-top: 3%;
  line-height: 1.5;
}

.screen4-email{
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  color: #481b68;
  font-weight: 450;
  font-size: 0.8vw;
  margin-top: 3%;
  line-height: 1.5;
  display: flex;
}

.screen4-phone{
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  color: #481b68;
  font-weight: 450;
  font-size: 0.8vw;
  margin-top: 3%;
  line-height: 1.5;
}

.screen4-location{
  display: flex;
  align-items: center;
  font-family: "Open Sans";
  color: #481b68;
  font-weight: 450;
  font-size: 0.8vw;
  margin-top: 3%;
  line-height: 1.5;
}