
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

body {
  /* background-color: rgba(13, 97, 73, 0.62); */
  /* font-family: Arial, Helvetica, sans-serif; */

}

a{
  text-decoration: none;
  list-style: none;
  outline: none;

}
a:focus{
  outline: none;
}

.header-icon {
  max-width: 1800px;
  margin: auto;
  position: fixed;
  z-index: 100;
  margin-top: 250px;
  margin-left: 96.5%;

}

.header-icon .box .icon:nth-child(1) {
  border-radius: 10px 0 0 0;
}

.header-icon .box .icon:last-child{
  border-radius: 0 0 0 10px;
}

.header-icon .box .icon {
  display: flex;
  width: fit-content;
  background-color: white;
  z-index: 199;
  position: relative;
  box-shadow: 0 0 2px lightgray;
  border: 0.1px solid rgb(224, 224, 224);

}

.header-icon .box .icon:hover .text {
  margin-left: -210px;
}

.header-icon .box img {
  width: 30px;
  height: 30px;
  justify-content: center;
  margin: 10px;
  /* filter: brightness(0); */
  padding: 2px;
}

.header-icon .icon .text {
  width: 170px;
  height: 100%;
  display: grid;
  place-items: center;
  margin-left: 200px;
  transition: ease-in-out 0.5s;
  position: absolute;
  background-color: white;
  border-radius: 5px;
  justify-content: center;
  border: 0.1px solid rgb(224, 224, 224);
  border-right: none;
}

.header-icon .icon .text p {
  margin: 0;
}








/* slider img */


.slide {
  max-width: 1800px;
  height: 100%;
  min-height: 550px;
  max-height: 9000px;
  /* margin-top: -150px; */
  /* background-color: rgb(185, 54, 54); */
  margin: auto;
}

.carousel-caption {
  margin-bottom: 100px;
  height: 45%;
  text-align: left;
  justify-content: flex-start;
}

.carousel-caption h1 {
  font-size: 50px;
  margin-top: -50px;
  text-align: left;
  display: grid;
  place-items: start;
}

.carousel-caption h1 span {
  font-weight: 200;
}

.carousel-caption p {
  font-size: 20px;
  font-weight: 400;
  text-align: left;
  display: grid;
  place-items: start;
}

.carousel-caption button {
  padding: 10px 30px;
  border-radius: 10px;
  /* margin-left: 0;
          text-align: left; */
  display: grid;
  place-items: start;
  background-color: #e23333;
  color: white;
  border: none;
  /* letter-spacing: 1px; */
}

.carousel-caption p span {
  margin-left: 10px;
}

#slider1 {
  width: 100%;
  height: 550px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.297), rgba(0, 0, 0, 0)), url(image/Manpower\ Recruitment\ 7.jpg);
  background-position: center;
  background-size: 100% 110%;
}

#slider2 {
  width: 100%;
  height: 550px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.475), rgba(0, 0, 0, 0.032)), url(image/Visa\ Services\ 4.jpg);
  background-position: center;
  background-size: 110% 120%;
}

#slider3 {
  width: 100%;
  height: 550px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.353), rgba(0, 0, 0, 0.167)), url(image/Emigration\ &\ Air\ Ticketing\ 2.jpg);
  background-position: center;
  background-size: 100% 120%;
}

#slider4 {
  width: 100%;
  height: 550px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.305), rgba(0, 0, 0, 0.129)), url(image/Legalization\ of\ documents\ 3.jpg);
  background-position: center;
  background-size: 100% 140%;
}

#slider5 {
  width: 100%;
  height: 550px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.297), rgba(0, 0, 0, 0.036)), url(image/Construction\ &\ Maintenance\ 4.jpg);
  background-position: center;
  background-size: 100% 150%;
}

#slider6 {
  width: 100%;
  height: 550px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.344), rgba(0, 0, 0, 0.031)), url(image/Oil\ and\ Gas\ 2.jpg);
  background-position: center;
  background-size: 100% 120%;
}

#slider7 {
  width: 100%;
  height: 550px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.32), rgba(0, 0, 0, 0)), url(image/Manufacturing\ 5.jpg);
  background-position: center;
  background-size: 100% 140%;
}

