* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Cabin', sans-serif;
  background-color: #ffffff;
  color: #040E44;
}

    .page{
      width: 100%;
      height: 120vh;
      background-image: url(./photos/background2_1.png);
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      -webkit-background-attachment: fixed;
      -moz-background-attachment: fixed;
    }
    nav{
      width: 100%;
      height: 7%;
      display: flex;
      position: sticky;
      top: 0%;
      backdrop-filter: blur(45px);
      align-items: center;
      justify-content: space-between;
      padding: 15px 5%;
      font-family: 'Cabin', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      font-size: 20px;
      
    }
    nav a:hover{
      color: #dfdfdf
    }
   
   
  
    @import url("https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap");

svg {
	font-family: "Zen Dots", sans-serif;
	width: 60%; height: 100%;
 
}
svg text {
	animation: stroke 7s infinite alternate;
	-webkit-animation: stroke 7s infinite alternate;
	stroke-width: 1;
	-webkit-stroke-width: 1;
	stroke: #FFFFFF;
	-webkit-stroke: #FFFFFF;
	font-size: 0px;
  height: 100%;
}
@keyframes stroke {
	0%   {
		fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1);
		-webkit-fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
		-webkit-stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
	}
	70%  { 
    fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1); 
    -webkit-fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1); 
  }
	80%  
  {
    fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1); stroke-width: 1; 
    -webkit-fill: rgba(255,255,255,0); stroke: rgba(255,255,255,1); stroke-width: 1; 
  }
	100% {
		fill: rgba(255,255,255,1); stroke: rgba(255,255,255,0);
		-webkit-fill: rgba(255,255,255,1); stroke: rgba(255,255,255,0);
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
		-webkit-stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
	}
}
     
nav ul{
  list-style: none;
  width: 300%;
  text-align: right;
  padding-right: 20px;
}

nav ul li{
  display: inline-block;
  margin: 10px 20px;
  padding-left: 0px;
}
    
    nav ul li a{
      color: #FFFFFF;
      text-decoration: none;
    }
  
    .singin{
      width: 110%;
      font-family: arial;
      color: #02061B;
      font-size: 20px;
      text-shadow: 0px 0px 0px #7CACDE;
      box-shadow: 0px 0px 0px #BEE2F9;
      padding: 4px 7px;
      border-radius: 40px;
      border: 0px solid #3866A3;
      background: #EBE9F6;
  
    }
    .h{
      font-size: 95px;
      font-family: 'Cabin', sans-serif;
      font-style: bold;
      color: #FFFFFF;
      margin-top: 570px;
      margin-left: 120px;
      animation: customAni 2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none;
      -webkit-animation: customAni 2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none;
      }
      .p{
      font-family: 'Cabin', sans-serif;
      font-style: normal;
      font-size: 28px;
      color: #FFFFFF;
      font-weight: 100;
      margin-top: 35px;
      margin-left: 120px;
      animation: customAni 2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none;
      -webkit-animation: customAni 2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none;
    }
    
    @keyframes customAni {
      0% {
      transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      }
    
      100% {
      transform: translateX(0px);
      -webkit-transform: translateX(0px);
      }
    }

/* aici se incepe chenarul!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
    .tabelul{
      padding: 40px;
      height: 12vh;
      margin-top: 0px;
      background-color: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .chenar{
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 100%;
      background-color:#FFFFFF;
      box-shadow: 100px 100px 20%;
      width: 1800px ;
      height: 200px ;
      margin-left: 55px;
      margin-top: -65px;
      border-radius: 30px; 
      border: 0px solid #800000;
      box-shadow: 0px 6px 15px 1px rgba(0, 0, 0, 0.24);
      padding: 30px;
      display: block;
      animation: animation-tabel 2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none;
    }
    @keyframes animation-tabel {
      0% {
      transform: translateY(-500%);
      }
    
      100% {
      transform: translateX(0px);
      }
    }

    .flex-container {
      display: inline-flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: center;
      
    }
    
    .flex-items:nth-child(1) {
      display: block;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: auto;
      align-self: auto;
      order: 0;
    }
    
    .flex-items:nth-child(2) {
      display: block;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: auto;
      align-self: auto;
      order: 0;
    }
    
    .flex-items:nth-child(3) {
      display: block;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: auto;
      align-self: auto;
      order: 0;
    }
    
    .flex-items:nth-child(4) {
      display: block;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: auto;
      align-self: auto;
      order: 0;
    }
    
    .flex-items:nth-child(5) {
      display: block;
      flex-grow: 0;
      flex-shrink: 1;
      flex-basis: auto;
      align-self: auto;
      order: 0;
    }
          /* aici este pentru flex box!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

    .custom_input {
      display: flex;
      align-items: center;
      position: relative;
      max-width: 100%;
      margin: 2px;
    }
    
    .input {
      font-size: 30px;
      padding: 20px 13px;
      width: 100%;
      padding-left: 30px;
      outline: none;
      background: #EBE9F6;
      color: #000000;
      border: 1px solid #EBE9F6;
      border-radius: 8px;
      transition: .3s ease;
    }
    
    .input:focus {
      background: #eae8fb;
      border: 1px solid #EBE9F6;
      border-radius: 20px;

    }
    
    .input::placeholder {
      color: #000000;
    }
    
    .svg_icon {
      position: absolute;
      right: 17px;
      fill: #4660DC;
      width: 30px;
      height: 30px;
    }
    .date{
      font-size: 30px;
      padding:  19px 13px;
      width: 100%;
      padding-left: 65px;
      outline: none;
      background: #EBE9F6;
      color: #000000;
      border: 1px solid #EBE9F6;
      border-radius: 8px;
      transition: .3s ease;
      font-family: 'Cabin', sans-serif;
      font-style: normal;
      
    }
    
    .custom-select {
      position: relative;
    }
    
    .custom1-select select {
      appearance: none;
      -webkit-appearance: none;
      width: 16%;
      font-size: 20px;
      padding: 5px 12px 5px 12px;
      background-color: #F3F3F3;
      border: 0px solid #C4D1EB;
      border-radius: 20px;
      color: #000000;
      cursor: pointer;
      outline: none;
      box-shadow: 0px 2px 4px 0px #E2E2E2;
      font-family: 'Cabin', sans-serif;
      font-style: normal;
    }
    
    .custom1-select select:focus {
      background: #F2F2F2;
      border: 0px solid #5A7EC7;
      border-radius: 20px;
    }
    

    .testbutton {
      font-family: 'Cabin', sans-serif;
      font-style: normal;
      color: #FFFFFF;
      font-size: 30px;
      text-shadow: 0px 0px 0px #7CACDE;
      box-shadow: 0px 0px 0px #BEE2F9;
      padding: 20px 60px;
      border-radius: 10px;
      border: 0px solid #3866A3;
      background: #040E44;
      margin-left: 20px;
  
    }
    .testbutton:hover {
      color: #FFFFFF ;
      background: #000361;
    } 

    #returnDate {
      display: none;
    }

    
    /* se termina cheanrul!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
       /*Aici se incepe about us si health!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 6px 15px 1px rgba(0, 0, 0, 0.24);
  border-radius: 30px;
  margin: 100px 0;
  padding: 30px;
  height: 800px;
}
.container2 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 6px 15px 1px rgba(0, 0, 0, 0.24);
  border-radius: 30px;
  margin: 100px 0;
  padding: 30px;
  height: 800px;
}
.about-us, .health-security {
  margin-top: 20px;
  width: 96%;
  margin-left: 60px ;
  animation: appear linear;
  -webkit-animation: appear linear;
  animation-timeline: view();
  -webkit-animation-timeline: view();
  animation-range: entry 0;
  -webkit-animation-range: entry 0;
}
@keyframes appear{
  from{
  opacity: 0;
  -webkit-opacity: 0;
  scale: 0.5;
  -webkit-scale: 0.5;
  }
  to{
  opacity: 1;
  -webkit-opacity: 1;
  scale: 1;
  -webkit-scale: 1;
  }
}
.about-content, .health-content {
  width: 100%;
}


.about-image, .health-image {
  width: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-placeholder1 {
  width: 830px;
  height: auto;
  border-radius: 20px;
  margin-left: 250px;
}
.image-placeholder2 {
  width: 830px;
  height: auto;
  border-radius: 20px;
  margin-right: 100px;
}

.about-content h1{
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 40px;
  margin-left: 90px;
}

.about-content p {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 30px;
  margin-left: 90px;
}
.health-content h1{
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 40px;
  margin-left: 90px;
}

.health-content p {
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 30px;
  margin-left: 90px;
}

.find-more {
  font-family: 'Cabin', sans-serif;
  font-size: 20px;
  color: #FFFFFF;
  padding: 10px 20px;
  border-radius: 10px;
  margin-left: 90px;
  border: none;
  background-color: #040E44;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}

.find-more:hover {
  background-color: #000361e5;
}
/*aici se termina abou us si health !!!!!!!!!!!!!!!!!!*/

