/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */

@font-face {
  font-family: 'Roboto';
  src: url('path/to/Roboto-Regular.woff') format('woff'),
       url('path/to/Roboto-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular weight */
}
.my-element {
  font-family: 'Roboto', sans-serif; /* Specify Roboto first, fallback to sans-serif */
}






.menu {
  height: 100px;
  /* width: 98vw; */
  gap: 3vw;
  justify-content: center;
  align-items: center;
}

.logo {
  display: block;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 7.5rem; */
}

.menu_soft {
  display: block;
  /* width: 15vw; */
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 8.23rem; */
}

.menu_hard {
  display: block;
  /* width: 15vw; */
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 3.63rem; */
}

.menu_about {
  display: block;
  /* width: 15vw; */
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 3.63rem; */
}

.menu_contact {
  display: block;
  /* width: 15vw; */
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 3.63rem; */
}

.menu_soft:hover, 
.menu_hard:hover,
.menu_about:hover,
.menu_contact:hover {
color:#FF711A
}



.dropdown {
  position: relative;
  /* width: 15vw; */
  display: inline-block;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 0;
  margin-left: 3.63rem; */
  box-sizing: border-box;
}

.dropbtn {
  cursor: pointer;
  border-radius: 1.15625rem;
  border: 1px solid #FF9A5C;
  background-color: rgba(219, 83, 0, 0.80);
  box-shadow: 0px 0px 2px 0px #FF711A;
  backdrop-filter: blur(4px);
  display: flex;
  width: 4.8rem;
  height: 2.1875rem;
  padding: 0.375rem 0.9375rem 0.4375rem 0.9375rem;
  justify-content: center;
  align-items: center;
  gap: 0.1875rem;
  flex-shrink: 0;
  color: white;
  font-size: 16px;
  font-family: "Roboto";
  box-sizing: border-box;
}


.dropdown-content {
  display: none;
  position: absolute;
  top: 2.3rem;
  font-family: "Roboto";
  background-color: #2E2E39;
  backdrop-filter: blur(20px);
  width: 4.8rem;
  z-index: 1;
  border-radius: 18.5px;
  gap: 0.17rem;
  border: 0.7px solid #606077;
  margin-right: auto;
  justify-content: center;
}

.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 16px;
}

.dropdown-content a:hover {
  color: #FF711A;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #FF711A;
  cursor: pointer;
}

.mouse{
  display: block;
  margin:auto;
  justify-items: center;
  text-align: center;
  box-sizing: border-box;
  margin-top: 6rem;
}