/* .carousel-caption{
          background-color: #029c26;
        } */
.carousel-indicators li {
  /* background-color: #490257; */
  margin-top: -50px;
  position: relative;

}

.carousel-inner {
  /* height: 620px; */
  /* background-color: #66cac9; */
}

.carousel-item {
  height: 100%;
  min-height: 650px;
  max-height: 9000px;
  height: fit-content;
  background-color: #054855;
}



.about-sec {
  max-width: 1800px;
  margin: auto;
  padding: 120px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
  padding-bottom: 80px;

}

.about-sec .shape img {
  margin: auto;
  position: absolute;
  top: 1;
  left: 30;
  margin-left: 70%;
  margin-top: -100px;

}

.about-sec .text {
  width: 52%;
  /* margin-top: 50px; */
  z-index: 11;
}

.about-sec .text h1 {
  font-size: 30px;
  margin-top: 10px;
  font-weight: 800;
}

.about-sec .text h4 {
  font-size: 20px;
  color: #000000;
  margin-top: 10px;
}

.about-sec .text h3 {
  font-size: 20px;
  color: #e23333;
  margin-top: 10px;
}

.about-sec .text h5 {
  font-size: 18px;
  color: #e23333;
}

.about-sec .text h1 span {
  color: #35c2c2;
}

.about-sec .text img {
  width: 20%;
}

.about-sec .text p {
  color: rgba(0, 0, 0, 0.749);
  margin-top: 25px;
  font-weight: 400;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}

.about-sec .text ul li {
  /* margin-left: 5px; */
  list-style: none;
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;

}

.about-sec .text ul li span {
  color: #e66060;
  font-weight: bold;
  font-size: 20px;
}

.about-sec .text button {
  padding: 8px 30px;
  width: 150px;
  color: rgb(255, 255, 255);
  background: #ef4242;
  font-size: 18px;
  margin-top: 15px;
  border: none;
  border-radius: 10px;
}

.about-sec .text button:focus {
  outline: none;
}

.about-sec .about-btn button {
  width: 150px;
  padding: 0;
  color: rgb(0, 0, 0);
  background: #4eb99500;
  font-size: 20px;
  margin-top: 10px;
  border: none;
  font-weight: bold;
  padding-bottom: 5px;
  border-radius: 0;
}

.about-sec .about-btn .btn2a {
  border: 0.1px solid gray;
  border-top: none;
  border-bottom: none;
  margin: 0 10px;
}

.about-sec .about-btn #bt1 {
  border-bottom: 1px solid #e66060;
  color: #e66060;
}



.about-sec .image {
  width: 40%;
  text-align: center;
  filter: brightness(1.02);
  margin-top: 80px;
  /* display: flex; */
}

.about-sec .image .img1 {
  width: 100%;
  height: 400px;
  margin-top: -80px;
  border-radius: 5%;
}

.about-sec .image img {
  width: 80%;
  height: 300px;
  z-index: 10;
  margin-top: -150px;
  border-radius: 50px;
}



.about-sec #abouttx2 {
  display: none;
}

.about-sec #abouttx3 {
  display: none;
}





.banner {
  max-width: 1800px;
  height: 700px;
  margin: auto;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(image/Air\ Ticketing\ 7.jpg);
  background-position: center;
  background-size: 100% 100%;
  /* padding: 50px 50px; */
  /* margin-top: 50px; */
  padding-top: 20%;
}

.banner .box {
  width: 40%;
  /* padding: 50px; */
  border-radius: 20px;
  /* border: 1px solid rgba(255, 255, 255, 0.739); */
  color: rgb(255, 255, 255);
  padding-bottom: 40px;
  /* backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.109); */
}

.banner .box h1 {
  font-size: 45px;
  font-weight: 600;
  /* color: rgb(234, 31, 31); */
  background-color: #1c98e5;
  text-align: left;
  padding: 10px;
  clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
  padding-left: 30px;
}

.banner .box p {
  font-size: 22px;
  font-weight: 400;
  margin-top: 50px;
  color: black;
  margin-left: 30px;
}

.sec3 {
  max-width: 1800px;
  margin: auto;
  margin-top: 50px;
}