.container-des {
  width: 100%;
  height: 190%;
  background-color:#EBE9F6;
  border-radius: 180px 0px / 180px 0px; 
  border: 0px solid #EBE9F6;
  margin-top: 350px;
}

.container-des h1 {
  font-size: 75px;
  font-weight: bold;
  color: #040E44;
  position: absolute;
  left: 690px;
  margin-top: 170px;
}

.content-des {
  display: flex;
  align-items: center;  
  justify-content: space-around;
  margin-top: 350px;
  animation: appear linear;
  -webkit-animation: appear linear;
  animation-timeline: view();
  -webkit-animation-timeline: view();
  animation-range: entry 0;
  -webkit-animation-range: entry 0;
}

.text-des {
  flex: 1;
  padding-right: 20px;
}

.text-des p {
  font-size: 35px;
  color: #040E44;
  margin-bottom: 40px;
  margin-left: 120px;
  margin-right: 250px;
  margin-top: 550px;
}

.btn-des{
  font-family: 'Cabin', sans-serif;
  font-size: 20px;
  color: #FFFFFF ;
  padding: 10px 20px;
  border-radius: 10px;
  border: none;
  background-color: #040E44;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
   margin-left: 120px;
}


.btn-des:hover {
  background-color: #000361e5;
}

.images-des {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  flex: 1;
  margin-left: 100px;
  margin-top: 500px;
}

.image-des {
  position: relative;
  right: 100px;
}

.image-des img {
  width: 100%;
  border-radius: 10px;
}