.home {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  margin: 0;
  background-image: url("uploads/image_bg.png"), var(--bg, linear-gradient(175deg, #0D0D15 52.96%, #2F1620 74.6%, #0F0F1A 96.32%));
  background-repeat: no-repeat;
  background-size: cover;
}


.home_hardware {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  background-image: url("uploads/image_bg_ware.png"), var(--bg, linear-gradient(175deg, #0D0D15 52.96%, #2F1620 74.6%, #0F0F1A 96.32%));
  background-repeat: no-repeat;
  background-size: cover;
}

.home_software {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  background-image: url("uploads/image_bg_ware.png"), var(--bg, linear-gradient(175deg, #0D0D15 52.96%, #2F1620 74.6%, #0F0F1A 96.32%));
  background-repeat: no-repeat;
  background-size: cover;
}

.lines_curly {
  display: flex;
  flex-direction: column;
  position: relative;
  background-image: url("uploads/curly_lines.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 98.5vw;
  height: 35vw;
  margin-top: -10rem;
  overflow: hidden;
}

.logo_footer {
  display: block;
  /* flex-shrink: 1;
  margin-left: 7.5rem; */
}
/* new */
.ts_footer {
  display: block;
  color: var(--Secondary-Gray-Text, #8E8EA4);
  font-family: "Roboto";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 300;
  margin-left: 20px;
  margin-top: -18px;
  line-height: 1.5rem;
  width: 30vw;
  /* 171.429% */
}

.menu_footer {
  margin-top: 50px;
  /* width: 100vw; */
  gap: 1vw;
  justify-content: center;
  align-items: center;
  float:right;
  display: flex
}

.contact_footer {
  /* width: 100vw; */
  gap: 1vw;
  margin-top: 24px;
  justify-content: center;
  align-items: center;
  float:right;
  display: flex
}

.menu_soft_footer {
  display: block;
  /* width: 15vw; */
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 8.23rem; */
}

.menu_hard_footer {
  display: block;
  /* width: 15vw; */
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 3.63rem; */
}

.menu_about_footer {
  display: block;
  /* width: 15vw; */
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 3.63rem; */
}

.menu_contact_footer {
  display: block;
  /* width: 15vw; */
  text-decoration: none;
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  justify-content: center;
  align-items: center;
  /* flex-shrink: 1;
  margin-left: 3.63rem; */
}



.menu_soft_footer:hover, 
.menu_hard_footer:hover,
.menu_about_footer:hover,
.menu_contact_footer:hover {
color:#FF711A
}

.contact_email_us_footer {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
  /* 133.333% */
  box-sizing: border-box;
}

.contact_phone_us_footer {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
  box-sizing: border-box;
}

#aboutus {
  padding-top: 1.5rem;
}

.logo_tt {
  display: flex;
  width: 16.09594rem;
  height: 2.87069rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-left: 7.5rem;
  margin-top: 3.87rem;
}

html {
  scroll-behavior: smooth;
}

 /* header{
width: 90rem;display: flex;min-height: 25vh;margin-left: auto;margin-right: auto;
}
main{
width: 90rem;display: block;min-height: 25vh;margin-left: auto;margin-right: auto;
} */

footer{
width: 70vw;
min-height: 25vh;
margin-left: auto;
margin-right: auto;
display:flex;
} 



.h11 {
  color: #FFF;
  width: 169.571px;
  text-align: center;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.kelebek {
  fill: #FF711A;
  stroke-width: 0.7px;
  stroke: var(--basic-orange, #FF711A);
}

.kelebek_pad {
  display: inline-block;
  flex-shrink: 0;
  width: 4%;
  height: 3rem;
  margin-left: 3%;
  margin-top: 3%;
}

.logo_yazi {
  width: 185.029px;
  display: inline;
}

.logoyazispan {
  display: inline-block;
  width: 10%;
  height: 1rem;
}

.buyuk_yazi {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 60vw;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11rem;
}

.title_hardware {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 66vw;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11rem;
}

.ortayazi {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2rem;
  width: 42vw;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.whowe {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 56vw;
  text-transform: capitalize;
  margin-top: 13rem;
  margin-left: auto;
  margin-right: auto;
}

.whoasagi {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
  width: 56vw;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.2rem;
}

.description_text {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
  width: 56vw;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10rem;
}

.servicee {
  color: #FFF;
  font-family: "Roboto";
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  justify-content: center;
  width: 56vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20rem;
  margin-bottom: 3.2rem;
}

.contain {
  display: flex;
  justify-items: center;
  justify-content: center;
  gap: 27px;
  box-sizing: border-box;
}

.softt {
  display: block;
  height: 31.25rem;
  
  /* float: left; */
  background-image: url("uploads/software_ill.png");
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
}

.hardd {
  display: block;
  height: 31.25rem;
  /* float: right; */
  background-image: url("uploads/hardware_image.png");
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
}

.soft_yazi {
  color: #FFF;
  font-family: "Roboto";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: 1.88rem;
  padding-top: 19rem;
  padding-bottom: 0.38rem;
  box-sizing: border-box;
}

.soft_yazi_ {
  color: #FFF;
  width: 23.625rem;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
  /* 133.333% */
  margin-left: 1.87rem;
  margin-bottom: 0.5rem;
  box-sizing: border-box;
}

.soft_more {
  border-radius: 1.15625rem;
  border: 1px solid #FF9A5C;
  background: rgba(219, 83, 0, 0.80);
  box-shadow: 0px 0px 2px 0px #FF711A;
  backdrop-filter: blur(2px);
  display: inline-flex;
  padding: 0.5rem 0.9375rem 0.4375rem 0.9375rem;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  float: right;
  margin-right: 2.6rem;
  margin-left: auto;
}

.soft_more_yazi {
  width: 2.625rem;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  line-height: 125.977%;
  /* 1.41725rem */
}

.soft_more_yazi:hover,
.soft_more:hover {
  cursor: pointer;
  background-color: #FF711A;
}

.whyus_title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin-top: 20rem;
  margin-bottom:3.2rem;
}

.whyus {
  display: flex;
  width: 98vw;
  justify-content: center;
  gap: 70px;
}

.diversity  {
  display: flex;
}

.diversity_text  {
  display: block;
  width: 16vw;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}

.diversity_img {
  display: block;
  box-sizing: border-box;
  margin-right: 12px;
}

.diversity_title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  text-transform: capitalize;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.diversity_exp {
  color: #B3B3C2;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  box-sizing: border-box;
}

.quality {
  display: flex;
}

.quality_img {
  display: block;
  box-sizing: border-box;
  margin-right: 12px;
}

.quality_text  {
  display: block;
  width: 16vw;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}


.quality_title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  /* 136.364% */
  text-transform: capitalize;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.quality_exp {
  color: #B3B3C2;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  box-sizing: border-box;
}

.efficiency {
  display: flex;
}

.efficiency_img {
  display: block;
  box-sizing: border-box;
  margin-right: 12px;
}

.efficiency_text  {
  display: block;
  width: 16vw;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}

.efficiency_title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  /* 136.364% */
  text-transform: capitalize;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.efficiency_exp {
  color: #B3B3C2;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
  box-sizing: border-box;
}

.areas_hard {
  display: flex;
  justify-content: center;
  gap: 27px;
  flex-direction: row;
}

.areas_hard_card {
  display: flex;
  width: 23vw;
  height: 118px;
  margin-bottom: 27px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 1.125rem;
  border: 0.7px solid var(--Basic-Light-Gray, #606077);
  background: rgba(46, 46, 57, 0.30);
  box-shadow: 0px 11px 58.4px 0px rgba(41, 41, 51, 0.16) inset;
  backdrop-filter: blur(6px);
}

.areas_hard_writing {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  width: 18vw;
}

.s_works {
  margin-top: 20rem;
  display: block;
}

.title_works {
  color: #FFF;
  font-family: "Roboto";
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin-top: 20rem;
  margin-bottom: 3.2rem;
}

.ilk {
  display: flex;
  height: 68px;
  padding-left: 34px;
  padding-right: 34px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 1.125rem;
  border: 0.7px solid var(--basic-light-gray, #606077);
  background: rgba(46, 46, 57, 0.30);
  box-shadow: 0px 11px 58.4px 0px rgba(41, 41, 51, 0.16) inset;
  backdrop-filter: blur(6px);
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.38rem;
}

.ilk_i {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  /* 136.364% */
  width: 42vw;
}

.ilk_j {
  color: #8E8EA4;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5rem;
  /* 133.333% */
  text-transform: uppercase;
  width: 27vw;

}

.ilk_link {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  text-decoration: none;
}



.ilk_k {
  color: #FF711A;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  /* 1.41725rem */
  text-align: right;
  display: block;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.ilk_h {
  display: block;
  justify-content: center;
}

.ilk_link:hover,
.ilk_k:hover {
  cursor: pointer;
  color: #FF9A5C;
}

/*new*/

.contact_section {
display: flex;
margin-top: 10rem;
padding-top: 10rem;
justify-content: center;
}

.contact_writing {
  display: block;
  width: 32vw;
  box-sizing: border-box;
  margin-top: 92px;
}

.contact_form {
  display: inline-block;
  border-radius: 1.125rem;
  border: 0.7px solid var(--basic-light-gray, #606077);
  background: rgba(46, 46, 57, 0.30);
  box-shadow: 0px 11px 58.4px 0px rgba(41, 41, 51, 0.16) inset;
  backdrop-filter: blur(6px);
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 46px;
  padding-bottom: 46px;
  box-sizing: border-box;
}

.contact_title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  box-sizing: border-box;
}

.contact_exp {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 14px;
  width: 26vw;
  box-sizing: border-box;
}

.contact_email {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  box-sizing: border-box;
  margin-top: 40px;
}

.contact_email_us {
  color: var(--secondary-blue, #599CFB);
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 8px;
  /* 133.333% */
  box-sizing: border-box;
}

.contact_phone {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  margin-top: 40px;
  box-sizing: border-box;
}

.contact_phone_us {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  margin-top: 8px;
  box-sizing: border-box;
}

.form_title {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  box-sizing: border-box;
}

.form_name {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
  box-sizing: border-box;
}

.form_name {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin-top: 22px;
  margin-bottom: 6px;
  box-sizing: border-box;
}

.input_name {
  padding-left: 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid #606077;
  background: #2E2E39;
  box-shadow: 0px 11px 58.4px 0px rgba(41, 41, 51, 0.16) inset;
  backdrop-filter: blur(6px);
  height: 44px;
  width: 334px;
  flex-shrink: 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  box-sizing: border-box;
}

.form_email {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin-top: 22px;
  margin-bottom: 6px;
  box-sizing: border-box;
}

.input_email {
  padding-left: 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid #606077;
  background: #2E2E39;
  box-shadow: 0px 11px 58.4px 0px rgba(41, 41, 51, 0.16) inset;
  backdrop-filter: blur(6px);
  height: 44px;
  width: 334px;
  flex-shrink: 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  box-sizing: border-box;
}

.form_message {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  margin-top: 22px;
  margin-bottom: 6px;
  box-sizing: border-box;
}

.input_message {
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid #606077;
  background: #2E2E39;
  box-shadow: 0px 11px 58.4px 0px rgba(41, 41, 51, 0.16) inset;
  backdrop-filter: blur(6px);
  width: 334px;
  height: 100px;
  flex-shrink: 0;
  color: #FFF;
  font-family: "Roboto";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5rem;
  box-sizing: border-box;
}

.send {
  border-radius: 1.5rem;
  border: 1px solid #FF7A29;
  background: #DB5300;
  box-shadow: 0px 0px 2px 0px #FF711A;
  backdrop-filter: blur(2px);
  display: inline-flex;
  padding: 0.625rem 1.875rem 0.6875rem 1.875rem;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  color: #FFF;
  margin-top: 28px;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  height: 2.875rem;
  width: 6.625rem;
}

::placeholder {
  color: #8E8EA4;
}
.last {
  padding-bottom: 5%;
}

body {
  margin: 0px;
}

.projects-hard {
  display: flex;
  width: 98vw;
  gap: 40px;
  justify-content: center;
}

.arrow-left {
  margin-top: 27vh;
}

.arrow-right {
  margin-top: 27vh;
}

.img_p {
  width: 55vw;
}

.text {
  margin-top: 28px;
}
.baslikk {
  color: #FFF;
  font-family: "Roboto";
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  box-sizing: border-box;
  width: 55vw;
}

.aciik {
  color: #FFF;
  font-family: "Roboto";
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  box-sizing: border-box;
  margin-top: 12px;
  width: 55vw;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
  width: 55vw;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color: red;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}



.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

.ind {
  color: var(--Basic-White, #FFF);
  text-align: center;
  justify-content: center;
  font-family: "Roboto";
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20rem;
  margin-bottom: 16px;
  width: 60vw;
  margin-left: auto;
  margin-right: auto;
}

.ind_description {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  width: 60vw;
  margin-left: auto;
  margin-right: auto;
}

.line {
  height: 1px;
  /* background-color: #FF711A; */
  background: linear-gradient(to right, rgba(255,93,0,1) 40%,rgba(255,93,0,1) 2%,rgba(255,93,0,0) 100%);;
  margin-top: 20rem;
  border: none;
}

.btnn {
  visibility: hidden;
  height: 0px;
}

.sidee {
  visibility: hidden;
  height: 0px;
}



.left_arm {
  border-radius: 2.59375rem;
  border: 0.7px solid var(--Basic-Light-Gray, #606077);
  background: rgba(46, 46, 57, 0.30);
  box-shadow: 0px 11px 58.4px 0px rgba(41, 41, 51, 0.16) inset;
  backdrop-filter: blur(6px);
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-content: center;
  padding-top: 0.8rem;
  margin-top: -30rem;
  margin-left: -4.6rem;
}

.right_arm {
  border-radius: 2.59375rem;
  border: 0.7px solid var(--Basic-Light-Gray, #606077);
  background: rgba(46, 46, 57, 0.30);
  box-shadow: 0px 11px 58.4px 0px rgba(41, 41, 51, 0.16) inset;
  backdrop-filter: blur(6px);
  display: flex;
  width: 4rem;
  height: 4rem;
  align-content: center;
  justify-content: center;
  text-align: center;
  padding-top: 0.8rem;
  margin-left: 63rem;
  margin-top: -4rem;
}

.arr {
  stroke-width: 2px;
  stroke: #FF711A;
  filter: drop-shadow(0px 0px 0.2px #FF8438);
  position: relative;
}

.arr_r {
  stroke-width: 2px;
  stroke: #FF711A;
  filter: drop-shadow(0px 0px 0.2px #FF8438);
  position: relative;
}

.area_more {
  display:flex;
}

/* .overlay{
	height: 0rem; visibility: hidden;
} */


/* new */
@media screen and (max-width: 1186px) {
  .menu_contact_footer, 
  .menu_about_footer,
  .menu_hard_footer,
  .menu_soft_footer {
    font-size: 0.9rem;
  }
}

@media  screen and  (max-width: 1067px) {
  footer {
    width: 90vw;
    justify-content: center;
    display:block;
  }
}

@media  screen and  (max-width: 1067px) {
  .logo_footer {
    display: flex;
    justify-content: center;
    width: 90vw;

  }
}

.left_footer {
  display: block; 
  width: 35vw;
}

.right_footer {
  display: block; 
  width: 35vw;
}

@media screen and (max-width: 1067px) {
  .left_footer,
  .right_footer {
    justify-content: center;
    width: 90vw;
  }
}

@media screen and (max-width: 1067px) { 
  .ts_footer {
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }
}

@media screen and (max-width: 1067px) { 
  .menu_footer,
  .contact_footer {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
    text-align: center;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1067px) {
  .menu_contact_footer, 
  .menu_about_footer,
  .menu_hard_footer,
  .menu_soft_footer {
    font-size: 1.3rem;
    margin-top: 20px;
  }
}

@media screen and (max-width: 1067px) {
.contact_email_us_footer,
.contact_phone_us_footer {
  font-size: 1.3rem;
  margin-top: 20px;
}
}



@media screen and (max-width: 1067px) {
  .menu_soft,
  .menu_hard,
  .menu_about,
  .menu_contact {
  display: none;
  }
}

.burger_menu {
  margin-right: 20px;
  display: none;
}

@media screen and (max-width: 1067px) {
  .burger_menu {
    display: block;
  }
}

@media screen and (max-width: 1067px) {
  .menu{
    justify-content: space-between;
    gap: 30px;
  }
}


@media screen and (max-width: 1067px) {
.dropdown {
  float: right;
  margin-left: auto;
}
}

@media screen and (max-width: 1067px) {
  .contain {
    display: grid;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 1067px) and (min-width: 490px){
  .hardd,
  .softt {
    display: flex;
    height: 510px;
    padding: 18px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    justify-items: center;
  }
}
@media screen and (max-width: 1067px) and (min-width: 490px){
  .area_more {
    margin-left: auto;
    float: right;
  }
}

@media screen and (max-width: 1067px) and (max-width: 490px){
  .soft_yazi,
  .soft_yazi_ {
    margin-left: 0.9rem;
  }
}

@media screen and (max-width: 1067px) and (min-width: 490px) {
  .soft_yazi{
    padding-top: 16rem;
  }
}

@media screen and (max-width: 1067px) {
  .whyus{
    display: grid;
  }
}

@media screen and (max-width: 1067px) {
  .diversity_text,
  .quality_text,
  .efficiency_text {
  width: 50vw;
  }
}

@media screen and (max-width: 1067px) {
  .ilk {
  display: grid;
  height: 160px;
  }
}

@media screen and (max-width: 1067px) {
  .ilk_link {
 justify-content: left;
  }
}

@media screen and (max-width: 1067px) {
  .ilk_i {
 width: 72vw;
  }
}

@media screen and (max-width: 1067px) {
  .ilk_j {
 width: 72vw;
  }
}

@media screen and (max-width: 1067px) {
  .contact_section {
    display: grid;
    gap: 40px;
    align-items: center;
    justify-content: center;
    justify-items: center;
    margin-top: 5rem;
  }
}

@media screen and (max-width: 1067px) and (min-width: 760px) {
  .contact_writing {
    text-align: center;
    display: grid;
    justify-content: center;
    width: 40vw;
  }
}

@media screen and (max-width: 1067px) {
  .contact_exp {
    width: 40vw;
  }
}

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

  .buyuk_yazi {
    width: 90vw;
  }

  .title_hardware{
    width: 90vw;
  }
}


@media screen and (max-width: 1067px) {
  .ortayazi {
    width: 80vw;
  }
}

@media screen and (max-width: 1067px) {
  .servicee,
  .whyus_title,
  .title_works,
  .line {
    margin-top: 10rem;
  }
}

@media screen and (max-width: 1067px) {
  .s_works {
    margin-top: 0rem;
  }
}

@media screen and (max-width: 510px) {
  .whowe,
  .whyus_title, 
  .servicee,
  .title_works
   {
    font-size: 2.8rem;
    width: auto;
  }

  .lines_curly {
    width: auto;
    height: 24vw;
    margin-top: 0;
    overflow: hidden;
    background-image: url("uploads/line_mobile.png");
  }

  .areas_hard {
    gap: 0px;
    flex-direction: column;
  }

  .areas_hard_card {
    width: 90vw;
    margin-bottom: 14px;
    height: 88px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .areas_hard_writing {
    width: 88vw;
    font-size: 1rem;
  }

  .arrow-left {
    margin-top: 10vh;
  }

  .arrow-right {
    margin-top: 10vh;
  }

  .left {
    width: 28px;
    height: 28px;
  }

  .projects-hard {
    width: 96vw;
    gap: 0;
    justify-content: space-between;
  }

  .mySlides {
    display: none;
    width: 96vw;
    /* text-align: center; */
  }

  .img_p {
    width: calc(96vw - 28px - 28px - 4px);
    margin-left: 2px;
    margin-left: 2px;
  }

  .baslikk {
    width: calc(96vw - 28px - 28px - 4px);
    font-size: 1.3rem;
  }

  .aciik {
    width: calc(96vw - 28px - 28px - 4px);
    font-size: 1rem;
    line-height: normal;
  }

  .ind {
    font-size: 2rem;
    width: auto;
  }

  .ind_description {
    width: auto;
  }

  body {
    margin: 0px;
  }
}

@media screen and (max-width: 510px) {
  .whoasagi {
    font-size: 1.6rem;
    width: 90vw;
  }

  .description_text{
    font-size: 1rem;
    width: 90vw;
  }
}


@media screen and (max-width: 760px) {
  .contact_writing,
  .contact_exp {
    width: 86vw;
    text-align: center;
    display: grid;
    justify-content: center;
  }
}

@media screen and (max-width: 510px) {
  .buyuk_yazi {
    width: 90vw;
    font-size: 3.1rem;
  }

  .title_hardware{
    width: 90vw;
    font-size: 3.1rem;
  }
}

@media screen and (max-width: 1067px) and (min-width:510px) {
  .logo {
    margin-left: 20px;
  }
}
  
@media screen and (max-width: 510px) {
  .logo_mobile {
    width: 190px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 490px) {
  .softt,
  .hardd {
    display: flex;
    width: 330px;
    height: 380px; 
    padding: 8px 8px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    justify-items: center;
  }
}

@media screen and (max-width: 490px) {
  .soft_yazi   {
      padding-top: 13rem;
      font-size: 1.9rem;
      margin-left: 0rem;
      padding-bottom: 4px;
  }
}

@media screen and (max-width: 490px) {
  .soft_yazi_   {
    margin-left: 0rem;
    width: 320px;
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 490px) {
  .area_more   {
    margin-left: auto;
    float: right;
    width: 310px;
  }
}

@media screen and (max-width: 490px) {
  .soft_more   {
    margin-right: 10px;
  }
}

@media screen and (max-width: 490px) {
  .contact_form   {
    width: 330px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 490px) {
  .input_name,
  .input_email,
  .input_message   {
    width: 290px;
  }
}

.menu_mobile {
  width: 75vw;
  height: 100%;
  flex-shrink: 0;
  background: linear-gradient(168deg, #241A2C -22.92%, #0D0D15 42.71%, #281412 108.42%);
  float: right;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.close_burger {
  float:right;
  margin-top:20px;
  margin-right: 20px;
  margin-left: auto;
}

.logo_burger {
  display: flex;
  align-items: center;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8vh;
  justify-content: center;
}

.menu_mobile_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  gap: 32px;
}
.menu_soft_burger {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.menu_hard_burger {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.menu_about_burger {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.menu_contact_burger {
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.contact_burger {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  gap: 16px;
  margin-bottom: 50px;
}

.phone_mobile_burger {
  color: var(--Basic-White, #FFF);
  text-align: center;
  font-family: Roboto;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  text-decoration: none;
}

.email_mobile_burger {
  color: var(--Basic-White, #FFF);
  text-align: center;
  font-family: Roboto;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  text-decoration: none;
}

.logo_menu_burger {
  display: block;
}