.sec3 .sec3-text {
  width: 90%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-top: 100px;
  box-shadow: 0 0 10px gray;
  margin: auto;
  border-radius: 150px;
  z-index: 10;
  position: relative;
  background-color: white;
}

.sec3 .sec3-text .box {
  width: 20%;
  color: rgb(0, 0, 0);
  margin: 30px 10px;
  text-align: center;
  justify-content: center;
  /* background-color: #02182926; */
}

.sec3 .sec3-text .box h1 {
  font-size: 60px;
  color: rgb(212, 56, 56);
  margin-left: 10px;
}

.sec3 .sec3-text .box p {
  font-size: 18px;
}




.sec5 {
  max-width: 1800px;
  align-items: center;
  align-self: center;
  margin: auto;
  /* height: 300px; */
  margin-top: 50px;
  padding-top: 20px;
  padding: 50px 0;
  color: #000000;
  background-color: rgb(140, 8, 8);
  /* margin-bottom: 300px; */
  background-image: linear-gradient(rgba(255, 255, 255, 0.918), rgba(255, 255, 255, 0)), url(image/png\ img\ 2.avif);
  background-position: center;
  background-size: 100% 101%;

}

.sec5 .sub-box2 {
  padding: 0 20px;
  text-align: start;
  display: flex;
  justify-content: space-between;
}

.sec5 .sub-box2 span {
  font-size: 40px;
  font-weight: 300;
}

.sec5 .sub-box2 span::selection {
  background-color: transparent;
}

.sec5 .sub-box2 .arrow:hover {
  cursor: pointer;
}

.sec5 .sub-box2 h2 {
  font-size: 40px;
  font-weight: 500;
  align-items: flex-start;
  text-align: start;
}

.sec5 .sub-box2 p {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 400;
}

.sec5 .sub-box3 {
  width: 100%;
  /* margin-top: 20px; */
  display: flex;
  overflow-x: scroll;
  column-gap: 25px;
  padding-bottom: 10px;
  /* background-color: #020d3b; */
}

.sec5 .sub-box3::-webkit-scrollbar {
  width: 0 !important
}

.sub-box3.imgbox {
  width: 500;
  height: 400;
  /* background-color: aqua; */
  scroll-snap-align: center;



}

.sub-box3 .imgbox {
  background-color: rgb(255, 255, 255);
  padding: 0;
  /* height: 370px; */
  padding-top: 0;
  padding: 20px;
  box-shadow: 0 0 2px rgb(0, 0, 0);
  margin-top: 30px;
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.442), rgb(255, 255, 255)); */
  border-radius: 30px 30px;
}

#imgbox-a {
  margin-left: 20px;
}

.sub-box3 .imgbox .block1 img {
  width: 350px;
  height: 280px;
  border-radius: 30px 30px;

}

.sec5 .sub-box3 .imgbox h3 {
  font-size: 22px;
  margin-top: 20px;
  /* padding-left: 20px; */
  text-align: center;
  /* font-weight: 600; */
  color: rgb(140, 8, 8);
  /* letter-spacing: 2px; */
}
.sec5 .sub-box3 .imgbox .arabic-f{
  font-size: 28px;
}

#sec3-0 {
  margin-right: 20px;
}



.sec6 {
  max-width: 1800px;
  margin: auto;
  height: 600px;
  padding: 50px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(image/why\ choose\ us\ 1.png);
  background-position: center;
  background-size: 100% 100%;
}

.sec6 .box {
  width: 40%;
  margin-left: 50%;
  margin-top: 150px;
}


.sec6 .box h1 {
  margin-top: 50px;
  color: rgb(0, 0, 0);
  /* background-color: rgb(209, 7, 7); */
  clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  text-align: center;
  padding: 10px;
  border: 5px solid rgb(222, 41, 41);
  border-radius: 0px;
}

.sec6 .box p {
  margin-top: 20px;
  text-align: center;
  text-align: justify;
}

.sec7 {
  max-width: 1800px;
  margin: auto;
  padding: 20px;
}

.sec7 h1 {
  text-align: center;

}

.sec7 h1 span {
  color: rgb(222, 41, 41);
}

.sec7-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
}