.image-des span {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 18px;
}


 /* se incepe get started!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

 .get-started{
      width: 100%;
      height: 110%;
      background-image: url(photos/dude.png);
      background-size: cover;
      background-position: center;
      margin-top: -170px;
    
 }
   .content-get{
  display: flex;
  flex-direction: column;
 align-items: center;
  text-align: center;
  
 }
 .content-get h1{
  font-size: 77px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 540px;
  margin-left:280px ;
  margin-right: 280px;
  animation: get linear;
  -webkit-animation: get linear;
  animation-timeline: view();
  -webkit-animation-timeline: view();
  animation-range: entry 0;
  -webkit-animation-range: entry 0;
 }
 @keyframes get{
 from{
  transform: translateX(-400px);
  -webkit-transform: translateX(-400px);
 }
 to{
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
 }
 }
.get-started button{
  font-family: 'Cabin', sans-serif;
  font-size: 23px;
  color: #040E44 ;
  padding: 10px 20px;
  border-radius: 10px;
  border: none;
  background-color: #EBE9F6;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  margin-top: 30px;
  animation: btn linear;
  -webkit-animation: btn linear;
  animation-timeline: view();
  -webkit-animation-timeline: view();
  animation-range: entry 0;
  -webkit-animation-range: entry 0;
}
@keyframes btn{
  from{
    transform: translateX(100px);
    -webkit-transform: translateX(100px);
   }
   to{
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
   }
}

.get-started button:hover{
  background-color:#040E44; 
  color: #ffffff; 
}

/*aici se incepe bus tickets!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

footer {
  background-color: #ffffff;
  color: black;
  padding: 20px 0;
  margin-top: 25px;
  margin-bottom: 20px;
}

.footer-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 20px;
}

.left-section {
  display: flex;
  flex-direction: column;
}

.company-name {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 10px;
  font-family: "Zen Dots", sans-serif;
}

.contact-info p {
  margin: 5px 0;
}

.right-section {
  font-size: 35px;
  font-weight: bold;
}

.right-section p {
  margin: 0;
}

 /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!responsive shit !!!!!!!!!!!!!!!!!!1!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

 @media screen and (max-width: 1770px){
  nav{
   font-size: 17px;
  }
  svg text{
   font-size: 28px;
  }
  .singin{
   font-size: 17px;
  }
  .h{
    margin-top: 20%;
   font-size: 58px;
  }
  .p{
   font-size: 20px;
  }
  .page{
   height: 100vh;
  }

  /*!!!Cheanr responive !!!*/
   .chenar{
    width: 1500px;
    height: 165px;
    margin-left: 27px;
  }
 
  .input::placeholder{
    font-size: 23px;
  }
  .date {
   font-size: 23px;
   }
    .svg_icon{
    height: 23px;
    width: 23px; 
  }

  .input {
    padding: 14px 8px;
    width: 100%;
    padding-left: 20px;
  }
  .custom1-select select{
    font-size: 14px;
  }
  .custom1-select::after{
    width: 5px;
    height: 5px;
  }
  .date{
    font-size: 23px;
    padding:  16px 8px;
    width: 100%;
    padding-left: 20px;
  }
  .testbutton {
    font-size: 23px;
    padding: 17px 50px;
    border-radius: 10px;
    border: 0px solid #3866A3;
    background: #040E44;
    margin-left: 12px;
  }
  
   /*aici se incepe responisve shit pentru about us si health and security*/
   
  .container{
    height: 650px;
  }
  .container2{
    height: 650px;
  }
   .about-us, .health-security {
    margin-top: 20px;
    width: 96.5%;
    margin-left: 40px ;
  }
  .about-content h1{
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-left: 40px;
  }
  
  .about-content p {
    font-size: 23px;
    line-height: 1.5;
    margin-bottom: 23px;
    margin-left: 40px;
  }
  .find-more {
    font-size: 15px;
    margin-left: 40px;
  }
  .about-image{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .image-placeholder1 {
    width: 660px;
    height: auto;
    margin-left: 130px;
  }
  .health-security h1{
    font-size: 45px;
    margin-bottom: 40px;
    margin-left: 40px;
  }
  .health-security p{
    font-size: 23px;
    line-height: 1.5;
    margin-bottom: 23px;
    margin-left: 40px;
  }
  .image-placeholder2{
    width: 660px;
    height: auto;
  }

  /*aici se incepe responsive shit pentru find popular destinations*/

  .container-des {
    width: 100%;
    height: 150%;
    border-radius: 120px 0px / 120px 0px; 
    margin-top: 300px;
  }
  .container-des h1 {
    font-size: 58px;
    font-weight: bold;
    color: #040E44;
    position: absolute;
    left: 33%;
    margin-top: 162px;
  }
  
  .content-des {
    display: flex;
    align-items: center;  
    justify-content: space-around;
    margin-top: 300px;
  }
  
  .text-des p {
    font-size: 23px;
    margin-bottom: 30px;
    margin-left: 90px;
    margin-right: 140px;
    margin-top: 450px;
  }
  
  .btn-des{
    font-size: 15px;
     margin-left: 90px;
  }

  .images-des {
    gap: 6.5px;
    flex: 1.2;
    margin-left: 90px;
    margin-top: 400px;
  }
  
  .image-des {
    position: relative;
    right: 90px;
  }
  
  .image-des img {
    width: 101%;
    border-radius: 10px;
  }
  
  .image-des span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 13px;
  }

  /*aici se incepe get started responsive shit*/
  
  .get-started{
    width: 100%;
    height: 90%;
}
.content-get h1{
font-size: 50px;
font-weight: bold;
color: #ffffff;
margin-top: 280px;
margin-left:430px ;
margin-right: 430px;
}
.get-started button{
font-size: 15px;
color: #040E44 ;
padding: 9px 18px;
border-radius: 8px;
border: none;
background-color: #EBE9F6;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
margin-top: 10px;
}
.get-started button:hover{
background-color:#040E44; 
color: #ffffff; 
}

/*aici se incepe responsive shit pentru buy tickets*/

.buss{
  width: 100%;
  height: 270px;

}
.buss h1{
  font-size: 33px;
  font-style: normal;
  margin-top: 40px;
  margin-left: 120px;
}
hr{
  width: 90%;
  border: 0,5px solid rgb(0, 0, 0);
   margin-top: 30px;
   margin-left: 90px;
}
.tickets{
      align-items: center;
      justify-content: space-between;
      padding: 20px 5%;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      font-size: 15px;
      margin-top: 20px;
}
.tickets ul{
      list-style: none;
      width: 100%;
      text-align: center;
      padding-right: 60px;
}
.tickets ul li{
     display: inline-block;
      margin: 10px 20px;
      padding-left: 50px;
}
.tickets ul li a{
  color: #000000;
  text-decoration: none;
}
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!rsponsive 100%!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1!!!! !!!!!!!!*/

