.front-page {
  font-family: Verdana, sans-serif;
  margin: 0;
  font-family: "Lateef";
  font-weight: 700;
  overflow: hidden;
}

.front-page * {
  box-sizing: border-box;
}

.front-page a {
  text-decoration: none;
}

.front-page button {
  font-family: "Lateef";
  font-weight: 700;
}
.mySlides {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

.uppercorner {
  width: 157px;
  height: 175.062px;
  position: absolute;
  top: 160px;
  inset-inline-start: -15px;
}
@media screen and (max-width: 1400px) {
  .uppercorner {
    display: none;
  }
}

.leftbranches:lang(en-US) {
  /* transform: translate(78px, 320px); */
  transform: translate(-432px, 10px);
}

@media only screen and (min-width: 1602px) and (max-width: 1840px) {
  .leftbranches:lang(en-US) {
    transform: translate(-350px, 10px);
  }
}

@media only screen and (min-width: 1241px) and (max-width: 1601px) {
  .leftbranches:lang(en-US) {
    transform: translate(-250px, 280px);
  }
}

@media screen and (max-width: 1240px) {
  .leftbranches:lang(en-US) {
    transform: translate(-225px, 200px);
  }
}

@media screen and (max-width: 1024px) {
  .leftbranches:lang(en-US) {
    transform: translate(-175px, 264px);
  }
}

@media screen and (max-width: 850px) {
  .leftbranches:lang(en-US) {
    transform: translate(-125px, 279px);
  }
}

@media screen and (max-width: 756px) {
  .leftbranches:lang(en-US) {
    transform: translate(-57px, 241px);
  }
}

@media screen and (max-width: 607px) {
  .leftbranches:lang(en-US) {
    transform: translate(27px, 240px);
  }
}
@media screen and (max-width: 564px) {
  .leftbranches:lang(en-US) {
    transform: translate(64px, 337px);
  }
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .leftbranches:lang(en-US) {
    transform: translate(65px, 296px);
  }
}

.leftbranches {
  align-self: end;
  display: flex;
  align-items: end;
  justify-content: end;
  transform: translate(252px, -53px);
}

@media only screen and (min-width: 1241px) and (max-width: 1601px) {
  .leftbranches {
    transform: translate(170px, 320px);
  }
}

@media screen and (max-width: 1240px) {
  .leftbranches {
    transform: translate(160px, 200px);
  }
}

@media screen and (max-width: 1024px) {
  .leftbranches {
    transform: translate(68px, 200px);
  }
}

@media screen and (max-width: 768px) {
  .leftbranches {
    transform: translate(-35px, 200px);
  }
}

@media screen and (max-width: 650px) {
  .leftbranches {
    transform: translate(-42px, 290px);
    /* width: 70px; */
  }
}

@media screen and (max-width: 600px) {
  .leftbranches {
    transform: translate(-35px, 300px);
  }
}

@media only screen and (min-width: 375px) and (max-width: 470px) {
  .leftbranches {
    transform: translate(-43px, 256px);
  }
}

@media screen and (max-width: 1024px) {
  .leftcircle:lang(en-US) {
    width: 90px;
  }
}
@media screen and (max-width: 564px) {
  .leftcircle:lang(en-US) {
    width: 70px;
  }
}

.leftcircle {
  border-radius: 50%;
  border: 1px solid white;
  padding: 4.85px;
}

@media screen and (max-width: 1240px) {
  .leftcircle {
    width: 90px;
  }
}
@media screen and (max-width: 768px) {
  .leftcircle {
    width: 80px;
  }
}

@media screen and (max-width: 600px) {
  .leftcircle {
    width: 60px;
  }
}

.leftbranches-info:lang(en-US) {
  transform: translate(-87px, -5px);
}

@media screen and (max-width: 1240px) {
  .leftbranches-info:lang(en-US) {
    transform: translate(-72px, 0px);
  }
}

@media screen and (max-width: 1024px) {
  .leftbranches-info:lang(en-US) {
    transform: translate(-72px, 4px);
  }
}
@media screen and (max-width: 768px) {
  .leftbranches-info:lang(en-US) {
    transform: translate(-72px, -10px);
  }
}
@media screen and (max-width: 564px) {
  .leftbranches-info:lang(en-US) {
    transform: translate(-55px, -10px);
  }
}

.leftbranches-info {
  flex-direction: column;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(80px);
}
@media screen and (max-width: 1240px) {
  .leftbranches-info {
    transform: translate(60px, 0px);
  }
}
@media screen and (max-width: 768px) {
  .leftbranches-info {
    transform: translate(55px, 0px);
  }
}

@media screen and (max-width: 600px) {
  .leftbranches-info {
    transform: translate(40px, 0px);
  }
}

/* bottom: 11px; */

/* @media screen and (max-width: 1600px) {
    transform: translateX(57px);
  }
  @media screen and (max-width: 1480px) {
  }
  @media screen and (max-width: 1300px) {
    transform: translateX(50px);
  }

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

  @media screen and (max-width: 800px) {
    transform: translateX(40px);
  }
*/

@media screen and (max-width: 1024px) {
  .leftbranches-num:lang(en-US) {
    font-size: 30.43px;
    line-height: 0px;
  }
}
@media screen and (max-width: 564px) {
  .leftbranches-num:lang(en-US) {
    font-size: 20.43px;
    line-height: 0px;
  }
}

.leftbranches-num {
  margin: 0;
  display: flex;
  /* width: 67px;
  height: 14px;
  flex-direction: column; 
  justify-content: center; */
  color: #ff642b;
  /* text-align: center; */
  font-size: 47.43px;
  font-weight: 400;
  line-height: 14.786px;
  /* @media screen and (max-width: 768px) {
    font-size: 30.43px;
    line-height: 0px;
  } */
}
@media screen and (max-width: 1240px) {
  .leftbranches-num {
    font-size: 30.43px;
    line-height: 0px;
  }
}
@media screen and (max-width: 768px) {
  .leftbranches-num {
    font-size: 30.43px;
    line-height: 0px;
  }
}

@media screen and (max-width: 600px) {
  .leftbranches-num {
    font-size: 20.43px;
  }
}

@media screen and (max-width: 564px) {
  .leftbranches-text:lang(en-US) {
    font-size: 16.43px;
    line-height: 0px;
    font-weight: bold;
  }
}

.leftbranches-text {
  display: flex;
  justify-content: center;
  color: #1d1d1d;
  font-size: 24px;
  font-weight: 400;
  line-height: 14.786px;
  margin-block-start: 1em !important;
  margin-block-end: 1em !important;
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
}
@media screen and (max-width: 768px) {
  .leftbranches-text {
    line-height: 0px;
  }
}

@media screen and (max-width: 600px) {
  .leftbranches-text {
    font-size: 20.43px;
  }
}

.rightclients:lang(en-US) {
  transform: translate(173px, 106px);
}

@media only screen and (min-width: 1241px) and (max-width: 1601px) {
  .rightclients:lang(en-US) {
    transform: translate(121px, 153px);
  }
}

@media screen and (max-width: 1240px) {
  .rightclients:lang(en-US) {
    transform: translate(109px, 224px);
  }
}

@media screen and (max-width: 1050px) {
  .rightclients:lang(en-US) {
    transform: translate(-20px, 150px);
  }
}

/* @media screen and (max-width: 1024px) {
  .rightclients:lang(en-US) {
    transform: translate(45px, 224px);
  }
} */

/* @media screen and (max-width: 1150px) {
  .rightclients:lang(en-US) {
    transform: translate(40px, 100px);
  }
} */

/* @media screen and (max-width: 860px) {
  .rightclients:lang(en-US) {
    transform: translate(0px, 210px);
  }
} */

/* @media screen and (max-width: 730px) {
  .rightclients:lang(en-US) {
    transform: translate(3px, 119px);
  }
} */

@media screen and (max-width: 600px) {
  .rightclients:lang(en-US) {
    transform: translate(-30px, 145px);
  }
}

@media screen and (max-width: 565px) {
  .rightclients:lang(en-US) {
    transform: translate(-30px, 145px);
  }
}

@media screen and (max-width: 463px) {
  .rightclients:lang(en-US) {
    transform: translate(15px, 171px);
  }
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .rightclients:lang(en-US) {
    transform: translate(-11px, 189px);
  }
}

.rightclients {
  align-self: flex-start;
  display: flex;
  justify-content: end;
  background-repeat: no-repeat;
  transform: translate(-120px, 50px);
}

@media only screen and (min-width: 1602px) and (max-width: 1840px) {
  .rightclients {
    transform: translate(-78px, 10px);
  }
}

@media only screen and (min-width: 1241px) and (max-width: 1601px) {
  .rightclients {
    transform: translate(-51px, 124px);
  }
}

@media screen and (max-width: 1240px) {
  .rightclients {
    transform: translate(40px, 150px);
  }
}

/* @media screen and (min-height: 768px) {
  .rightclients {
    transform: translate(-120px, 153px);
  }
} */

@media screen and (max-width: 615px) {
  .rightclients {
    transform: translate(44px, 125px);
    /* width: 60px; */
  }
}

@media screen and (max-width: 467px) {
  .rightclients {
    transform: translate(20px, 150px);
  }
}

@media only screen and (min-width: 375px) and (max-width: 470px) {
  .rightclients {
    transform: translate(27px, 117px);
  }
}

/* @media screen and (max-width: 375px) {
  /*.rightclients {
    transform: translate(29px, 108px);
    /* width: 90px; */
/*}
/*} */

.rightcurlyarrow:lang(en-US) {
  transform: translate(90px, 56px);
}

@media only screen and (min-width: 1602px) and (max-width: 1840px) {
  .rightcurlyarrow:lang(en-US) {
    /* transform: translate(-319px, 20px); */
    transform: translate(92px, 54px);
  }
}

@media only screen and (min-width: 1241px) and (max-width: 1601px) {
  .rightcurlyarrow:lang(en-US) {
    /* transform: translate(-220px, 250px); */
    transform: translate(35px, 98px);
  }
}

/* @media only screen and (min-width: 375px) and (max-width: 1601px) {
  .rightcurlyarrow:lang(en-US) {
    transform: translate(46px, 337px);
  }
} */

@media screen and (max-width: 1240px) {
  .rightcurlyarrow:lang(en-US) {
    transform: translate(60px, 178px);
  }
}

@media screen and (max-width: 1050px) {
  .rightcurlyarrow:lang(en-US) {
    transform: translate(-78px, 102px);
  }
}

@media screen and (max-width: 1024px) {
  .rightcurlyarrow:lang(en-US) {
    width: 100px;
    /* transform: translate(-10px, 205px); */
  }
}
@media screen and (max-width: 860px) {
  .rightcurlyarrow:lang(en-US) {
    transform: translate(-70px, 107px);
  }
}

@media screen and (max-width: 730px) {
  .rightcurlyarrow:lang(en-US) {
    transform: translate(-54px, 103px);
    width: 85px;
  }
}

@media screen and (max-width: 600px) {
  .rightcurlyarrow:lang(en-US) {
    width: 70px;
    transform: translate(-51px, 110px);
  }
}
@media screen and (max-width: 564px) {
  .rightcurlyarrow:lang(en-US) {
    width: 60px;
    transform: translate(-40px, 112px);
  }
}

/* @media screen and (max-width: 393px) {
  .rightcurlyarrow:lang(en-US) {
    transform: translate(-38px, 109px);
  }
} */

@media screen and (min-width: 375px) and (max-width: 470px) {
  .rightcurlyarrow:lang(en-US) {
    transform: translate(-30px, 152px);
    width: 40px;
  }
}

.rightcurlyarrow {
  display: flex;
  align-self: start;
  transform: translate(-189px, 5px);
}

@media only screen and (min-width: 1602px) and (max-width: 1840px) {
  .rightcurlyarrow {
    /* transform: translate(-319px, 20px); */
    transform: translate(-148px, -40px);
  }
}

@media only screen and (min-width: 1241px) and (max-width: 1601px) {
  .rightcurlyarrow {
    /* transform: translate(-220px, 250px); */
    transform: translate(-118px, 70px);
  }
}

@media screen and (max-width: 1240px) {
  .rightcurlyarrow {
    transform: translate(-10px, 110px);
    width: 90px;
  }
}

@media screen and (max-width: 615px) {
  .rightcurlyarrow {
    transform: translate(0px, 78px);
    /* width: 60px; */
  }
}

@media screen and (max-width: 600px) {
  .rightcurlyarrow {
    transform: translate(8px, 83px);
    width: 60px;
  }
}

@media screen and (max-width: 468px) {
  .rightcurlyarrow {
    transform: translate(-12px, 109px);
    /* width: 60px; */
  }
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .rightcurlyarrow {
    transform: translate(-18px, 78px);
    width: 40px;
  }
}

/* @media screen and (min-height: 768px) {
  .rightcurlyarrow {
    transform: translate(-170px, 130px);
  }
} */

@media screen and (max-width: 1024px) {
  .rightcircle:lang(en-US) {
    width: 90px;
  }
}
@media screen and (max-width: 564px) {
  .rightcircle:lang(en-US) {
    width: 70px;
  }
}

.rightcircle {
  border-radius: 50%;
  border: 1px solid white;
  padding: 4.85px;
}
@media screen and (max-width: 1240px) {
  .rightcircle {
    width: 90px;
  }
}
@media screen and (max-width: 768px) {
  .rightcircle {
    width: 80px;
  }
}
@media screen and (max-width: 600px) {
  .rightcircle {
    width: 60px;
  }
}

.rightclients-info:lang(en-US) {
  transform: translate(-100px, 30px);
}
@media screen and (max-width: 1240px) {
  .rightclients-info:lang(en-US) {
    transform: translate(-86px, 25px);
  }
}

@media screen and (max-width: 1024px) {
  .rightclients-info:lang(en-US) {
    transform: translate(-86px, 25px);
  }
}
/* @media screen and (max-width: 607px) {
  transform: translate(50px, 200px);
}  */
@media screen and (max-width: 564px) {
  .rightclients-info:lang(en-US) {
    transform: translate(-75px, 17px);
  }
}

.rightclients-info {
  transform: translate(102px, 29px);
}
@media screen and (max-width: 1240px) {
  .rightclients-info {
    transform: translate(86px, 25px);
  }
}
@media screen and (max-width: 768px) {
  .rightclients-info {
    transform: translate(82px, 25px);
  }
}

@media screen and (max-width: 600px) {
  .rightclients-info {
    transform: translate(70px, 10px);
  }
}

@media screen and (max-width: 600px) {
  .rightclients-num:lang(en-US) {
    font-size: 30.43px;
    line-height: 0px;
  }
}

@media screen and (max-width: 564px) {
  .rightclients-num:lang(en-US) {
    padding-top: 5px;
    font-size: 23.43px;
    line-height: 0px;
  }
}

.rightclients-num {
  color: #ff642b;
  font-size: 47.43px;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  line-height: 10px;
}
@media screen and (max-width: 1240px) {
  .rightclients-num {
    font-size: 30.43px;
    line-height: 0px;
  }
}
@media screen and (max-width: 768px) {
  .rightclients-num {
    font-size: 30.43px;
    line-height: 0px;
  }
}
@media screen and (max-width: 600px) {
  .rightclients-num {
    font-size: 20.43px;
    padding-top: 10px;
  }
}

.rightclients-text {
  /* color: #1d1d1d;  */
  /* font-size: 20px;
  font-style: normal;
  font-weight: 600;  */

  display: flex;
  width: 83px;
  height: 26px;
  flex-direction: column;
  justify-content: center;

  color: #1d1d1d;
  text-align: center;
  font-family: Lateef;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.8px;
  margin-block-start: 1em !important;
  margin-block-end: 1em !important;
  margin-inline-start: 0px !important;
  margin-inline-end: 0px !important;
}
@media screen and (max-width: 1240px) {
  .rightclients-text {
    font-size: 20px;
    line-height: 0px;
    font-weight: bold;
  }
  .rightclients-text:lang(en-US) {
    line-height: 1 !important;
  }
}

@media screen and (max-width: 768px) {
  .rightclients-text {
    font-size: 17.43px;
    line-height: 0px;
    font-weight: bold;
  }
  .rightclients-text:lang(en-US) {
    line-height: 1 !important;
  }
}
@media screen and (max-width: 600px) {
  .rightclients-text {
    font-size: 11.43px;
    padding-bottom: 10px;
  }
  .rightclients-text:lang(en-US) {
    font-size: 16px;
    line-height: 1 !important;
    font-weight: bold;
    max-width: 76px;
  }
}

@media screen and (max-width: 564px) {
  .rightclients-text:lang(en-US) {
    font-size: 16px;
    line-height: 1 !important;
    font-weight: 1000;
    padding-bottom: 15px;
    max-width: 77px;
  }
}

.front-page-dropdown-menu {
  display: flex;
  flex-direction: column;
}

.mySlides__text {
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  width: 1059px;
  /* padding: 0px 324px; */
  /* gap: 88px; */
  top: 50%;
  width: 80%;
  gap: 30px;
  transform: translateY(-50%);
}
/* @media screen and (max-width: 1600px) {
  .mySlides__text {
    top: 23%;
  }
} */

@media only screen and (min-width: 375px) and (max-width: 1601px) {
  .mySlides__text {
    top: 23%;
  }
}

.leftcurlyarrow:lang(en-US) {
  /* transform: translate(85px, 340px); */
  transform: translate(-403px, 61px);
}

@media only screen and (min-width: 1602px) and (max-width: 1840px) {
  .leftcurlyarrow:lang(en-US) {
    /* transform: translate(-319px, 20px); */
    transform: translate(-316px, 61px);
  }
}

@media only screen and (min-width: 1241px) and (max-width: 1601px) {
  .leftcurlyarrow:lang(en-US) {
    /* transform: translate(-220px, 250px); */
    transform: translate(-208px, 340px);
  }
}

@media screen and (max-width: 1240px) {
  .leftcurlyarrow:lang(en-US) {
    transform: translate(-200px, 242px);
  }
}

@media screen and (max-width: 1024px) {
  .leftcurlyarrow:lang(en-US) {
    transform: translate(-141px, 309px);
    width: 100px;
  }
}

@media screen and (max-width: 850px) {
  .leftcurlyarrow:lang(en-US) {
    transform: translate(-87px, 327px);
  }
}

@media screen and (max-width: 756px) {
  .leftcurlyarrow:lang(en-US) {
    transform: translate(-25px, 287px);
  }
}

@media screen and (max-width: 730px) {
  .leftcurlyarrow:lang(en-US) {
    width: 85px;
  }
}

@media screen and (max-width: 607px) {
  .leftcurlyarrow:lang(en-US) {
    transform: translate(32px, 281px);
    width: 70px;
  }
}
@media screen and (max-width: 564px) {
  .leftcurlyarrow:lang(en-US) {
    transform: translate(40px, 370px);
    width: 60px;
  }
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .leftcurlyarrow:lang(en-US) {
    transform: translate(34px, 331px);
    width: 40px;
  }
}

.leftcurlyarrow {
  align-self: end;
  display: flex;
  transform: translate(360px, 0px);
}

/* @media screen and (max-width: 1601px) {
  .leftcurlyarrow {
    transform: translate(290px, 50px);
    width: 90px;
  }
} */

@media only screen and (min-width: 1602px) and (max-width: 1840px) {
  .leftcurlyarrow {
    /* transform: translate(-319px, 20px); */
    transform: translate(370px, 2px);
  }
}

@media only screen and (min-width: 1241px) and (max-width: 1601px) {
  .leftcurlyarrow {
    transform: translate(280px, 370px);
  }
}

@media screen and (max-width: 1240px) {
  .leftcurlyarrow {
    transform: translate(235px, 240px);
    width: 90px;
  }
}

@media screen and (max-width: 1024px) {
  .leftcurlyarrow {
    transform: translate(151px, 243px);
  }
}

/* @media screen and (max-width: 1300px) {
  transform: translate(50px, 320px);
}*/

@media screen and (max-width: 768px) {
  .leftcurlyarrow {
    transform: translate(40px, 247px);
    width: 100px;
  }
}

@media screen and (max-width: 650px) {
  .leftcurlyarrow {
    transform: translate(17px, 337px);
    /* width: 70px; */
  }
}

@media screen and (max-width: 600px) {
  .leftcurlyarrow {
    transform: translate(17px, 337px);
    width: 70px;
  }
}

@media only screen and (min-width: 375px) and (max-width: 470px) {
  .leftcurlyarrow {
    transform: translate(3px, 290px);
    width: 40px;
  }
}

.text__form {
  transform: translateY(300px);
  max-width: 50%;
}

@media only screen and (min-width: 430px) and (max-width: 1601px) {
  .text__form {
    transform: translateY(250px);
    max-width: 80%;
  }
}

@media only screen and (min-width: 375px) and (max-width: 470px) {
  .text__form {
    transform: translateY(156px);
    max-width: 80%;
  }
}
@media screen and (max-width: 607px) {
  .text__form {
    font-size: 16px !important;
  }
  .text__form:lang(en-US) {
    transform: translateY(196px);
  }
}

@media only screen and (min-width: 375px) and (max-width: 470px) {
  .text__form:lang(en-US) {
    transform: translateY(180px);
    max-width: 80%;
  }
}

/* @media screen and (min-height: 768px) {
  .text__form {
    transform: translateY(321px);
  }
} */

.text__head {
  /* align-self: stretch; */
  color: #fff;
  text-align: center;
  font-family: Lateef;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  opacity: 0.9966;
  margin: 0;
}

/* @media screen and (max-width: 820px) {
  .text__disc:lang(en-US) {
    font-size: 31px !important;
  }
} */

@media screen and (max-width: 820px) {
  .text__head:lang(en-US) {
    font-size: 31px !important;
  }
}

@media screen and (min-width: 375px) and (max-width: 430px) {
  .text__head:lang(en-US) {
    font-size: 27px !important;
  }
}

@media screen and (max-width: 607px) {
  .text__head {
    font-size: 36px !important;
  }
}

@media screen and (max-width: 430px) {
  .text__disc {
    font-size: 28px;
  }
}

.text__details {
  display: flex;
  flex-direction: column;
  /* gap: 30px; */
}
@media screen and (max-width: 607px) {
  .text__details {
    /* gap: 15px; */
    font-size: 16px !important;
  }
}

.text__disc {
  font-size: 32px;
  max-width: 1059px;
  color: #fff;
  text-align: center;
  font-family: Lateef;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 41px;
  opacity: 0.9966;
}

@media screen and (max-width: 470px) {
  .text__disc {
    font-size: 22px;
  }
}

@media screen and (max-width: 470px) {
  .text__disc:lang(en-US) {
    font-size: 18px;
  }
}

.mySlides__buttons {
  direction: ltr;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 85px;
}
/* @media screen and (max-width: 700px) {
  .mySlides__buttons {
    gap: 10px;
  }
} */

@media only screen and (min-width: 375px) and (max-width: 700px) {
  .mySlides__buttons {
    gap: 6px;
  }
}

.buttonlink {
  text-decoration: none;
}

.navbarbutton {
  cursor: pointer;
  margin-right: 15px;
  color: #fff;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.9966;
  display: flex;
  padding: 10px 45px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  background: #ff642b;
  border: 0;
}

.button__orange {
  cursor: pointer;
  color: #fff;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.9966;
  display: flex;
  padding: 10px 40px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  background: #ff642b;
  border: 0;
}
@media screen and (max-width: 768px) {
  .button__orange {
    padding: 10px 10px;
    font-size: 20px;
    border-radius: 24px;
    width: 120px;
  }
}

.button__orange:lang(en-US) {
  font-size: 22px;
}

@media screen and (min-width: 375px) and (max-width: 430px) {
  .button__orange:lang(en-US) {
    padding: 0px 10px;
    transform: translate(-10px, 0px);
  font-size: 20px;

  }
}


.button__transparent {
  cursor: pointer;
  color: #fff;
  font-family: Lateef;
  font-size: 31px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.9966;
  display: flex;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 32px;
  border: 1px solid #fff;
  background-color: transparent;
}


.button__transparent:lang(en-US) {
  font-size: 25px;
}

@media screen and (max-width: 607px) {
  .button__transparent {
    font-size: 20px;
    border-radius: 24px;
    width: 202px;
  }
  .button__transparent:lang(en-US) {
    font-size: 17px;
  }
}

@media screen and (min-width: 375px) and (max-width: 430px) {
  .button__transparent:lang(en-US) {
    padding: 0px 10px;
    transform: translate(-10px, 0px);
  }
}

@media screen and (max-width: 768px) {
  .button__transparent {
    padding: 10px 10px;
  }
}

@media only screen and (min-width: 394px) and (max-width: 635px) {
  .button__transparent {
    /* padding: 10px 10px; */
    width: 137px;
  }
}

/* @media screen and (max-width: 393px) {
  .button__transparent {
    padding: 10px 10px;
    transform: translate(-10px, 0px);
  }
} */

@media screen and (min-width: 375px) and (max-width: 430px) {
  .button__transparent {
    padding: 0px 10px;
    transform: translate(-10px, 0px);
  }
}

.lowercorner {
  width: 157px;
  height: 175.062px;
  position: absolute;
  bottom: 23px;
  inset-inline-end: 0px;
}
@media screen and (max-width: 1400px) {
  .lowercorner {
    display: none;
  }
}

.img-slide {
  /* vertical-align: middle; */
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.slideshow-container {
  height: 100vh;
  width: 100%;
  position: relative;
  margin: auto;
}

.prev:lang(en-US) {
  direction: rtl;
  /* inset-inline-end: 10px; */
  /* left: 93%; */
  /* cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 16px;
  margin-top: -22px;
  transition: 0.6s ease; */
  /* @media screen and (max-width: 1239px) {
    left: 91.5%;
  } */
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .prev:lang(en-US) {
    top: 82%;
  }
}

.prev {
  inset-inline-start: 10px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 16px;
  margin-top: -22px;
  transition: 0.6s ease;
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .prev {
    /* width: 40px; */
    inset-inline-start: -9px;
    top: 88%;
  }
}

@media screen and (max-width: 607px) {
  .prev img {
    width: 50px;
  }
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .prev img {
    width: 43px;
  }
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .prev img:lang(en-US) {
    width: 43px;
  }
}

/* @media screen and (max-width: 420px) {
  .prev img {
    width: 40px;
  }
} */

.next:lang(en-US) {
  direction: rtl;
}
@media screen and (min-width: 375px) and (max-width: 470px) {
  .next:lang(en-US) {
    inset-inline-start: 55px;
    top: 82%;
    inset-inline-end: unset;
  }
}

.next {
  inset-inline-end: 10px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 16px;
  margin-top: -22px;
  transition: 0.6s ease;
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .next {
    inset-inline-start: 55px;
    inset-inline-end: unset;
    top: 88%;
  }
}

@media screen and (max-width: 607px) {
  .next img {
    width: 50px;
  }
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .next img {
    width: 43px;
  }
}

@media screen and (min-width: 375px) and (max-width: 470px) {
  .next img:lang(en-US) {
    width: 43px;
  }
}

/* @media screen and (max-width: 420px) {
  .next img {
    width: 40px;
  }
} */

.dots {
  inset-inline-end: 50%;
  position: absolute;
  bottom: 5%;
  text-align: center;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 607px) {
  .dots {
    inset-inline-end: 39%;
  }
}
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.nav-item.front-page-dropdown {
  list-style-type: none;
  display: block;
}

.front-page-dropdown-menu {
  display: none;
  background-color: gray;
  position: absolute;
}

.show-dropdown-menu {
  display: block;
}

.front-page .active,
.front-page .dot:hover {
  background-color: darkgray;
}

@media only screen and (max-width: 300px) {
  .prev,
  .next,
  .text {
    font-size: 11px;
  }
}

.nav-section {
  display: flex;
  justify-content: center;
}
.front-page .navbar {
  align-items: center;
  margin-top: -15px;
  z-index: 1;
  position: absolute;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  max-width: 1656px;
  padding: 1rem;
}
.topnav .icon {
  color: white;
  display: none;
  /* display: none !important; */
  font-size: 40px;
  /* @media screen and (max-width: 1300px) {
    display: contents;
  } */
}

.topnav .closebtn {
  color: white;
  display: none;
  font-size: 40px;
  /* width: 100px;
  height: 100px; */
  position: absolute;
  top: 0;
  right: 25px;
  margin-left: 50px;
}

.logo {
  width: 241.038px;
  height: 107.415px;
  top: 0;
}
@media screen and (max-width: 607px) {
  .logo {
    width: 45%;
    /* margin-left: 470px;
  float: right; */
  }
}
.topnav {
  /* margin-top: 30px; */
  /*overflow: hidden;*/
  display: flex;
  flex-direction: row;
  gap: 37px;
  align-items: center;
}

.links {
  display: block;
  color: #f2f2f2;
  text-align: center;
  text-decoration: none;
  font-size: 28px;
}
.links:lang(en-US) {
  font-size: 20px;
}
.links:hover {
  text-decoration: none;
  /* height: max-content; */
  padding-bottom: 0;
  border-bottom: 2px solid #f18123;
  color: #f18123;
}

.angledown {
  width: 10px;
  height: 5.659px;
}

@media screen and (max-width: 1300px) {
  .topnav a,
  .nav-item.front-page-dropdown .front-page-dropdown-menu {
    display: none;
  }
  .topnav a.icon {
    /* float: right; */
    display: contents;
  }
}

@media screen and (max-width: 1300px) {
  .topnav.responsive {
    background-color: #111;
    transition: 0.5s;
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 20px;
    left: 0;
    width: 40%;
    height: 100vh;
  }

  .topnav.responsive .front-page-dropdown-menu {
    margin-top: 10px;
    position: absolute;
    left: 0;
  }

  .topnav.responsive .closebtn {
    display: block;

    position: absolute;
    right: 10px;
    top: -20px;
  }

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: center;
  }
  .topnav.responsive .front-page-dropdown {
    float: none;
  }
  .topnav.responsive .dropdown-content {
    position: relative;
  }
  .topnav.responsive .nav-item.front-page-dropdown .front-page-dropdown-menu {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.hide-burger-icon {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .topnav.responsive {
    width: 100%;
  }
}