.sec7-container img {
  width: 30%;
  margin: 20px;
}


.sec4 {
  max-width: 1800px;
  margin: auto;
  height: 400px;
  padding: 20px;
  clip-path: polygon(0 0, 100% 0, 100% 30%, 100% 70%, 81% 100%, 19% 100%, 0% 70%, 0% 30%);
  background-color: rgb(19, 130, 177);
  margin-bottom: -400px;
  padding-top: 50px;
  background-image: linear-gradient(rgba(89, 4, 4, 0.252), rgba(146, 4, 4, 0.298)), url(image/bg\ img\ 6.jpg);
  background-position: center;
  background-size: 100% 100%;
}

.sec4 h1 {
  text-align: center;
  color: white;
}

.sec4 h1 span {
  color: #e23333;
}


.sec8 {
  max-width: 1800px;
  margin: auto;
  padding: 100px 20px;
  /* background-image: linear-gradient(to right,rgba(255, 21, 21, 0.17),rgba(0, 0, 0, 0.35)); */
  background-position: center;
  background-size: 100% 100%;
  display: flex;
  flex-wrap: wrap;
  color: #000000;
  justify-content: center;
  margin-top: 50px;
}

.sec8-img {
  width: 55%;
  z-index: 10;
  position: relative;
}

.sec8-img img {
  width: 100%;
  height: 450px;
  border-radius: 30px;
  /* box-shadow:  0 0 5px gray; */
}

.sec8-text {
  width: 45%;
  height: 450px;
  color: rgba(0, 0, 0, 0.881);
  padding: 30px 20px;
  padding-top: 50px;
  background-color: rgb(255, 236, 236);
  margin-left: -150px;
  border-radius: 30px;
  padding-left: 40px;
  z-index: 10;
  position: relative;
  padding-right: 40px;
}

.sec8-text p {
  font-size: 18px;
  margin-top: 30px;
}

.sec8-text h5 {
  color: #e23333;
}

.sec8-text h2 {
  font-size: 40px;
  font-weight: 600;
}

.sec8-text button {
  padding: 10px 30px;
  background-color: #e32020;
  /* border: 1px solid rgba(0, 0, 0, 0.371); */
  margin-top: 10px;
  color: rgb(255, 255, 255);
  /* letter-spacing: 1px; */
  border: none;
  border-radius: 10px;
}

.sec8-text button:focus {
  outline: none;
}




.sec10 {
  max-width: 1500px;
  align-items: center;
  align-self: center;
  margin: auto;
  padding: 50px 0;
  color: #000000;
  background-color: rgb(255, 255, 255);
  padding-bottom: 0;
  /* margin-bottom: -50px; */
}

.sec10 .sub-box2a {
  padding-left: 20px;
  text-align: start;
  display: flex;
  justify-content: space-between;

}

.sub-box2a .arrow {
  font-size: 45px;
  margin-right: 50px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #e12929dd;

}

.sub-box2a .arrow img {
  width: 45px;
  height: 45px;
  font-size: 50px;
}

.sub-box2a .arrow #backBtn2 {
  rotate: 180deg;
}


.sub-box2a .arrow span::selection {
  background-color: transparent;
}

.sec10 .sub-box2a .arrow:hover {
  cursor: pointer;
}

.sec10 .sub-box2a h2 {
  font-size: 45px;
  font-weight: 500;
  align-items: flex-start;
  text-align: center;
}

.sec10 .sub-box2a p {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 400;
}

.sec10 .sub-box3a {
  width: 100%;
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  column-gap: 20px;
  padding-bottom: 25px;
  padding-top: 25px;
  margin-top: 20px;
}

.sec10 .sub-box3a::-webkit-scrollbar {
  width: 0 !important
}

.sec10 .sub-box3a .imgbox {
  /* background-color: aqua; */
  scroll-snap-align: center;
  border-radius: 10px;
  margin-left: 15px;
  box-shadow: 0 0 5px gray;
  color: rgb(255, 255, 255);
  /* background-color:#25b0f5c5; */
  margin-top: 50px;
  transition: ease-in-out 0.5s;
  text-align: center;
  padding: 20px;
}