@media screen and (max-width: 1500px){
  nav{
   font-size: 13px;
  }
  svg text{
   font-size: 28px;
  }
  .singin{
   font-size: 13px;
  }
  .h{
   font-size: 55px;
   margin-top: 360px;
   margin-left: 100px;
  }
  .p{
   font-size: 16px;
   margin-top: 27px;
   margin-left: 100px;
  }
  .page{
   height: 120vh;
  }

  /*!!!Cheanr responive !!!*/
   .chenar{
    width: 1250px;
    height: 160px;
    margin-left: 20px;
  }
    
  .input::placeholder{
    font-size: 20px;
  }

    .svg_icon{
    height: 20px;
    width: 20px; 
  }

  .input {
    padding:  20px 10px;
    width: 100%;
    padding-left: 20px;
    font-size: 20px;
  }
  .input:focus {
    border-radius: 10px;
  }
  .custom1-select select{
    font-size: 20px;
  }
  .custom1-select::after{
    width: 5px;
    height: 5px;
  }
  .date{
    font-size: 20px;
    padding:  18.5px 10px;
    width: 100%;
    padding-left: 20px;
  }
  .testbutton {
    font-size: 20px;
    padding: 19.5px 40px;
    border-radius: 8px;
    border: 0px solid #3866A3;
    background: #040E44;
    margin-left: 12px;
  }
  .custom1-select select{
    font-size: 13px;
  }

  
   /*aici se incepe responisve shit pentru about us si health and security*/
   
  .container{
    height: 500px;
  }
  .container2{
    height: 500px;
  }
   .about-us, .health-security {
    margin-top: 20px;
    width: 96.5%;
    margin-left: 40px ;
  }
  .about-content h1{
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-left: 40px;
  }
  
  .about-content p {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 23px;
    margin-left: 40px;
  }
  .find-more {
    font-size: 11px;
    margin-left: 40px;
  }
  .about-image{
    width: 85%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .image-placeholder1 {
    width: 500px;
    height: auto;
    margin-left: 140px;
  }
  .health-security h1{
    font-size: 35px;
    margin-bottom: 40px;
    margin-left: 40px;
  }
  .health-security p{
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 23px;
    margin-left: 40px;
  }
  .image-placeholder2{
    width: 500px;
    height: auto;
  }

  /*aici se incepe responsive shit pentru find popular destinations*/

  .container-des {
    width: 100%;
    height: 155%;
    border-radius: 120px 0px / 120px 0px; 
    margin-top: 290px;
  }
  .container-des h1 {
    font-size: 48px;
    left: 33%;
    margin-top: 155px;
  }
  
  .content-des {
    display: flex;
    align-items: center;  
    justify-content: space-around;
    margin-top: 300px;
  }
  
  .text-des p {
    font-size: 19px;
    margin-bottom: 25px;
    margin-left: 60px;
    margin-right: 140px;
    margin-top: 300px;
  }
  
  .btn-des{
    font-size: 11px;
     margin-left: 60px;
  }

  .images-des {
    gap: 6.5px;
    flex: 1.2;
    margin-left: 90px;
    margin-top: 300px;
  }
  
  .image-des {
    position: relative;
    right: 90px;
  }
  
  .image-des img {
    width: 101%;
    border-radius: 10px;
  }
  
  .image-des span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 13px;
  }

  /*aici se incepe get started responsive shit*/
  
  .get-started{
    width: 100%;
    height: 100%;
    margin-top:-110px;
}
.content-get h1{
font-size: 51px;
font-weight: bold;
color: #ffffff;
margin-top: 370px;
margin-left:410px ;
margin-right: 410px;
}
.get-started button{
font-size: 15px;
color: #040E44 ;
padding: 9px 18px;
border-radius: 8px;
border: none;
background-color: #EBE9F6;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
margin-top: 10px;
display: block;
}
.get-started button:hover{
background-color:#040E44; 
color: #ffffff; 
}

/*aici se incepe responsive shit pentru buy tickets*/

.buss{
  width: 100%;
  height: 260px;


}
.buss h1{
  font-size: 30px;
  font-style: normal;
  margin-top: 35px;
  margin-left: 110px;
}
hr{
  width: 90%;
  border: 0,5px solid rgb(0, 0, 0);
   margin-top: 30px;
   margin-left: 90px;
}
.tickets{
      align-items: center;
      justify-content: space-between;
      padding: 10px 5%;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      font-size: 15px;
      margin-top: 20px;
}
.tickets ul{
      list-style: none;
      width: 100%;
      text-align: center;
      padding-right: 60px;
}
.tickets ul li{
     display: inline-block;
      margin: 10px 20px;
      padding-left: 50px;
}
.tickets ul li a{
  color: #000000;
  text-decoration: none;
}

}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!tab;eta!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1!!!! !!!!!!!!*/
@media screen and (max-width:1235px) {
  svg text{
    font-size: 24px;
  }
  svg{
    width: 100%;
  }
  nav{
    font-size: 10px;
  }
  .singin{
    font-size: 10px;
  }
.h{
  margin-top: 40px;
}
.p{
  margin-top: 9px;
}
  .container-des{
    height: 120%;
  }
  .content-get h1{
    margin-top: 280px;
    font-size: 30px;
  }
  .btn-gettstarted{
    font-size: 9px;
  }
  .get-started button{
    font-size: 13px;
    padding: 7px 13px;
  }

  .date{
    padding: 18px 4px;
  }
}


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

  .content-get h1{
    margin-top: 280px;
    font-size: 30px;
  }
  .btn-gettstarted{
    font-size: px;
  }
  .get-started button{
    font-size: 13px;
    padding: 7px 13px;
  }
  .buss{
    width: 100%;
    height: 260px;
  }
  .buss h1{
    font-size: 25px;
  }
  hr{
    width: 90%;
     margin-top: 30px;
     margin-left: 60px;
  }
  .tickets{
        font-size: 10px;
        margin-top: 20px;
        padding: 2px ;
  }
.tickets ul li{
   display: inline-block;
    margin: 10px 5px;
    padding-left: 50px;
}
.get-started{
    height: 90%;
}
.content-get h1{
font-size: 30px;
margin-top: 320px;
margin-left:200px ;
margin-right: 200px;
}
.get-started button{
font-size: 11px;
padding: 6px 10px;
border-radius: 6px;
}

/*chnar*/
.chenar{
  width: 1000px;
  height: 130px;
  margin-left: 21px;
  border-radius: 15px;
}  
.input::placeholder{
  font-size: 15px;
}
  .svg_icon{
  height: 15px;
  width: 15px; 
}
.input {
  padding:  15px 8px;
  padding-left: 10px;
  font-size: 15px;
}
.svg_icon{
  margin-right: -8px;
}