.sec10 .sub-box3a .imgbox:hover {
  box-shadow: 0 0 25px gray;

}

.sub-box3a .imgbox .block1 {
  width: 60%;
  /* height: 280px; */
  margin: auto;
  height: 180px;
  border-radius: 50%;
  margin-top: -80px;
  border: 0.1px solid rgba(0, 0, 0, 0.087);
  background-color: #ffffff;
  padding: 30px;
}

.sub-box3a .imgbox .block1 img {
  width: 100%;
  margin: auto;
}

.sub-box3a .imgbox h3 {
  font-size: 25px;
  width: 300px;
  margin-top: 15px;
  /* padding-left: 20px; */
  font-weight: 600;
  color: #d94444;
  text-align: center;
}

.sub-box3a .imgbox p {
  /* padding-left: 20px; */
  /* padding-right: 30px; */
  margin-top: 10px;
  text-align: center;
  color: rgb(0, 0, 0);

}

.sub-box3a .imgbox button {
  margin: 0px;
  border: none;
  padding-left: 20px;
  padding-bottom: 20px;
  margin-top: -10px;
  background-color: transparent;
  text-align: left;
  display: grid;
  place-items: start;
}

.sub-box3a .imgbox button img {
  filter: brightness(0.8);
  margin-top: -3px;
  width: 20px;
}

.sub-box3a .imgbox button a {
  color: #008db8dd;
  font-size: 18px;
  font-weight: 600;
  /* color: rgb(11, 24, 79); */

}


.sec12 {
  max-width: 1800px;
  margin: auto;
  height: 300px;
  background-color: rgb(255, 255, 255);
  padding: 100px 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  z-index: 10;
  position: relative;
  margin-top: 50px;
  overflow: hidden;
  background: linear-gradient(rgba(0, 0, 0, 0.47), rgba(0, 0, 0, 0.47), rgba(0, 0, 0, 0.772)), url(image/bg\ img\ 2.jpg);
  background-position: center;
  background-size: 100% 100%;
}


.sec12 .text {
  width: 40%;
  color: rgb(255, 255, 255);
  margin-top: 20px;
}

.sec12 .text h1 {
  font-size: 35px;
  color: #ffffff;
  font-weight: 800;
}

.sec12 .text span {
  color: #e44949;
}


.sec12 .contact {
  margin-top: 30px;
  color: white;
}

.sec12 .contact p {
  font-style: 22px;
  color: white;
}

.sec12 .contact .btn {
  display: flex;
  margin-top: 15px;
}

.sec12 .contact input {
  width: 60%;
  padding: 10px;
  border-radius: 8px 0 0 8px;
  border: 0.2px solid rgb(211, 211, 211);
}

.sec12 .contact input:focus {
  outline: none;
}

.sec12 .contact button {
  padding: 8px 20px;
  border: none;
  background-color: #e53333;
  /* margin-left: -5px; */
  border-radius: 0 8px 8px 0;

}

.sec12 .contact button:focus {
  outline: none;
}

.sec12 .contact button img {
  width: 30px;
}



.sec13 {
  max-width: 1800px;
  margin: auto;
  padding: 50px;

}

.sec13-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.sec13-container .text-box {
  width: 50%;
  height: 470px;
  background-color: RGB(237, 237, 223);
  z-index: 2;
}

.sec13-container .text-box .text {
  width: 100%;
  height: 470px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(image/bg3.png);
  background-position: center;
  background-size: 100% 100%;
  margin-left: 160px;
  padding-top: 70px;
}

.sec13-container .text-box .text h1 {
  font-size: 50px;
  color: rgb(1, 0, 41);
  font-weight: 400;
  width: 70%;
}

.sec13-container .text-box .text button {
  padding: 10px 25px;
  margin-top: 20px;
  /* background-color:RGB(0, 47, 70);   */
  border-radius: 30px;
  /* border: none; */
  border-color: #000d2661;
}

.sec13-container .text-box .text button a {
  color: rgb(0, 0, 44);

}

.sec13-container .text-box .text p {
  width: 65%;
  margin-top: 30px;
}




.sec13-container .img-box {
  width: 50%;
  height: 470px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.209), rgba(0, 0, 0, 0.234)), url(image/about\ us.avif);
  background-position: center;
  background-size: 100% 100%;
  transition: 0.2s ease-in-out;
}

.sec13-container:hover .img-box {
  background: linear-gradient(rgba(0, 0, 0, 0.405), rgba(0, 0, 0, 0.364), rgba(0, 0, 0, 0.422)), url(image/about\ us.avif);
  background-size: 110% 110%;
  background-position: center;

}



.sec17 {
  max-width: 1800px;
  margin: auto;
  padding: 60px;
  height: 410px;
  background: linear-gradient(rgba(255, 255, 255, 0.189), rgba(1, 35, 46, 0.568), rgba(1, 27, 50, 0.913)), url(image/bg\ 3.jpg);
  background-size: 101% 101%;
  background-position: center;
}

.sec17 h1 {
  margin-top: 60px;
  color: white;
}

.sec17 p {
  color: white;
}

.sec17 button {
  padding: 5px 25px;
  color: rgb(0, 0, 0);
  border: 0.2px solid rgb(0, 0, 0);
  border: none;
}

.sec17 button:focus {
  display: none;
}




.textbox {
  height: 160px;
  padding: 10px 10px;
  border-radius: 0 0 20px 20px;
  text-align: left;
  border-top: 0.1px solid rgba(128, 128, 128, 0.248);
}


.sec19 {
  max-width: 1800px;
  margin: auto;
  padding: 20px;
  /* margin-bottom: 50px; */
  /* background-color: rgb(228, 228, 255); */
  /* margin-top: 50px; */
  /* padding-top: 50px; */
  margin-top: -80px;
}

.sec19 h5 {
  text-align: center;
  color: #e23333;
  font-weight: bold;
}

.sec19 h1 {
  text-align: center;
}

.sec19 p {
  text-align: center;
}


.sec19-container {
  width: 100%;
  display: flex;
  margin-top: 0px;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-bottom: 80px;

}

.sec19-container .box {
  width: 28%;
  height: fit-content;
  color: rgb(2, 0, 38);
  margin-top: 60px;
  transition: ease-in-out 0.5s;
}

.sec19-container .box .text {
  width: 100%;
  background-color: #ffffff;
  padding: 20px;
  margin-top: -50px;
  position: relative;
  z-index: 10;
  /* margin-left: 30px; */
  /* clip-path: polygon(9% 0, 89% 0, 100% 100%, 0% 100%); */
  text-align: center;
  /* border-top: 4px solid rgba(234, 12, 12, 0.522); */
  border-radius: 40px 0 40px 0;
  box-shadow: 0 5px 8px rgb(21, 133, 21);
  box-shadow: 3px 3px 10px rgb(40, 122, 18), -0.1pc -0.2pc 5px rgb(255, 39, 23);
}

.sec19-container .box img {
  width: 100%;
  height: 250px;
  border-radius: 20px;
  border-radius: 40px 0 40px 0;

}


.sec19-container .box h2 {
  padding: 0 20px;
  font-size: 23px;
  font-weight: 600;
  color: #e91c1c;
}

.sec19-container .box p {
  padding: 0 20px;
  text-align: left;
  color: rgba(0, 0, 0, 0.792);
  margin: 0;
  text-align: center;
}



.sec20 {
  max-width: 1800px;
  margin: auto;
  padding: 20px 0px;
  background-position: center;
  background-size: 100% 100%;
  padding-bottom: 10px;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
  margin-top: 30px;

}

@keyframes slide {
  form {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.sec20 h1 {
  text-align: center;
  margin-bottom: 30px;
}

.sec20 h1 span {
  color: rgb(225, 29, 29);
}

.sec20-boxes {
  display: flex;
  animation: 10s slide infinite linear;
}

.sec20-boxes:hover {
  animation-play-state: paused;
}

.sec20-boxes .box img {
  width: 200px;
  margin: 10px 30px;
  /* filter: brightness(0); */
}


.sec20-boxes .box img:hover {
  filter: brightness(1);
}



.whatsapp {
  max-width: 1800px;
  margin: auto;
  position: fixed;
  margin-left: 94%;
  /* padding-top: 55%; */
  margin-top: 52%;
  z-index: 50;
  width: fit-content;
  /* background-color: #000000; */
}

.whatsapp img {
  width: 50px;
}


.management-sec {
  max-width: 1800px;
  height: 400px;
  background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.094), rgba(0, 0, 0, 0.636)), url(image/slider\ img\ 2.jpg);
  background-position: center;
  background-size: 100% 180%;
  /* margin: ; */
  text-align: center;
  padding-top: 250px;
}