.custom1-select select{
  font-size: 9px;
}
.custom1-select::after{
  width: 5px;
  height: 5px;
}
.date{
  font-size: 15px;
  padding:  13.2px 8px;
  width: 99%;
  padding-left: 15px;
}
.testbutton {
  font-size: 15px;
  padding: 14.5px 40px;
  margin-left: 8px;
}


}
 /*responsive pentru tablete !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 @media screen and (max-width:950px){
  nav{
    font-size: 14px;
    padding: 10px;
    height: 60px;
   }
   svg{
    height: 100%;
    width: 70%;
   }
   svg text{
    font-size: 20px;
   }
   .singin{
    font-size: 13px;
   
   }
   .h{
    font-size: 40px;
    margin-top: 300px;
    margin-left: 30px;
   }
   .p{
    font-size: 13px;
    margin-top: 18px;
    margin-left: 30px;
   }
   .page{
    height: 60vh;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
  
   }
 
   /*!!!Cheanr responive !!!*/
    .chenar{
     width: 72%;
     height: 500px;
     margin-left: 20px;
     margin-top: 200px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 30px;
   }
     .flex-container{
      flex-direction: column;
     }
   .input::placeholder{
    font-size: 20px;
   }
     .svg_icon{
    display: none; 
   }
  
   .input {
     padding:  20px 380px;
     width: 100%;
     padding-left: 20px;
     font-size: 20px;
   }
   .input:focus {
     border-radius: 10px;
   }
   .custom1-select select{
     width:25%;
     margin-top: 10px
   }
   .custom1-select::after{
     width: 5px;
     height: 5px;
   }
   .date{
     font-size: 20px;
     padding:  18.5px 26px;
     width: 100%;
     padding-left: 20px;
   }
   .date::-webkit-calendar-picker-indicator {
    margin-left: 300px;
    filter: invert(50%);
}
   .testbutton {
     font-size: 20px;
     padding: 19.5px 50px;
     border-radius: 8px;
     margin-top: 10px;
  
   }
   .custom1-select select{
     font-size: 13px;
   }
 
   
    /*aici se incepe responisve shit pentru about us si health and security*/
    
    .container{
      height: 900px;
      width: 95%;
      display: flex;
      flex-wrap: wrap-reverse;
    }
    .container2{
      height: 900px;
      width: 95%;
      display: flex;
      flex-wrap: wrap;
      margin-top: -230px;
    }
     .about-us, .health-security {
      margin-top: 360px;
      width: 96%;
      margin-left: 35px ;
    }
    .about-content h1{
      font-size: 40px;
      font-weight: bold;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-top: 15px;
    }
    
    
    .about-content p {
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 10px;
      margin-left: 20px;
    }
    .find-more {
      font-size: 13px;
      margin-left: 20px;
      padding: 8px 17px;
      border-radius: 10px;
    }
 
    .image-placeholder1 {
      width: 640px;
      height: auto;
      margin-left: 1px;
      border-radius: 30px;
    }
    .health-security h1{
      font-size: 40px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-top: 15px;
    }
    .health-security p{
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 10px;
      margin-left: 20px;
    }
    .image-placeholder2{
     width: 630px;
     height: auto;
     margin-left: 100px;
     border-radius: 30px;
     margin-top: -15px;
     
    }
   /*aici se incepe responsive shit pentru find popular destinations*/
 
   .container-des {
     width: 100%;
     height: 90%;
     border-radius: 120px 0px / 120px 0px; 
     margin-top: 150px;
   }
   .container-des h1 {
     font-size: 48px;
     left: 20%;
     margin-top: 155px;
   }
   
   .content-des {
     display: flex;
     align-items: center;  
    flex-direction: column;
    flex-wrap: wrap-reverse;
     margin-top: 300px;
   }
   
   .text-des p {
     font-size: 19px;
     margin-bottom: 25px;
     margin-left: 115px;
     margin-right: 140px;
     margin-top: 300px;
   }
   
   .btn-des{
     font-size: 11px;
      margin-left: 115px;
   }
 
   .images-des {
     gap: 6.5px;
     flex: 1.2;
     margin-left: 200px;
     margin-top: 80px;
   }
   
   .image-des {
     position: relative;
     right: 90px;
   }
   
 
   /*aici se incepe get started responsive shit*/
   
   .get-started{
     width: 100%;
     height: 50%;
     margin-top:-110px;
 }
 .content-get h1{
 font-size: 31px;

 margin-top: 280px;
 margin-left:110px ;
 margin-right: 110px;
 }
 .get-started button{
 font-size: 12px;
 color: #040E44 ;
 padding: 6px 15px;
 }
 
 /*aici se incepe responsive shit pentru buy tickets*/
 
 .buss{
   width: 100%;
   height: 320px;
 
 
 }
 .buss h1{
   font-size: 25px;
   font-style: normal;
   margin-top: 35px;
   margin-left: 110px;
 }
 hr{
   width: 90%;
   border: 0,5px solid rgb(0, 0, 0);
    margin-top: 30px;
    margin-left: 36px;
 }
 .tickets{
       align-items: center;
       justify-content: space-between;
       padding: 10px 5%;
       font-style: normal;
       font-weight: 400;
       font-stretch: 100%;
       font-display: swap;
       font-size: 15px;
       margin-top: 20px;
 }
 .tickets ul{
       list-style: none;
       width: 100%;
       text-align: center;
       padding-right: 60px;
 }
 .tickets ul li{
      display: inline-block;
       margin: 10px 20px;
       padding-left: 50px;
 }
 .tickets ul li a{
   color: #000000;
   text-decoration: none;
 }
 }


 @media screen and (max-width:820px){
  nav{
    font-size: 10px;
    height: 60px;
  }
  nav ul {
    width: 200%;
  }
  .singin{
    font-size: 10px;
  }
  svg{
    width: 70%;
  }
  svg text{
    font-size: 18px;
  }
  .date{
    font-size: 20px;
    padding:  18.5px;
    width: 100%;
    padding-left: 20px;
  }
  .date::-webkit-calendar-picker-indicator {
   margin-left: 180px;
   filter: invert(50%);
}
.input {
  padding:  20px 110px;
  width: 100%;
  padding-left: 20px;
  font-size: 20px;
}
 
 }

 @media screen and (max-width:633px) {
  nav{
    font-size: 9px;
    height: 60px;
    display: flex;
    justify-content: space-around;
   }
 
   nav ul li{
   padding: 10px 1px;
   margin: 2px;
   }
   .singin{
    font-size: 10px;
    padding: 2px 4px;

   }
   .h{
    font-size: 22px;
    margin-top: 140px;
    margin-left: 25px;
   }
   .p{
    font-size: 7px;
    margin-top: 10px;
    margin-left: 25px;
   }
   .page{
    height: 40vh;
    width: auto;
   }
   svg{
   
    width: 168%;
   }
   svg text{
    font-size: 17px;
    stroke-width: 0,1px;
   }

    /*chenar!!!!!!!!!*/
    .chenar{
      width: 400px;
      height: 260px;
      margin-left: 18px;
      border-radius: 10px;
     margin-top: 100px;
     display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 30px;
    }
    .flex-container{
     flex-direction: column;
    }
      
    .input::placeholder{
      font-size: 10px;
     }
  
    .svg_icon{
      display: none; 
     }
  
    .input {
      padding:  8px 200px ;
      width: 100%;
      padding-left: 20px;
      font-size: 10px;
    }
    .input:focus {
      border-radius: 10px;
    }
 
 .custom1-select select{
   font-size: 6px;
   width: 20%;
   padding: 3px 9px 3px 8px;
   margin-top: 15px;
 }
     .custom1-select::after {
       left:30%;
       top: 295px;
       width: 3px;
       height: 3px;
       background-color: #000000;
     }
    .date{
      font-size: 10px;
      padding:  7.5px;
      width: 100%;
      padding-left: 20px;
      
    }
    .date::-webkit-calendar-picker-indicator {
      margin-left: 220px;
      filter: invert(50%);
   }
    .testbutton {
      font-size: 10px;
      padding: 7.5px 40px;
      border-radius: 8px;
      border: 0px solid #3866A3;
      background: #040E44;
      margin-left: 12px;
      margin-top: 5px;
    }
    /*aici se incepe responisve shit pentru about us si health and security*/
    
    .container{
      height: 500px;
      width: 95%;
      display: flex;
      flex-wrap: wrap-reverse;
    }
    .container2{
      height: 500px;
      width: 95%;
      display: flex;
      flex-wrap: wrap;
      margin-top: -100px;
    }
     .about-us, .health-security {
      margin-top: 190px;
      width: 96%;
      margin-left: 20px ;
    }
    .about-content h1{
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-top: 15px;
    }
    
    
    .about-content p {
      font-size: 10px;
      line-height: 1.5;
      margin-bottom: 10px;
      margin-left: 20px;
    }
    .find-more {
      font-size: 5px;
      margin-left: 20px;
      padding: 5px 10px;
      border-radius: 4px;
    }
    .about-image{
      width: 80%;
      display: flex;
      justify-content: center;
      align-items:center;
    }
    .image-placeholder1 {
      width: 340px;
      height: auto;
      margin-left: 1px;
      border-radius: 20px;
    }
    .health-security h1{
      font-size: 20px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-top: 15px;
    }
    .health-security p{
      font-size: 10px;
      line-height: 1.5;
      margin-bottom: 10px;
      margin-left: 20px;
    }
    .image-placeholder2{
     width: 330px;
     height: auto;
     margin-left: 100px;
     border-radius: 20px;
     margin-top: -15px;
     
    }
  

    .container-des {
      width: 100%;
      height: 85%;
      border-radius:50px 0px / 50px 0px; 
      margin-top: -200px;
      flex-wrap: wrap-reverse;
    }
    .container-des h1 {
      font-size: 28px;
      left: 33%;
      margin-top: 90px;
    }
    
    .content-des {
      display: flex;
      align-items: center; 
      flex-direction: column;
      margin-top: 300px;
    }
    
    .text-des p {
      font-size: 10px;
      margin-bottom: -80px;
      margin-left: 35px;
      margin-right: 140px;
      margin-top: 450px;
    }
    
    .btn-des{
      font-size: 6px;
       margin-left: 35px;
       position: absolute;
       margin-top: 90px;
       padding: 5px 9px;
       border-radius: 6px;
   
    }
  
    .images-des {
      gap: 5px;
      flex: 1.2;
      margin-left: 10px;
      margin-top: -240px;
    }
    
    .image-des {
      position: relative;
      right: 5px;
    }
    
    .image-des img {
      width: 100%;
      border-radius: 10px;
    }
    
    .image-des span {
      position: absolute;
      bottom: 7px;
      left: 7px;
      background-color: rgba(0, 0, 0, 0.5);
      color: white;
      padding: 4px 6px;
      border-radius: 6px;
      font-size: 8px;
    }
  
    /*aici se incepe get started responsive shit*/
    
    .get-started{
      width: 100%;
      height: 40%;
      margin-top:-110px;
 
  }
  .content-get h1{
  font-size: 18px;
  margin-top: 180px;
  width: 70%;
 
  }
  .get-started button{
  font-size: 7px;
  padding: 4px 8px;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 10px;
  }
  .get-started button:hover{
  background-color:#040E44; 
  color: #ffffff; 
  }
  
  /*aici se incepe responsive shit pentru buy tickets*/
  
  .buss{
    width: 100%;
    height: 100px;
  
  
  }
  .buss h1{
    font-size: 15px;
    font-style: normal;
    margin-top: 15px;
    margin-left: 30px;
  }
  hr{
    width: 90%;
    border: 0,5px solid rgb(0, 0, 0);
     margin-top: 10px;
     margin-left: 20px;
  }
  .tickets{
        padding: 15px 5%;
        font-size: 7px;
        margin-top: 1px;
  }
  .tickets ul{
        list-style: none;
        width: 100%;
        text-align: center;
        padding-right:10px;
  }
  .tickets ul li{
       display: inline-block;
        margin: 2px 4px;
        padding-left: 5px;
  }
 
 
 
  .company-name {
   font-size: 8px;
   margin-bottom: 10px;
 
 }
 
 .contact-info p {
   margin: 5px 0;
   font-size: 6px;
 }
 
 
 
 .right-section {
   font-size: 14px;
   font-weight: bold;
 }
 
 .right-section p {
   margin: 0;
 }
 }

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! telefon!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!1!!!!!!!!*/