.management-sec h1{
  font-size: 45px;
  color: white;
}


.management-team{
  background-color: rgb(224, 224, 224);
  margin-bottom: -50px;
  padding: 100px 20px;
  padding-top: 50px;
}
.team-container{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  place-items: center;
  justify-content: center;
}
.management-team h1{
  text-align: center;
  font-size: 55px;
}

.team-container .box{
  width: 45%;
  display: flex;
  text-align: center;
  margin-top: 100px;
  /* background: #000; */
}
.team-container .box .m-img{
  width: 45%;
  margin-left: 8%;
}

.team-container .box .text{
  width: 48%;
  background-color: white;
  margin: auto;
  margin-left: -60px;
  height: fit-content;
  padding: 40px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.905),rgba(255, 255, 255, 0.911), rgba(255, 255, 255, 0.879)), url(image/Logo\ 2\ -\ Copy.png);
  background-position: center;
  background-size: 100% 100%;
}

.team-container .box .text h3{
  font-size: 25px;
}
.team-container .box .text h5{
  font-size: 20px;
  margin-top: 5px;
  color: #c92828a1;
}
.team-container .box .text p{
  font-size: 16px;
  margin-top: 10px;
}

.team-container .box ul {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 10px;
}
.team-container .box ul li{
  list-style: none;
}
.team-container .box ul li img{
  width: 30px;
  margin: 10px;
  mix-blend-mode: multiply;
}




.ourteam-sec {
  max-width: 1800px;
  height: 400px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.014),rgba(0, 0, 0, 0.099), rgba(0, 0, 0, 0.636)), url(image/Overseas\ Recruitment\ Services\ img.jpg);
  background-position: center;
  background-size: 100% 200%;
  /* margin: ; */
  text-align: center;
  padding-top: 250px;
}

.ourteam-sec h1{
  font-size: 45px;
  color: white;
}

.our-team{
  max-width: 1800px;
  margin: auto;
  padding: 30px 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  background-color: rgb(224, 224, 224);
  margin-bottom: -50px;
  padding-bottom: 100px;

}

.our-team .box{
  width: 22%;
  background-color: white;
  justify-content: center;
  text-align: center;
  margin-top: 150px;
  padding: 30px;
}

.our-team .box img{
  width: 90%;
  margin-top: -80px;
}
.our-team .box h3{
  font-size: 25px;
  margin-top: 20px;
}

.our-team .box h5{
  font-size: 16px;
}




/* footer style  */

.footer {
  max-width: 1800px;
  margin: auto;
  padding: 60px 0;
  padding-bottom: 0;
  background-color: rgb(69, 6, 11);
  /* background-image: linear-gradient(rgba(0, 0, 0, 0.692),rgba(0, 0, 0, 0.815)), url(image/bg.svg); */
  background-position: center;
  background-size: 100% 100%;
  color: rgb(255, 255, 255);
  margin-top: 0;
}

.footer-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 50px;
  padding-bottom: 00px;
  /* background-color: #6a4646; */
}

.sec2-text {
  width: 25%;
  /* margin: 0 10px; */
  /* background: #000; */
  color: #000000b9;

}

.sec2-text .line {
  width: 50px;
  height: 3px;
  background-color: #20b2e3;
  margin-bottom: 30px;
  margin-top: 10px;
}

#sec2-other-links {
  width: 20%;
  /* background: #000; */
}

#sec2-other-links2 {
  width: 10%;
}

.sec2-text li span {
  color: #20b2e3;
  margin-right: 10px;
  font-weight: bold;

}

.sec2-text li:hover span {
  margin-left: 10px;
}

.sec2-text h1 {
  font-size: 25px;
  font-weight: 600;
  color: #ffffff;
  display: flex;
}