@media screen and (max-width:435px) {
  nav{
    font-size: 9px;
    height: 33px;
    display: flex;
    justify-content: space-around;
   }
 
   .singin{
    font-size: 6px;
    padding: 2px 4px;

   }
   .h{
    font-size: 22px;
    margin-top: 140px;
    margin-left: 25px;
   }
   .p{
    font-size: 7px;
    margin-top: 10px;
    margin-left: 25px;
   }
   .page{
    height: 40vh;
    width: auto;
   }
   svg{
   
    width: 130%;
   }
   svg text{
    stroke-width: 0,1px;
   }
   nav ul{
    width: 100%;
  }
 
   /*!!!Cheanr responive !!!*/
    .chenar{
     width: 400px;
     height: 260px;
     margin-left: 10px;
     border-radius: 10px;
     margin-top: 100px;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .flex-container{
    flex-direction: column;
   }
     
   .input::placeholder{
    font-size: 10px;
   }
 
   .svg_icon{
    display: none; 
   }
 
   .input {
    padding:  8px 200px ;
     width: 100%;
     padding-left: 20px;
     font-size: 10px;
   }
   .input:focus {
     border-radius: 10px;
   }

.custom1-select select{
  font-size: 8px;
  width: 50%;
  padding: 3px 9px 3px 8px;
  margin-top: 15px;
}
    .custom1-select::after {
      left:30%;
      top: 295px;
      width: 3px;
      height: 3px;
      background-color: #000000;
    }
    input[type="date"] {
      font-size: 10px;
      padding: 8px;
      width: 300px;
      padding-left: 20px;
      display: block;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      min-height: 14px;
  }
  
   .date::-webkit-calendar-picker-indicator {
    margin-left: 140px;
    filter: invert(50%);
 }
   
   .testbutton {
     font-size: 13px;
     padding: 7.5px 40px;
     border-radius: 8px;
     border: 0px solid #3866A3;
     background: #040E44;
     margin-left: 12px;
     margin-top: 5px;
   }
  
    /*aici se incepe responisve shit pentru about us si health and security*/
    
   .container{
     height: 510px;
     width: 95%;
     display: flex;
     flex-wrap: wrap-reverse;
   }
   .container2{
     height: 510px;
     width: 95%;
     display: flex;
     flex-wrap: wrap;
     margin-top: -100px;
   }
    .about-us, .health-security {
     margin-top: 190px;
     width: 96%;
     margin-left: 30px ;
   }
   .about-content h1{
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 10px;
     margin-left: 20px;
     margin-top: 15px;
   }
   
   
   .about-content p {
     font-size: 10px;
     line-height: 1.5;
     margin-bottom: 10px;
     margin-left: 20px;
   }
   .find-more {
     font-size: 13px;
     margin-left: 20px;
     padding: 5px 10px;
     border-radius: 4px;
   }
   .about-image{
     width: 80%;
     display: flex;
     justify-content: center;
     align-items:center;
   }
   .image-placeholder1 {
     width: 340px;
     height: auto;
     margin-left: 1px;
     border-radius: 20px;
   }
   .health-security h1{
     font-size: 20px;
     margin-bottom: 10px;
     margin-left: 20px;
     margin-top: 15px;
   }
   .health-security p{
     font-size: 10px;
     line-height: 1.5;
     margin-bottom: 10px;
     margin-left: 20px;
   }
   .image-placeholder2{
    width: 330px;
    height: auto;
    margin-left: 100px;
    border-radius: 20px;
    margin-top: -15px;
    
   }
 
   /*aici se incepe responsive shit pentru find popular destinations*/
 
   .container-des {
     width: 100%;
     height: 96%;
     border-radius:50px 0px / 50px 0px; 
     margin-top: -200px;
     flex-wrap: wrap-reverse;
   }
   .container-des h1 {
     font-size: 28px;
     left: 28%;
     margin-top: 90px;
   }
   
   .content-des {
     display: flex;
     align-items: center; 
     flex-direction: column;
     margin-top: 300px;
   }
   
   .text-des p {
     font-size: 10px;
     margin-bottom: -90px;
     margin-left: 35px;
     margin-right: 140px;
     margin-top: 450px;
   }
   
   .btn-des{
     font-size: 13px;
      margin-left: 35px;
      position: absolute;
      margin-top: 100px;
      padding: 5px 9px;
      border-radius: 6px;
  
   }
 
   .images-des {
     gap: 5px;
     flex: 1.2;
     margin-left: 10px;
     margin-top: -240px;
   }
   
   .image-des {
     position: relative;
     right: 5px;
   }
   
   .image-des img {
     width: 100%;
     border-radius: 10px;
   }
   
   .image-des span {
     position: absolute;
     bottom: 7px;
     left: 7px;
     background-color: rgba(0, 0, 0, 0.5);
     color: white;
     padding: 4px 6px;
     border-radius: 6px;
     font-size: 8px;
   }
 
   /*aici se incepe get started responsive shit*/
   
   .get-started{
     width: 100%;
     height: 40%;
     margin-top:-110px;

 }
 .content-get h1{
 font-size: 20px;
 margin-top: 95px;
 width: 70%;

 }
 .get-started button{
 font-size: 10px;
 padding: 4px 8px;
 border-radius: 5px;
 cursor: pointer;
 margin-top: 7px;
 }
 .get-started button:hover{
 background-color:#040E44; 
 color: #ffffff; 
 }
 
 /*aici se incepe responsive shit pentru buy tickets*/
 
 
 .company-name {
  font-size: 13px;
  margin-bottom: 10px;
}
.contact-info p {
  margin: 5px 0;
  font-size: 13px;
}
.right-section {
 display: none;
}
.right-section p {
  margin: 0;
}
.left-section{
  margin-left: -100px;
}
}
@media screen and (max-width:400px){
  .page{
    height: 45vh;
  }
  svg{
    width: 150%;
  }
  nav {
    font-size: 9px;
  }
  .p{
    font-size: 8px;
  }
   /*!!!Cheanr responive !!!*/
   .chenar{
    width: 430px;
    height: auto;
    padding: 20px;
    margin-left: 8px;
    border-radius: 10px;
   margin-top: 120px;
   display: flex;
     align-items: center;
     justify-content: center;
  }
  .flex-container{
   flex-direction: column;
  }
    
  .input::placeholder{
    font-size: 10px;
   }

  .svg_icon{
    display: none; 
   }

  .input {
    padding:  8px 155px ;
    width: 110%;
    padding-left: 20px;
    font-size: 10px;
    margin-left: -6px;
  }
  .input:focus {
    border-radius: 10px;
  }
.custom1-select select{
 font-size: 8px;
 width: 45%;
 padding: 3px 9px 3px 8px;
 margin-top: -5px;
}
   .custom1-select::after {
     left:31%;
     top: 295px;
     width: 3px;
     height: 3px;
     background-color: #000000;
   }
 
   input[type="date"] {
    font-size: 10px;
    padding: 8px 20px;
    width: 265px;
    padding-left: 16px;
    display: block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-height: 14px;
    margin-left: -6px;
}


  .date::-webkit-calendar-picker-indicator {
    margin-left: 140px;
    filter: invert(50%);
 }
  .testbutton {
    font-size: 13px;
    padding: 7.5px 40px;
    border-radius: 8px;
    border: 0px solid #3866A3;
    background: #040E44;
    margin-left: -10px;
    margin-top: 5px;
  }
 
   /*aici se incepe responisve shit pentru about us si health and security*/
   
  .container{
    height: 489px;
    width: 90%;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .container2{
    height: 480px;
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    margin-top: -100px;
  }
   .about-us, .health-security {
    margin-top: 190px;
    width: 96%;
    margin-left: 30px ;
  }
  .about-content h1{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 25px;
  }
  
  
  .about-content p {
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-left: 20px;
  }
  .find-more {
    font-size: 13px;
    margin-left: 20px;
    padding: 5px 10px;
    border-radius: 4px;
  }
  .about-image{
    width: 80%;
    display: flex;
    justify-content: center;
    align-items:center;
  }
  
  .image-placeholder1 {
    width: 290px;
    height: auto;
    margin-left: 1px;
    border-radius: 20px;
  
    
  }

  .health-security h1{
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 15px;
  }
  .health-security p{
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-left: 20px;
  }
  .image-placeholder2{
   width: 290px;
   height: auto;
   margin-left: 100px;
   border-radius: 20px;
   
  }
  .text-des p {
    font-size: 10px;
    margin-bottom: -80px;
    margin-left: 35px;
    margin-right: 70px;
    margin-top: 450px;
  }
  
  .btn-des{
    font-size: 10px;
     margin-left: 35px;
     position: absolute;
     margin-top: 90px;
     padding: 5px 9px;
     border-radius: 6px;
 
  }
  .container-des{
    height: 105%;
  }

  .content-get h1{
    font-size: 16px;
    margin-top: 85px;
    width: 70%;
   
    }
  .company-name {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .contact-info p {
    margin: 5px 0;
    font-size: 13px;
  }
  .right-section {
   display: none;
  }
  .left-section{
    margin-left: -100px;
  }
}



@media screen and (max-width:330px){
  svg{
    width: 150%;
  } 
  /*!!!Cheanr responive !!!*/
   .chenar{
    width: 390px;
    height: 260px;
    margin-left: 10px;
    border-radius: 10px;
   margin-top: 100px;
   display: flex;
     align-items: center;
     justify-content: center;
  }
  .flex-container{
   flex-direction: column;
  }
    
  .input::placeholder{
    font-size: 10px;
   }

  .svg_icon{
    display: none; 
   }

  .input {
    padding:  8px 100px ;
    width: 89%;
    padding-left: 20px;
    font-size: 10px;
  
    border-radius: 5px;
  }
  .svg_icon{
    display: none; 
   }
  .input:focus {
    border-radius: 10px;
  }
.custom1-select select{
 font-size: 6px;
 width: 20%;
 padding: 3px 9px 3px 8px;
 margin-top: -15px;
}
   .custom1-select::after {
     left:31%;
     top: 295px;
     width: 3px;
     height: 3px;
     background-color: #000000;
   }
  .date{
    font-size: 10px;
    padding:  7.5px 117px;
    width: 90%;
    padding-left: 20px;
    border-radius: 5px;
  }
 
  .testbutton {
    font-size: 10px;
    padding: 7.5px 40px;
    border-radius: 8px;
    border: 0px solid #3866A3;
    background: #040E44;
    margin-left: -x;
    margin-top: 5px;
  }
 
   /*aici se incepe responisve shit pentru about us si health and security*/
   
  .container{
    height: 475px;
    width: 95%;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .container2{
    height: 475px;
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    margin-top: -100px;
  }
   .about-us, .health-security {
    margin-top: 190px;
    width: 96%;

    margin-left: 20px ;
  }
  .about-content h1{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 25px;
  }
  
  
  .about-content p {
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-left: 20px;
  }
  .find-more {
    font-size: 5px;
    margin-left: 20px;
    padding: 5px 10px;
    border-radius: 4px;
  }
  .about-image{
    width: 80%;
    display: flex;
    justify-content: center;
    align-items:center;
  }
  
  .image-placeholder1 {
    width: 290px;
    height: auto;
    margin-left: 1px;
    border-radius: 20px;
  
    
  }

  .health-security h1{
    font-size: 20px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 15px;
  }
  .health-security p{
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-left: 20px;
  }
  .image-placeholder2{
   width: 290px;
   height: auto;
   margin-left: 100px;
   border-radius: 20px;
   
  }
  .text-des p {
    font-size: 10px;
    margin-bottom: -80px;
    margin-left: 35px;
    margin-right: 70px;
    margin-top: 450px;
  }
  
  .btn-des{
    font-size: 6px;
     margin-left: 35px;
     position: absolute;
     margin-top: 90px;
     padding: 5px 9px;
     border-radius: 6px;
 
  }
  .company-name {
    font-size: 8px;
    margin-bottom: 10px;
  
  }
  .contact-info p {
    margin: 5px 0;
    font-size: 6px;
  } 
  .right-section {
    font-size: 12px;
    font-weight: bold;
  }
  
}