.sec2-text input {
  height: 50px;
  padding: 12px;
  border: none;
  /* margin-top: 10px; */
  border-radius: 5px 0 0 5px;
}

.sec2-text input:focus {
  outline: none;
}

.sec2-text .news {
  /* background: #000; */
  display: flex;
  margin-top: 30px;
}

.sec2-text .payment {
  margin-top: 30px;
}

.sec2-text button {
  width: 50px;
  height: 50px;
  background-color: #e32020;
  border: none;
  margin-left: -5px;
  padding: 8px;
  /* margin-top: -10px; */
  border-radius: 0 5px 5px 0;

}

.sec2-text button:focus {
  outline: none;
}

.sec2-text button img {
  width: 100%;
}

.sec2-text h2 {
  font-size: 18px;
}

.sec2-text h5 {
  font-size: 18px;
}

.sec2-text .d span {
  /* background: rgb(219, 172, 61); */
  color: #20b2e3;
  padding: 3px;
  height: 30px;
  border-radius: 5px;
  margin-right: 5px;
  font-weight: bold;

}

.sec2-text .d {
  display: flex;
  margin-top: 8px;
}

.sec2-text .d p {
  font-size: 18px;
  font-weight: 400;
  color: #ffffffdd;
}

.icons h5 {
  font-size: 24px;
  font-weight: 600;
  color: #20b2e3;

}

.icons ul {
  display: flex;
}

.icons ul li {
  list-style: none;
  text-decoration: none;
}

.icons ul li a img {
  width: 40px;
  /* color: #ffffffac; */
  font-size: 20px;
  margin: 10px;
  display: grid;
  place-items: center;
  padding: 0px;
}

.icons ul li a img:hover {
  margin-top: -5px;
}


.sec2-text ul li {
  list-style: none;
  text-decoration: none;
  list-style: none;
  margin-top: 10px;

}

.sec2-text ul li a {
  font-size: 15px;
  color: #ffffffdd;
  list-style: none;
  text-decoration: none;
}

.sec2-text ul li a span {
  color: #20b2e3;
}



.footer-base {
  text-align: center;
  padding: 10px;
  color: #000000dd;
  /* padding-bottom: px; */
  font-size: 16px;
  border-top: 0.5px solid rgba(0, 0, 0, 0.176);
  margin-top: 30px;
  /* background-color: #c82323; */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 100px;
}


.footer-base p {
  margin-bottom: 0;
  margin-top: 10px;
  color: #ffffffdd;
}

.footer-base .tx {
  display: flex;
}

.footer-base .tx img {
  width: 50px;
}

.footer-base .tx p {
  margin: 0 5px;
  margin-top: 8px;
}

.footer-base .tx h1 span {
  color: #e32020;
}

.designation-contact h6 {
  color: #000000dd;

}

@media screen and (max-width: 900px) {
  .footer {
    padding-top: 40px;
  }

  .footer-container {
    padding: 0 20px;
  }

  .sec2-text {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
  }


  #sec2-other-links2 {
    width: 40%;
  }

  #sec2-other-links {
    width: 60%;
  }

  .footer-base {
    padding: 10px 20px;
    /* background: #000; */
    text-align: center;
    justify-content: center;
  }

  .footer-base .tx p {
    color: rgba(255, 255, 255, 0.419);
    margin-top: 10px;
  }

  .footer-base p {
    font-size: 15px;
    margin: 0;
  }

}


.sec2-text .a-line {
  width: 50px;
  background-color: #20b2e3;
  margin-left: 80%;
  display: flex;
  justify-content: right;
}

.sec2-text .a-h1 {
  text-align: right;
  justify-content: right;
}

.sec2-text .a-ul{
   text-align: right; 

}
.sec2-text .a-ul span{
  margin-left: 10px;
}

.a-footer-base {
  border-top: 0.5px solid rgba(255, 255, 255, 0.176);

}

.sec2-text .a-d {
  display: flex;
  text-align: right;
  justify-content: right;
}

.sec2-text .a-d span{
  margin-left: 10px;
}

@media screen and (max-width: 900px) {


  
.sec2-text .a-line {
  margin-left: 70%;
}
}