/*
@File: Robtic Template Style

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Home One CSS
** - Home Two CSS
** - Home Three CSS
** - About CSS
** - Service Details CSS
** - Project Details CSS
** - Blog Details CSS
** - Contact CSS
** - FAQ CSS
** - 404 Error CSS
** - Coming Soon CSS
** - Privacy Policy CSS
** - Preloader CSS
** - Back to Top CSS
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

/*-- Default CSS --*/
body {
  font-family: 'Montserrat', sans-serif;
  color: black;
  background-color: #FCFCFC;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  font-family: 'Montserrat', sans-serif;
}

/* Hide Google Translate Top Bar */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

body {
  top: 0px !important;
}

/* Hide the popup dialog */
.goog-te-gadget-simple {
  display: none !important;
}

/* Hide Google Translate bottom banner */
.goog-te-banner {
  display: none !important;
}

/* Hide Google Translate tooltip */
.goog-tooltip {
  display: none !important;
}

/* Hide Google’s blue highlight */
.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}

/* Make the page stay in same position */
#google_translate_element,
.goog-te-banner-frame {
  display: none !important;
}


a {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

@media(max-width:768px) {
  .pt-100 {
    padding-top: 20px !important;
  }
/* 
  .pb-70 {
    padding-bottom: 0 !important;
  } */

}

.pb-70 {
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

@media (max-width :576px) {
  .pb-100 {
    padding-bottom: 35px !important;
  }
}

button:focus {
  outline: 0;
}

.btn.focus,
.btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*-- End Default CSS --*/
/*----- Home One CSS -----*/
/*-- Header Top --*/
.header-top-area {
  background-color: #02111e;
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-top-area .header-top-item ul {
  margin: 0;
  padding: 0;
}

.header-top-area .header-top-item ul li {
  list-style-type: none;
  display: inline-block;
}

.header-top-area .header-top-item ul li a {
  display: inline-block;
}

.header-top-area .header-top-item ul li i {
  display: inline-block;
}

.header-top-area .header-top-item .header-left ul li {
  margin-right: 22px;
}

.header-top-area .header-top-item .header-left ul li:nth-child(2) i {
  position: relative;
  top: 2px;
}

.header-top-area .header-top-item .header-left ul li:nth-child(3) {
  margin-right: 0;
}

.header-top-area .header-top-item .header-left ul li:nth-child(3) i {
  position: relative;
  top: 2px;
}

.header-top-area .header-top-item .header-left ul li i {
  color: #ffffff;
  margin-right: 3px;
  font-size: 18px;
}

.header-top-area .header-top-item .header-left ul li a {
  font-size: 14px;
  color: #ffffff;
}

.header-top-area .header-top-item .header-left ul li a:hover {
  color: #DF6565;
}

.header-top-area .header-top-item .header-right {
  text-align: right;
}

.header-top-area .header-top-item .header-right ul li {
  margin-right: 15px;
}

.header-top-area .header-top-item .header-right ul li:last-child {
  margin-right: 0;
}

.header-top-area .header-top-item .header-right ul li a {
  border-radius: 50%;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
}

.header-top-area .header-top-item .header-right ul li a i {
  line-height: 25px;
}

.header-top-area .header-top-item .header-right ul li a:hover {
  color: #DF6565;
  background-color: #ffffff;
}

/*-- End Header Top --*/
/*-- Navbar --*/
.navbar-light .navbar-brand {
  z-index: 1;
}

.navbar-light .navbar-brand .white-logo {
  display: none;
}

.navbar-area .main-nav {
  background-color: #DF6565;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.navbar-area .main-nav:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 39px;
  height: 100%;
  width: 29%;
  border-left: 0px solid transparent;
  /* border-top: 90px solid #DBC7C7; */
  border-right: 130px solid transparent;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease
}

.navbar-area .main-nav .navbar-light {
  padding-left: 0;
  padding-right: 0;
}

.navbar-area .main-nav .navbar-light .navbar-nav {
  margin-left: auto;
  margin-right: 0;
  margin-top: 50px;
  justify-content: end;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item:hover a {
  color: nla;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a {
  font-weight: 500;
  font-size: 20px;
  text-transform: capitalize;
  position: relative;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a::after {
  display: none;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:hover,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a.active {
  color: #DF6565 !;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:focus {
  color: white !important;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;              /* space from text */
  width: 100%;
  height: 2px;               /* thickness */
  background-color: #DF6565;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:hover:before,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:focus:before,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a.active:before {
  opacity: 1;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu {
  background: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 3px solid #282828;
}

.dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: black;
  /* or any color you prefer */
  border-radius: 50%;
  margin-right: 8px;
  /* Adjust as needed for spacing */
  position: relative;
  /* Add this line */
  top: -3px;
  /* Adjust as needed for vertical alignment */
}

.navbar-nav .nav-item.active .nav-item:active {
  font-weight: bold;
  color: #fff;
  border: 2px solid #DF6565 !important;
  position: relative;
}

.img-response {
  top: 50px !important;
  width: 170px;
  height: auto;
}

/* Mobile */


.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a {
  color: #282828;
  font-size: 15px;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a:before {
  display: none;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a:hover,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-item a.active {
  color: #DF6565;
}

.navbar-area .main-nav.menu-shrink {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* .navbar-area .main-nav.menu-shrink:before {
  border-top: 80px solid lightgray !important;
} */

.side-nav a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #DF6565;
  background-color: white;
  border-radius: 5px;
  padding: 12px 20px;
  position: relative;
  z-index: 1;
}

.side-nav a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  top: 0;
  background-color: #282828;
  border-radius: 5px 5px 0 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  z-index: -1;
}

.side-nav a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  bottom: 0;
  background-color: #282828;
  border-radius: 0 0 5px 5px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  z-index: -1;
}

.side-nav a:hover {
  color: #ffffff;
}

.side-nav a:hover:before {
  opacity: 1;
  height: 50%;
}

.side-nav a:hover:after {
  opacity: 1;
  height: 50%;
}

/*-- End Navbar --*/
/*-- Banner --*/
.banner-img-one {
  background-image: url("../img/home-one/banner-main.jpg");
}

.banner-area {
  background-size: contain;
  background-color: transparent !important;
  background-position: center center;
  background-repeat: no-repeat;
  height: auto;
  position: relative;
}


.cmn-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #DF6565;
  background-color: #ffffff;
  border-radius: 100px;
  padding: 12px 20px;
  position: relative;
  z-index: 1;
  top: 15px;
  bottom: 0;
}

.cmn-btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  top: 0;
  background-color: #DF6565;
  border-radius: 5px 5px 0 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  z-index: -1;
}

.cmn-btn:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  bottom: 0;
  background-color: #DF6565;
  border-radius: 0 0 5px 5px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  z-index: -1;
}

.cmn-btn i {
  display: inline-block;
  font-size: 18px;
  position: relative;
  top: 3px;
}

.cmn-btn:hover {
  color: #ffffff;
}

.cmn-btn:hover:before {
  opacity: 1;
  height: 50%;
}

.cmn-btn:hover:after {
  opacity: 1;
  height: 50%;
}

/*-- End Banner --*/
/*-- About --*/
.section-title {
  margin-bottom: 15px;
  text-align: center;
}

.section-title .sub-title {
  display: inline-block;
  color: black;
  font-weight: 500;
  font-size: 30px;
  /* margin-bottom: 5px; */
  margin-top: 10px;
}

.section-title h2 {
  font-weight: 600;
  font-size: 55px;
  color: black;
  text-transform: capitalize;
}

@media(max-width:767px) {
  .section-title h2 {
    font-size: 40px !important;
    font-weight: 400;
  }
}

.about-area {
  padding-top: 105px;
  padding-bottom: 15px;
}

.about-area .section-title {
  text-align: left;
  margin-bottom: 30px;
}

.about-area .about-content p {
  font-family: Montserrat;
  color: #383838;
  font-weight: 400;
  line-height: 100%;
  font-size: 20px;
  margin-bottom: 18px;
}

.about-area .about-content ul {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.about-area .about-content ul li {
  list-style-type: none;
  display: block;
  font-weight: 500;
  margin-bottom: 15px;
}

.about-area .about-content ul li:last-child {
  margin-bottom: 0;
}

.about-area .about-content ul li i {
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  font-size: 15px;
  text-align: center;
  color: #DF6565;
  background-color: #f2f4fd;
  margin-right: 8px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.about-area .about-content ul li:hover i {
  color: #ffffff;
  background-color: #DF6565;
}

.about-area .about-content img {
  display: inline-block;
  margin-right: 25px;
  border-right: 3px solid#DF6565;
  padding-right: 25px;
}

.about-area .about-content img:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

.about-area .about-img-wrap {
  position: relative;
}

.about-area .about-img-wrap .about-img-slider .about-img-item img {
  width: unset !important;
  max-width: 450px;
}

.about-area .about-img-wrap .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 0;
  position: absolute;
  right: 85px;
  top: 180px;
  max-width: 20px;
}

.about-area .about-img-wrap .owl-theme .owl-dots .owl-dot span {
  background: #fbad86;
}

.about-area .about-img-wrap .owl-theme .owl-dots .owl-dot.active span {
  background: #ffffff;
}

.about-area .about-img-wrap .about-shape img {
  position: absolute;
}

.about-area .about-img-wrap .about-shape img:nth-child(1) {
  top: -25px;
  left: 0;
}

.about-area .about-img-wrap .about-shape img:nth-child(2) {
  bottom: -55px;
  right: 0;
  z-index: 1;
}

.about-area .about-img-wrap .about-shape img:nth-child(3) {
  top: -65px;
  right: 25px;
}

.about-area .about-img-wrap .about-shape img:nth-child(4) {
  top: 255px;
  right: -50px;
}

.about-area .about-img-wrap .about-year {
  z-index: 1;
  background-color: #ffffffd9;
  border-left: 5px solid #02111e;
  display: inline-block;
  padding: 35px 60px;
  position: absolute;
  left: 0;
  bottom: -36px;
}

.about-area .about-img-wrap .about-year h2 {
  font-size: 58px;
  color: #02111e;
  font-weight: 700;
  margin-bottom: 0;
}

.about-area .about-img-wrap .about-year h2 span {
  font-size: 38px;
}

/*-- End About --*/
/*-- Service --*/
.service-area {
  background-image: url("../img/home-one/service-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
}

.service-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #010006;
  opacity: 0.6;
}

.service-area .section-title {
  position: relative;
}

.service-area .section-title h2 {
  color: #ffffff;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.service-area .section-title h2 span {
  color: #DF6565;
}

.service-item {
  text-align: center;
  padding: 30px 30px 28px;
  border-radius: 10px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  margin-bottom: 30px;
}

.service-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  bottom: 0;
  left: 0;
  background-color: #DF6565;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 10px;
  z-index: -1;
}

.service-item:hover {
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
}

.service-item:hover:before {
  height: 100%;
}

.service-item:hover img:nth-child(1) {
  opacity: 0;
}

.service-item:hover img:nth-child(2) {
  opacity: 0.5;
}

.service-item:hover i {
  border: 1px solid#DF6565;
}

.service-item:hover h3 a {
  color: #ffffff;
}

.service-item:hover p {
  color: #ffffff;
}

.service-item:hover .service-link {
  color: #ffffff;
}

.service-item img {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  z-index: -1;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-item img:nth-child(1) {
  opacity: 0.5;
}

.service-item img:nth-child(2) {
  opacity: 0;
}

.service-item i {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px dotted#DF6565;
  color: #DF6565;
  font-size: 35px;
  margin-bottom: 15px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-item h3 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 8px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-item h3 a {
  color: #282828;
}

.service-item h3 a:hover {
  color: #282828;
}

.service-item p {
  margin-bottom: 12px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-item .service-link {
  display: inline-block;
  color: #DF6565;
  font-weight: 500;
  font-size: 14px;
}

.service-item .service-link:hover {
  color: #282828;
}

/*-- End Service --*/
/*-- Counter --*/
.counter-area {
  background-color: #071320;
  padding-bottom: 140px;
}

.counter-area .counter-text {
  margin-bottom: 30px;
}

.counter-area .counter-text h2 {
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 600;
  font-size: 38px;
}

.counter-item {
  margin-bottom: 30px;
  border-radius: 8px;
  border: 2px dotted#DF6565;
  text-align: center;
  padding: 25px 10px 22px;
}

.counter-item h3 {
  margin-bottom: 10px;
}

.counter-item h3 span {
  color: #ffffff;
  font-weight: 700;
  font-size: 30px;
}

.counter-item p {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 0;
}

/*-- End Counter --*/
/*-- Foreign --*/
.foreign-area {
  overflow: hidden;
  position: relative;
  top: -70px;
}

.foreign-area .foreign-slider {
  left: calc((100% - 510px) / 2);
  position: relative;
}

.foreign-area .foreign-slider .owl-prev {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background-color: #DF6565 !important;
  text-align: center;
  font-size: 25px !important;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.foreign-area .foreign-slider .owl-prev i {
  line-height: 30px !important;
}

.foreign-area .foreign-slider .owl-prev:hover {
  background-color: #282828 !important;
}

.foreign-area .foreign-slider .owl-next {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background-color: #DF6565 !important;
  text-align: center;
  font-size: 25px !important;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.foreign-area .foreign-slider .owl-next i {
  line-height: 30px !important;
}

.foreign-area .foreign-slider .owl-next:hover {
  background-color: #282828 !important;
}

.foreign-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  left: -115px;
  top: 210px;
}

.foreign-item {
  padding-bottom: 25px;
  -webkit-box-shadow: 0px 10px 10px 0px #dddddd33;
  box-shadow: 0px 10px 10px 0px #dddddd33;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  background-color: #ffffff;
}

.foreign-item img {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 5px;
  display: block;
}

.foreign-item .foreign-bottom {
  border-left: 3px solid#DF6565;
  padding-left: 10px;
}

.foreign-item .foreign-bottom h3 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 5px;
}

.foreign-item .foreign-bottom h3 a {
  color: #282828;
}

.foreign-item .foreign-bottom h3 a:hover {
  color: #DF6565;
}

.foreign-item .foreign-bottom span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #DF6565;
}

/*-- End Foreign --*/
/*-- Team --*/
.team-area {
  background-image: url("../img/home-one/team-bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #999999;
}

.team-area .container {
  position: relative;
  top: 100px;
}

.team-item {
  text-align: center;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd33;
  box-shadow: 0px 0px 20px 0px #dddddd33;
  background-color: #ffffff;
  padding-bottom: 30px;
  border-radius: 0 0 20px 20px;
  border-bottom: 2px solid#DF6565;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.team-item:hover {
  background-color: #fff1f1;
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
}

.team-item img {
  margin-bottom: 25px;
}

.team-item h3 {
  color: #282828;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 8px;
}

.team-item span {
  display: block;
  font-weight: 500;
  font-size: 15px;
  color: #8f9090;
  margin-bottom: 12px;
}

.team-item ul {
  margin: 0;
  padding: 0;
}

.team-item ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}

.team-item ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  background-color: #DF6565;
  color: #ffffff;
  font-size: 18px;
}

.team-item ul li a i {
  line-height: 30px;
}

.team-item ul li a:hover {
  background-color: #282828;
}

/*-- End Team --*/

/*-- Cost --*/
.cost-area .cost-content {
  background-color: #ffffff;
  z-index: 1;
}

.cost-area .cost-content .section-title {
  text-align: left;
  margin-bottom: 20px;
}

.cost-area .cost-content p {
  margin-bottom: 20px;
}

.cost-area .cost-content ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cost-area .cost-content ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}

.cost-area .cost-content ul li:last-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
  margin-left: 15px;
}

.cost-area .cost-content ul li h4 {
  font-weight: 500;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #303442;
  margin-bottom: 5px;
}

.cost-area .cost-content ul li span {
  display: block;
  font-size: 14px;
  color: #303442;
}

.cost-area .cost-img img {
  width: 100%;
}

.form-group label {
  margin-bottom: 5px;
  display: block;
}

/* Mobile form spacing */
@media (max-width: 767px) {
  .contact-form-wrapper {
    padding: 24px 16px;
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
  }
}

/* Hide everywhere by default */
.mobile-map {
  display: none !important;
}

/* Show only on mobile */
@media (max-width: 767px) {
  .mobile-map {
    display: flex !important;
    justify-content: center !important;
  }

  .mobile-map .map-embed {
    width: 380px !important;
    height: 260px;
  }
}


select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;

  /* 👇 Move arrow slightly left */
  background-position: right 15px center;

  background-size: 16px;
  padding-right: 40px;
  /* spacing for arrow */
}

/*-- End Cost --*/

/*-- Footer --*/
footer {
  background-image: url("");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

footer:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #F3E7E7;
  opacity: 0.92;
}

.footer-item {
  position: relative;
  margin-bottom: 30px;
}

.footer-item .footer-logo .logo-link {
  display: block;
  margin-bottom: 18px;
}

.footer-item .footer-logo p {
  margin-bottom: 20px;
  color: black;
}

.footer-item .footer-logo ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-logo ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}

.footer-item .footer-logo ul li:last-child {
  margin-right: 0;
}

.footer-item .footer-logo ul li a {
  width: 35px;
  height: 35px;
  text-align: center;
  color: black;
  font-size: 18px;
  background-color: #df6565;
  border-radius: 50%;
  display: block;
}

.footer-item .footer-logo ul li a i {
  line-height: 35px;
}

.footer-item .footer-logo ul li a:hover {
  color: #7a0000;
  background-color: #ffffff;
}

.footer-item .footer-service h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #727272;
}

.footer-item .footer-service ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-service ul li {
  list-style-type: none;
  display: block;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  margin-bottom: 10px;
}

.footer-item .footer-service ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-service ul li:hover {
  padding-left: 10px;
}

.footer-item .footer-service ul li a {
  display: block;
  color: black;
}

.footer-item .footer-service ul li a:hover {
  color: #7a0000;
}

.footer-item .footer-touch h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #727272;
}

.footer-item .footer-touch ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-touch ul li {
  list-style-type: none;
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
}

.footer-item .footer-touch ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-touch ul li i {
  display: inline-block;
  color: #df6565;
  font-size: 30px;
  position: absolute;
  top: 0;
  left: 0;
}

.footer-item .footer-touch ul li h4 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
  color: #727272;
}

.footer-item .footer-touch ul li a {
  display: block;
  color: black;
}

.footer-item .footer-touch ul li a:hover {
  color: #e8693d;
}

.footer-item .footer-touch ul li span {
  display: block;
  color: black;
}


/*-- End Footer --*/
/*-- Copyright --*/

.career-container {
  display: flex;
  /* Arranges items horizontally in one row */
  flex-direction: row;
  width: 100%;
  height: 132px;
  /* Set a specific height based on the image example */
  margin: 20px auto;
  /* border: 1px solid #44aaff; - Removed the blue border */
}

.box {
  flex: 1;
  /* Makes each box take up an equal share of the row's width */
  display: flex;
  align-items: center;
  /* Vertically centers the content (icon and text) */
  justify-content: center;
  /* Horizontally centers the content */

  background-color: #DF6565;
  /* The red background color */
  color: white;
  /* Ensures text is white */
  padding: 20px;
  font-family: sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.box:not(:last-child) {
  /* Creates the white vertical separator lines */
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: none;
}

.icon {
  font-size: 2.5em;
  margin-right: 15px;
  line-height: 1;
  color: white;

}

.text {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  text-align: center;

  letter-spacing: normal;/
}

/* Your original CSS */
.copyright-area {
  border-top: 2px solid #DF656566;
  background-color: #DF65651A;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: center;
}

.copyright-area .copyright-item p {
  font-size: 15px;
  color: black;
  margin-bottom: 0;
}

.copyright-area .copyright-item p a {
  display: inline-block;
  font-weight: 600;
  color: #DF6565;
}

.copyright-area .copyright-item p a:hover {
  color: #ffffff;
}

/* NEW FLEX LAYOUT */
.copyright-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width: 100%;
  text-align: left;
  /* override center alignment */
}

.copy-left,
.copy-center,
.copy-right {
  font-family: Montserrat;
  display: flex;
  color: #727272;
  font-weight: 275;
  align-items: center;
  gap: 12px;
}

.copy-center {
  margin-left: 100px !important;
}

/* Left Section */
.copy-link {
  font-size: 15px !important;
  color: black;
  text-decoration: none;
}

@media(max-width:576px) {
  .copy-link {
    font-size: 10px !important;
  }
}

.copy-link:hover {
  color: #DF6565;
}

.copy-divider {
  width: 2px;
  height: 18px;
  background: #E06666;
}

/* Center Section */
.copy-center p {
  margin: 0;
}

/* Right Section (icons) */
.copy-right a {
  font-size: 20px;
  color: black;
  text-decoration: none;
}

.copy-right a:hover {
  color: #DF6565;
}

.copy-center {
  margin-right: 200px !important;
}

@media (max-width: 576px) {

  /* Make container a flexbox */
  .copy-center-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    /* center horizontally, optional */
    gap: 16px;
    /* space between items */
  }
.copyright-area {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
  
  .copy-center {
    margin-right: 0 !important;
    /* remove large right margin on mobile */
  }

  .copy-center p {
    margin: 0;
    /* remove default margin for tight spacing */
  }
}

/* Responsive */
@media (max-width: 768px) {
  .copyright-flex {
    flex-direction: column;
    gap: 10px;
    text-align: center !important;
  }

  .copy-center {
    text-align: center !important;
    /* centers content inside the div */
    width: 100%;
    /* ensure it spans full width */
    margin: 0 auto;
    /* center div itself if needed */
  }

  .copy-center p {
    display: inline-block;
    /* shrink-wrap to text width */
    margin: 0;
    margin-left: 50px !important;
    /* remove default paragraph margin */
    font-size: 10px !important;
    text-align: end !important;
    /* centers text inside p */
  }

}

/*-- End Copyright --*/
/*----- End Home One CSS -----*/

.job-card-container {
  width: 90%;
  margin-top: 30px;
  background-color: white;
  padding: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  margin-left: auto;
  margin-right: auto;
}


.job-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.job-title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-top: 0;
  margin-bottom: 10px;
}

.job-tag {
  display: inline-block;
  padding: 5px 12px;
  margin-bottom: 20px;
  border: 1px solid #090808;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #090808;
  background-color: #fff;
  width: fit-content;
}

.job-description {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 30px;
  flex-grow: 1;
}


.apply-button {
  background-color: #e57373;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 29px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  align-self: flex-end;
  transition: background-color 0.3s;
}

.apply-button:hover {
  background-color: #d66060;
}

.arrow-icon {
  margin-left: 8px;
  font-size: 18px;
  font-weight: 900;
}

/* 📱 Media Query for Mobile (Optional, but good practice) */
@media (max-width: 600px) {
  .job-card-container {
    /* Removes padding on very small screens for better edge-to-edge feel */
    padding: 20px;
  }

  .apply-button {
    /* On small screens, make the button full width and center it */
    width: 100%;
    text-align: center;
    align-self: center;
    /* Increase vertical margin for separation */
    margin-top: 15px;
  }

  .job-title {
    font-size: 20px;
  }
}

/*----- Home Two CSS -----*/
/*-- Banner --*/
.banner-img-two {
  background-image: url("../img/AMC/header-img.png");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: relative;
}

@media (max-width:576px) {
  .banner-img-two {
    /* width: 400px !important; */
    height: 500px !important;
  }

}

/* Apply ONLY above mobile */
@media (min-width: 768px) {

  .amc-header-menu .nav-link {
    display: inline-block;          /* required for border */
    padding-bottom: 8px;            /* space above border */
    border-bottom: 2px solid transparent;
  }

  .amc-header-menu .nav-link.active,
  .amc-header-menu .nav-item.active .nav-link {
    border-bottom: 2px solid #DF6565;
    /* color: #DF6565 !important; */
  }

}


.amc-header-menu {
  gap: 50px;
}

@media screen and (max-width: 1400px) {
  .amc-header-menu {
    gap: 25px;
  }
}



@media screen and (max-width: 300px) {
  .banner-img-two {
    width: 100%;
    height: 100px;
    object-fit: fill;
    object-position: center;
  }
}

@media screen and (max-width: 768px) {
  .banner-img-two {
    height: 50vh;
    background-position: center;
  }
}

@media screen and (max-width: 480px) {
  .banner-img-two {
    height: 40vh;
  }
}

.banner-img-two .banner-content {
  text-align: left;
  margin-left: auto;
}

.banner-img-two .banner-content h1 {
  font-weight: 700;
}


/* ================== BANNER LAYOUT (CLEAN & STABLE) ================== */

.banner-area {
  position: relative;
  width: 100%;
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

@media (max-width:786px) {
  .banner-area {
    min-height: 0;
  }
}

.banner-content {
  position: absolute;
  left: 5%;
  top: 51%;
  color: white;
  transform: translateY(-50%);
  max-width: 800px;
  z-index: 2;
}

@media (max-width:786px) {
  .banner-area {
    font-size: 13px !important;
    transform: translateY(-5%);
  }
}



.line1 {
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: clamp(36px, 4vw, 80px);
  margin: 0;
  text-shadow: 4px 3px 4px #454545;
}

.subline {
  font-size: 28px;
  font-weight: 700;
  margin-top: 10px;
  margin-left: 10px;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}


@media (max-width: 768px) {
  .banner-content {
    /* left: 50%;
    top: 50%; */
    /* transform: translate(-50%, -50%); */
    /* text-align: center; */
    max-width: 100%;
  }

  .line1 {
    margin-top: 0;
    font-size: 34px !important;
  }

  .subline {
    margin-left: 5px;
    font-size: 16px !important;
  }
}

.capabilities-section {
  background: url('/assets/img/AMC/capabilities-main.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.capabilities-title-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.capabilities-title {
  font-weight: 800;
  font-family: Poppins, sans-serif;
  font-size: 55px;
  color: white;
}

.offer-heading {
  color: #727272 !important;
  font-weight: 500;
  font-size: 26px;
  text-decoration: none;
  white-space: normal;
}

.offer-desc {
  color: #7E7E7E;
  font-weight: 400;
  font-size: 18px;
}

@media (max-width: 768px) {
  .capabilities-section {
    height: 200px;
  }

  .capabilities-title {
    font-size: 40px;
  }

  .offer-heading {
    font-size: 22px;
  }

  .offer-desc {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .capabilities-section {
    height: 160px;
  }

  .capabilities-title {
    font-size: 28px;
  }

  .offer-heading {
    font-size: 18px;
  }

  .offer-desc {
    font-size: 14px;
  }
}


@keyframes banner-ani {

  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-5vw, 0);
    /* Adjust the value based on your design */
  }
}

/*-- End Banner --*/
/*-- Logo --*/
.logo-area {
  background-color: #FFFFFF;
}

.logo-area .col-lg-5 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
}

.logo-area .logo-item {
  margin-bottom: 30px;
  text-align: center;
  display: block;
}

.logo-item {
  position: relative;

}


.logo:hover .image_on {
  border: 4px solid;
  display: none;
}

.logo-item .image_on {
  display: block;
}

/*-- End Logo --*/
/*-- Offer --*/
.offer-area {
  background-color: #FCFCFC;
}

.offer-area .section-title h2 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.offer-area .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 0;
}

.offer-area .owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 7px;
  background: #facbb1;
}

.offer-area .owl-theme .owl-dots .owl-dot.active span {
  background: #DF6565;
  width: 25px;
}

.offer-item {
  text-align: center;
  background-color: white;
  border-radius: 10px;
  padding: 30px 25px 30px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd33;
  box-shadow: 0px 0px 20px 0px #dddddd33;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  position: relative;
}

.offer-item .offer-shape {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

.offer-item .offer-top img {
  /* -webkit-animation: border-transform-default 10s linear infinite alternate forwards;
  animation: border-transform-default 10s linear infinite alternate forwards; */
  border: 1px solid#DF6565;
  /* border-radius: 100%; */
  max-width: 100%;
  height: 240px;
  object-fit: cover;
  margin-left: auto;
  margin: 0 auto;
  margin-right: auto;
  display: block;
}

.offer-item .client-top img {
  /* -webkit-animation: border-transform-default 10s linear infinite alternate forwards;
  animation: border-transform-default 10s linear infinite alternate forwards; */
  border: 1px solid#DF6565;
  border-radius: 100%;
  max-width: 133px;
  height: 133px;
  object-fit: cover;
  margin-left: auto;
  margin: 0 auto;
  margin-right: auto;
  display: block;
}

.offer-item .offer-top i {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px dotted#DF6565;
  color: #DF6565;
  font-size: 35px;
  margin-bottom: 15px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  margin-top: -60px;
}

.offer-item .offer-bottom h3 {
  font-weight: 600;
  font-size: 22px;
  margin-top: 20px;
}

.offer-item .offer-bottom h3 a {
  color: black;
  margin-top: 10px;
}

.offer-item .offer-bottom h3 a:hover {
  color: #DF6565;
}

.offer-item .offer-bottom p {
  margin-bottom: 12px;
}

.offer-item .offer-bottom .offer-link {
  display: inline-block;
  font-weight: 500;
  color: #DF6565;
  font-size: 14px;
}

.offer-item .offer-bottom .offer-link i {
  display: inline-block;
  font-size: 17px;
  position: relative;
  top: 3px;
}

.offer-item .offer-bottom .offer-link:hover {
  color: black;
}

@-webkit-keyframes border-transform-default {

  0%,
  to {
    border-radius: 65% 86% 80% 69%/59% 55% 95% 89%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

@keyframes border-transform-default {

  0%,
  to {
    border-radius: 65% 86% 80% 69%/59% 55% 95% 89%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

/*-- End Offer --*/
/*-- About --*/

/* .about-area-two .about-img img:nth-child(1) {
  -webkit-animation: about-ani 10s linear infinite alternate forwards;
  animation: about-ani 10s linear infinite alternate forwards;
}

.about-area-two .about-img img:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: -100px;
} */

@-webkit-keyframes about-ani {

  0%,
  to {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

@keyframes about-ani {

  0%,
  to {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

/*-- End About --*/
/*-- Job --*/
.job-area {
  background-color: #FCFCFC;
  position: relative;
}

.job-area .job-shape {
  position: absolute;
  right: 50px;
  top: 135px;
  -webkit-animation: benefit-shape 10s infinite linear;
  animation: benefit-shape 10s infinite linear;
}

.job-area .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.job-area .container-fluid .col-lg-6 {
  padding-left: 0;
  padding-right: 0;
}

.job-area .job-img {
  background-image: url("/assets/img/AMC/world-globe.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 280px;
  top: 35px;
}

@media (max-width: 992px) {
  .job-area .job-img {
    height: 280px;
  }
}

/* Mobile phones */
@media (max-width: 768px) {
  .job-area .job-img {
    height: 220px;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .job-area .job-img {
    height: 180px;
  }
}

.job-area .job-img img {
  display: none;
}

.job-area .job-content ul li:hover:before {
  height: 100%;
}

.why-partner {
  max-width: 90%;
  margin-left: 40px;
}

.why-partner h2 {
  font-weight: 600;
  color: #2b2b2b;
  margin-bottom: 30px;
  position: relative;
}

@media (max-width:576px) {
  .why-partner h2 {
    /* padding: 0 5px !important; */
    margin-bottom: 10px;
    font-size: 23px;
  }
}


.why-partner h2::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 4px;
  background: #DF6565;
  top: -10px;
  left: 0;
}

/* @media (max-width:576px){
  .why-partner h2::before  {
    left: 15px !important ;
  }
} */



.why-partner-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #fff5f5;
  border-radius: 6px;
}

.why-partner-item {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 28px 20px;
  color: #7a0000;
  text-align: center;
}

.why-partner-item img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.why-partner-text h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #7a0000;
  line-height: 1.25;
}

/* Internal dividers */
.why-partner-item:nth-child(1),
.why-partner-item:nth-child(2) {
  border-bottom: 1px solid #720000;
}

.why-partner-item:nth-child(1),
.why-partner-item:nth-child(3) {
  border-right: 1px solid #720000;
}

.on-time {
  width: 70px !important;
  height: 70px !important;
}

@media (max-width: 768px) {

  .why-partner {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 100%;
  }

  .why-partner-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: #fff5f5;
    border-radius: 6px;
  }

  why-partner-item:nth-child(1),
  .why-partner-item:nth-child(2) {
    border-bottom: 1px solid #720000;
  }

  .why-partner-item:nth-child(1),
  .why-partner-item:nth-child(3) {
    border-right: 1px solid #720000;
  }

  .why-partner-item img {
    width: 45px;
    height: 45px;
  }

  .on-time {
    width: 48px !important;
    height: 48px !important;
  }

  .why-partner-text h4 {
    font-size: 12px;
  }
}

.team-section {
  margin-bottom: 50px;
}

.team-title {
  font-family: Poppins, sans-serif;
  font-size: 48px;
  font-weight: 500;
  color: #2C2C2C;
}

@media (max-width: 576px) {
  .team-title {
    font-size: 32px;
  }

  #teamCarousel img {
    max-width: 180px;
    margin: 0 auto;
  }
}


.address-link:hover {
  font-weight: 600;
}

/*-- End Job --*/
/*-- Foreign --*/
.foreign-area-two {
  background-image: url("../img/home-two/foreign-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 100px;
}

.foreign-area-two:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #071320;
  opacity: 0.8;
}

.foreign-area-two .container {
  position: relative;
  top: 100px;
}

.foreign-area-two .section-title {
  max-width: 550px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.foreign-area-two .section-title h2 {
  color: #ffffff;
}

.foreign-area-two .foreign-item {
  margin-left: 0;
  margin-right: 0;
}

/*-- End Foreign --*/
/*-- Benefit --*/
.benefit-area-two {
  background-image: unset;
}

.benefit-area-two .benefit-shape {
  display: none;
}

.benefit-area-two .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.benefit-area-two .container-fluid .col-lg-7 {
  padding-left: 0;
  padding-right: 0;
}

.benefit-area-two .container-fluid .col-lg-5 {
  padding-left: 0;
  padding-right: 0;
}

.benefit-area-two .benefit-content {
  background-color: unset;
  padding: 0;
  max-width: 760px;
  margin-left: auto;
  top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-right: 30px;
}

.benefit-area-two .benefit-content .section-title h2 {
  color: #282828;
}

.benefit-area-two .benefit-content p {
  color: #4e4e4e;
}

.benefit-area-two .benefit-content .benefit-inner h4 {
  color: #282828;
}

.benefit-area-two .benefit-img {
  background-image: url("../img/home-two/benefit-main.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.benefit-area-two .benefit-img img {
  display: none;
  width: 100%;
}

/*-- End Benefit --*/
/*-- Social --*/
.social-area {
  padding-bottom: 160px;
}

.social-area .col-lg-6 {
  padding-left: 0;
  padding-right: 0;
}

.social-area .social-img {
  background-image: url("../img/home-two/social-main.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 15px;
}

.social-area .social-img img {
  display: none;
  width: 100%;
}

.social-area .social-content {
  background-color: #02111e;
  padding: 55px 40px 55px;
  position: relative;
  top: 60px;
  margin-left: -70px;
  margin-bottom: 0;
}

.social-area .social-content .section-title {
  text-align: left;
  margin-bottom: 25px;
}

.social-area .social-content .section-title h2 {
  color: #ffffff;
  font-size: 35px;
}

.social-area .social-content p {
  margin-bottom: 30px;
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
  font-family: "Poppins", sans-serif;
  line-height: 42px;
}

.social-area .social-content .cmn-btn {
  color: #ffffff;
  background-color: #DF6565;
}

/*-- End Social --*/
/*----- End Home Two CSS -----*/
/*----- Home Three CSS -----*/


.nav-srh .search-area .search-icon {
  vertical-align: middle;
  position: absolute;
  right: 30px;
  top: 28px;
  background-color: transparent;
  font-size: 20px;
  color: #515151;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.nav-srh .search-area .search-icon:hover {
  color: #DF6565;
}

.nav-srh .search-area .src-input {
  outline: none;
  padding-left: 20px;
  margin: 0;
  width: 300px;
  background-color: #dddddd80;
  border: 1px solid #ddd;
  font-size: 16px;
  height: 45px;
  border-radius: 0;
}

.nav-srh .search-area.opened {
  max-height: 100px;
  padding: 20px 25px;
  -webkit-box-shadow: 0px 0px 15px #dddddd80;
  box-shadow: 0px 0px 15px #dddddd80;
}

.modal-body {
  padding: 40px 30px 50px;
}

.modal-body h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #000;
}

.modal-body p {
  color: #545555;
  font-size: 14px;
  margin-bottom: 20px;
}

.modal-body .image-area {
  margin-bottom: 10px;
}

.modal-body .image-area .col-lg-4 {
  padding-right: 5px;
  margin-right: -5px;
}

.modal-body .image-area a {
  display: block;
  margin-bottom: 15px;
}

.modal-body .image-area a img {
  width: 100%;
}

.modal-body .modal-item {
  margin-bottom: 30px;
}

.modal-body .social-area {
  text-align: center;
}

.modal-body .social-area h3 {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 600;
  color: #000;
}

.modal-body .social-area ul {
  margin: 0;
  padding: 0;
}

.modal-body .social-area ul li {
  list-style-type: none;
  display: inline-block;
}

.modal-body .social-area ul li a {
  display: block;
  color: #DF6565;
  border: 1px solid#DF6565;
  width: 32px;
  height: 32px;
  line-height: 34px;
  border-radius: 50%;
  margin-right: 3px;
  margin-left: 3px;
  font-size: 16px;
  text-align: center;
}

.modal-body .social-area ul li a:hover {
  color: #ffffff;
  background-color: #DF6565;
}

/*-- End Navbar --*/
/*-- Banner --*/
.banner-img-three {
  background-image: url("../img/home-three/banner-bg.jpg");
}

.banner-img-three .cmn-btn {
  color: #ffffff;
  background-color: #DF6565;
}

/*-- End Banner --*/
/*-- About --*/
.about-area-three .about-img-wrap .about-year h2 {
  color: #DF6565;
}

.about-area-three .about-img-wrap .about-year h2 span {
  color: #02111e;
}

.about-img {
  max-width: 640px;
  height: auto;
}

/* .navbar-nav .nav-link, */
/* .navbar-nav .nav-link:visited, */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: ffffff !important;
}

/* .about-img {
  width: 100%;
  height: 485px;
} */

.custom-text-shift {
  font-weight: 600;
  font-size: 18px;
  margin-left: -80px !important;
  /* overrides other margins */
}

@media (max-width: 767px) {
  .about-img {
    width: 80%;
    /* auto scale */
  }
}

/*-- End About --*/
/*-- Service --*/
.service-area-two {
  background-color: #020e1d;
  background-image: unset;
}

.service-area-two .section-title h2 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
}

.service-area-two:before {
  display: none;
}

.service-area-two .service-item {
  background-color: #061b2f;
  background-image: url("assets/img/robo1.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}

.service-area-two .service-item:hover .service-link {
  color: #DF6565;
}

.service-area-two .service-item:hover:after {
  opacity: 0.8;
}

.service-area-two .service-item:before {
  display: none;
}

.service-area-two .service-item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #061b2f;
  z-index: -1;
  border-radius: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-area-two .service-item i {
  border: 1px solid #ffffff;
}

.service-area-two .service-item h3 a {
  color: #ffffff;
}

.service-area-two .service-item h3 a:hover {
  color: #DF6565;
}

.service-area-two .service-item p {
  color: #ffffff;
}

.service-area-two .service-item .service-link:hover {
  color: #ffffff;
}

/*-- End Service --*/
/*-- Benefit --*/
.benefit-area-three {
  margin-top: 0;
  position: relative;
}

.benefit-area-three .benefit-content {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  right: -45px;
  background-color: #fff;
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 810px;
  padding-right: 60px;
}

.benefit-area-three .benefit-img-two {
  background-image: url("../img/home-three/benefit-main.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.benefit-area-three .benefit-img-two img {
  display: none;
}

/*-- End Benefit --*/
/*-- Offer --*/
.offer-area-two {
  background-color: #ffffff;
}

.offer-area-two .section-title {
  margin-bottom: 5px;
}

.offer-area-two .offer-item {
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd33;
  box-shadow: 0px 0px 20px 0px #dddddd33;
  margin-top: 30px;
}

.offer-area-two .offer-item .offer-top img {
  -webkit-animation: none;
  animation: none;
  border: none;
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}

/*-- End Offer --*/
/*-- Job --*/

.job-content ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px 40px;
  justify-items: center;
  max-width: 500px;
}

.job-content ul li {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
  color: #000;
}

.job-content ul li i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border: 2px solid #ddd;
  border-radius: 50%;
  margin-bottom: 10px;
  font-size: 32px;
  color: #DF6565;
  transition: all 0.3s ease;
}

.job-content ul li:hover i {
  background-color: #DF6565;
  color: #fff;
  border-color: #DF6565;
}

@media (max-width: 768px) {
  .job-content ul {
    grid-template-columns: 1fr;
  }
}

/*-- End Job --*/
/*-- Social --*/
.social-area-two {
  padding-bottom: 100px;
}

.social-area-two .social-img {
  background-image: url("../img/home-three/social-main.jpg");
}

.social-area-two .social-content {
  top: 0;
  margin-top: 35px;
  margin-bottom: 35px;
  padding: 55px 110px 55px 40px;
}

/*-- End Social --*/
/*-- Logo --*/
.logo-area-two {
  background-color: #ffffff;
}

/*-- End Logo --*/
/*----- End Home Three CSS -----*/
/*----- About CSS -----*/
/*-- Page Title --*/
.product-service-title-area {
  background-image: url("../img/AMC/product-services.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 460px;
}

.product-service-title-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
}

.product-service-title-area .title-item {
  text-align: center;
  position: relative;
  margin-top: 65px;
}

.product-service-title-area .title-item h2 {
  color: #ffffff;
  font-weight: 700;
  line-height: 100%;
  font-size: 64px;
  margin-bottom: 10px;
}

.product-service-title-area .title-item ul {
  margin: 0;
  padding: 0;
}

.product-service-title-area.title-item ul li {
  list-style-type: none;
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}

.product-service-title-area .title-item ul li a {
  display: inline-block;
  color: #ffffff;
}

.product-service-title-area .title-item ul li a:hover {
  color: #DF6565;
}

.product-service-title-area .title-item ul li span {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
}

.about-title-area {
  background-image: url("../img/AMC/about-us-banner.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 460px;
}

.about-title-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
}

.about-title-area .title-item {
  text-align: center;
  position: relative;
  margin-top: 65px;
}

.about-title-area .title-item h2 {
  color: #ffffff;
  font-weight: 700;
  line-height: 100%;
  font-size: 64px;
  margin-bottom: 10px;
}

.product-service-title-area .title-item ul {
  margin: 0;
  padding: 0;
}

.about-title-area.title-item ul li {
  list-style-type: none;
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}

.about-title-area .title-item ul li a {
  display: inline-block;
  color: #ffffff;
}

.about-title-area .title-item ul li a:hover {
  color: #DF6565;
}

.about-title-area .title-item ul li span {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
}

.career-title-area {
  background-image: url("../img/AMC/careers-main.svg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 460px;
  background-attachment: fixed;
}

.career-title-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
}

.career-title-area .title-item {
  text-align: center;
  position: relative;
  margin-top: 65px;
}

.career-title-area .title-item h2 {
  color: #ffffff;
  font-weight: 700;
  line-height: 100%;
  font-size: 64px;
  margin-bottom: 10px;
}

.career-title-area .title-item ul {
  margin: 0;
  padding: 0;
}

.career-title-area.title-item ul li {
  list-style-type: none;
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}

.career-title-area .title-item ul li a {
  display: inline-block;
  color: #ffffff;
}

.career-title-area .title-item ul li a:hover {
  color: #DF6565;
}

.career-title-area .title-item ul li span {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
}

/*-- Career Title End --*/

.contact-title-area {
  background-image: url("../img/AMC/contact-us-main.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 460px;
  width: 100%;
}

.contact-title-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.9;
}

.contact-title-area .title-item {
  text-align: center;
  position: relative;
  margin-top: 65px;
}

.contact-title-area .title-item h2 {
  color: #ffffff;
  font-weight: 700;
  line-height: 100%;
  font-size: 64px;
}

@media (max-width: 575px) {
  .contact-title-area .title-item h2 {
    font-size: 45px;
  }
}

@media (max-width: 576px) {
  .hide-on-mobile {
    display: none !important;
  }
}

.contact-title-area .title-item ul {
  margin: 0;
  padding: 0;
}

.contact-title-area.title-item ul li {
  list-style-type: none;
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}

.contact-title-area .title-item ul li a {
  display: inline-block;
  color: #ffffff;
}

.contact-title-area .title-item ul li a:hover {
  color: #DF6565;
}

.contact-title-area .title-item ul li span {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
}

/*-- Page Title --*/
.page-title-area {
  background-image: url("");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 460px;
}

.page-title-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #07092b;
  opacity: 0.9;
}

.page-title-area .title-item {
  text-align: center;
  position: relative;
  margin-top: 65px;
}

.page-title-area .title-item h2 {
  color: #ffffff;
  font-weight: 700;
  line-height: 100%;
  font-size: 64px;
  margin-bottom: 10px;
}

.page-title-area .title-item ul {
  margin: 0;
  padding: 0;
}

.page-title-area .title-item ul li {
  list-style-type: none;
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}

.page-title-area .title-item ul li a {
  display: inline-block;
  color: #ffffff;
}

.page-title-area .title-item ul li a:hover {
  color: #DF6565;
}

.page-title-area .title-item ul li span {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
}

/*-- End Page Title --*/
/*-- Job --*/
.job-area-three .job-img {
  background-image: url("../img/about-job-main.jpg");
}

/*-- End Job --*/
/*-- Offer --*/
.offer-area-three {
  background-color: #ffffff;
}

/*-- End Offer --*/
/*----- End About CSS -----*/
/*----- Service CSS -----*/
.service-area-three {
  background-color: #ffffff;
}

/*----- End Service CSS -----*/
/*----- Service Details CSS -----*/
.service-details-area .service-details-item .service-details-img {
  margin-bottom: 50px;
}

.service-details-area .service-details-item .service-details-img h2 {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 38px;
}

.service-details-area .service-details-item .service-details-img p {
  margin-bottom: 15px;
  text-shadow: 0 0 black;
}

.service-details-area .service-details-item .service-details-img img {
  margin-top: 10px;
}

.service-details-area .service-details-item .service-details-robot h2 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}

.service-details-area .service-details-item .service-details-robot p {
  margin-bottom: 20px;
}

.service-details-area .service-details-item .service-details-robot .robot-left {
  margin-bottom: 30px;
}

.service-details-area .service-details-item .service-details-robot .robot-left ul {
  margin: 0;
  padding: 0;
}

.service-details-area .service-details-item .service-details-robot .robot-left ul li {
  list-style-type: none;
  display: inline-block;
  margin-bottom: 15px;
  text-shadow: 0 0 black;
}

.service-details-area .service-details-item .service-details-robot .robot-left ul li:last-child {
  margin-bottom: 0;
}

.service-details-area .service-details-item .service-details-robot .robot-left ul li:hover i {
  background-color: #282828;
}

.service-details-area .service-details-item .service-details-robot .robot-left ul li .bx-check {
  width: 25px !important;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  background-color: #DF6565;
  /* margin-right: 10px; */
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.robot-left ul {
  list-style-type: none;
  padding-left: 0;
}

.robot-left li {
  margin-bottom: 10px;
}

.robot-left i {
  margin-right: 10px;
}

.pcb-list {
  display: flex !important;
  margin-bottom: 0px !important;
  gap: 10px !important;
}

/* Media query for screens up to 767px (typical mobile screens) */
@media (max-width: 767px) {
  .robot-left li {
    font-size: 14px;
    /* Adjust font size for mobile screens */
  }

  .robot-left i {
    margin: right 5px;
    /* Adjust margin for the icon */
  }

  .pcb-list {
    display: flex !important;
    margin-bottom: 0px !important;
    gap: 0px !important;
  }

  /* You can adjust other styles here for mobile screens */
}

.service-details-area .service-details-item .service-details-robot .robot-right {
  margin-bottom: 30px;
}

.service-details-area .service-details-item .service-details-robot .robot-right img {
  width: 100%;
}

.service-details-area .service-details-item .service-details-cat {
  margin-bottom: 50px;
}

.service-details-area .service-details-item .service-details-cat h3 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd33;
  position: relative;
}

.service-details-area .service-details-item .service-details-cat h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #DF6565;
}

.service-details-area .service-details-item .service-details-cat ul {
  margin: 0;
  padding: 0;
}

.service-details-area .service-details-item .service-details-cat ul li {
  list-style-type: none;
  display: block;
  background-color: #dddddd33;
  padding: 12px 25px;
  text-align: center;
  border-left: 3px solid#DF6565;
  border-right: 3px solid#DF6565;
  margin-bottom: 15px;
}

.service-details-area .service-details-item .service-details-cat ul li:last-child {
  margin-bottom: 0;
}

.service-details-area .service-details-item .service-details-cat ul li a {
  color: #282828;
  display: block;
  font-weight: 500;
}

.service-details-area .service-details-item .service-details-cat ul li a:hover {
  color: #DF6565;
}

.success-tick {
  display: grid;
  font-size: 36px;
  color: green;
}

.hidden {
  display: none;
}

.service-details-area .service-details-item .service-details-form h3 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd33;
  position: relative;
}

.service-details-area .service-details-item .service-details-form h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #DF6565;
}

.service-details-area .service-details-item .service-details-form .form-group {
  margin-bottom: 30px;
}

.service-details-area .service-details-item .service-details-form .form-group .form-control {
  height: 45px;
  background-color: #dddddd33;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding-left: 20px;
  font-size: 14px;
}

.service-details-area .service-details-item .service-details-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ddd;
}

.service-details-area .service-details-item .service-details-form .form-group textarea {
  height: auto !important;
  padding-top: 15px;
}

.service-details-area .service-details-item .service-details-form .service-form-btn {
  color: #ffffff;
  background-color: #DF6565;
  border-radius: 3px;
  padding: 12px 25px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  font-weight: 500;
}

.service-details-area .service-details-item .service-details-form .service-form-btn:hover {
  background-color: #282828;
}

/*----- End Service Details CSS -----*/
/*----- Project CSS -----*/
.offer-area-four .offer-item {
  margin-left: 0;
  margin-right: 0;
}

.team-area-two {
  background-image: unset;
  background-color: #ffffff;
}

.team-area-two .container {
  top: 0;
}

/*----- End Project CSS -----*/
/*----- Project Details CSS -----*/
.project-details-item {
  margin-bottom: 30px;
}

.project-details-item .project-details-img {
  margin-bottom: 40px;
}

.project-details-item .project-details-img img {
  margin-bottom: 25px;
}

.project-details-item .project-details-img p {
  margin-bottom: 15px;
}

.project-details-item .project-details-img ul {
  margin: 0;
  padding: 0;
}

.project-details-item .project-details-img ul li {
  list-style-type: none;
  display: block;
  font-weight: 500;
  font-size: 18px;
  color: #001430;
  margin-bottom: 12px;
}

.project-details-item .project-details-img ul li:last-child {
  margin-bottom: 0;
}

.project-details-item .project-details-img ul li i {
  color: #DF6565;
  display: inline-block;
  font-size: 20px;
  margin-right: 3px;
  position: relative;
  top: 4px;
}

.project-details-item .project-details-content img {
  margin-bottom: 30px;
}

.project-details-item .project-details-content p {
  margin-bottom: 15px;
}

.project-details-item .project-details-content p:last-child {
  margin-bottom: 0;
}

.project-details-item .project-details-content .video-wrap {
  position: relative;
}

.project-details-item .project-details-content .video-wrap img {
  display: block;
  width: 100%;
}

.project-details-item .project-details-content .video-wrap a {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 40px;
  border-radius: 50%;
  background-color: #DF6565;
  position: absolute;
  left: 0;
  right: 0;
  top: 38%;
  margin-left: auto;
  margin-right: auto;
}

.project-details-item .project-details-content .video-wrap a i {
  line-height: 60px;
}

.project-details-item .project-details-content .video-wrap a:hover {
  background-color: #282828;
}

.project-details-item .project-details-mec {
  margin-bottom: 50px;
}

.project-details-item .project-details-mec h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #dddddd33;
}

.project-details-item .project-details-mec h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #DF6565;
}

.project-details-item .project-details-mec ul {
  margin: 0;
  padding: 0;
}

.project-details-item .project-details-mec ul li {
  list-style-type: none;
  display: block;
}

.project-details-item .project-details-mec ul li a {
  display: block;
  color: #3d3d3d;
  padding: 8px 10px 8px 0;
  position: relative;
}

.project-details-item .project-details-mec ul li a i {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}

.project-details-item .project-details-mec ul li a:hover {
  background-color: #ebf1fe;
  padding: 8px 10px 8px 10px;
}

.project-details-item .project-details-form {
  margin-bottom: 50px;
}

.project-details-item .project-details-form h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #dddddd33;
}

.project-details-item .project-details-form h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #DF6565;
}

.project-details-item .project-details-form .form-group {
  margin-bottom: 10px;
  position: relative;
}

.project-details-item .project-details-form .form-group label {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #02111e;
  font-size: 20px;
  margin-bottom: 0;
}

.project-details-item .project-details-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  border: 1px solid transparent;
  background-color: #f4f7fe;
  padding-left: 10px;
  font-size: 12px;
}

.project-details-item .project-details-form .form-group .form-control:focus {
  border: 1px solid #282828;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.project-details-item .project-details-form .form-group textarea {
  height: auto !important;
  padding-top: 10px;
}

.project-details-item .project-details-form .form-group ::-webkit-input-placeholder {
  color: #a6a5a5;
}

.project-details-item .project-details-form .form-group :-ms-input-placeholder {
  color: #a6a5a5;
}

.project-details-item .project-details-form .form-group ::-ms-input-placeholder {
  color: #a6a5a5;
}

.project-details-item .project-details-form .form-group ::placeholder {
  color: #a6a5a5;
}

.project-details-item .project-details-form .project-form-btn {
  border-radius: 0;
  background-color: #DF6565;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.project-details-item .project-details-form .project-form-btn:hover {
  background-color: #282828;
}

.project-details-item .project-details-click {
  position: relative;
}

.project-details-item .project-details-click img {
  display: block;
  width: 100%;
}

.project-details-item .project-details-click a {
  font-weight: 500;
  color: #DF6565;
  background-color: #ffffff;
  padding: 14px 20px;
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  max-width: 135px;
  margin-left: auto;
  margin-right: auto;
}

.project-details-item .project-details-click a:hover {
  background-color: #282828;
  color: #ffffff;
}

/*----- End Project Details CSS -----*/
/*----- Blog Details CSS -----*/
.blog-details-item {
  margin-bottom: 30px;
}

.blog-details-item .blog-details-name {
  margin-bottom: 30px;
}

.blog-details-item .blog-details-name .details-user {
  margin-bottom: 16px;
}

.blog-details-item .blog-details-name .details-user ul {
  margin: 0;
  padding: 0;
}

.blog-details-item .blog-details-name .details-user ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}

.blog-details-item .blog-details-name .details-user ul li:last-child {
  margin-right: 0;
}

.blog-details-item .blog-details-name .details-user ul li span {
  display: inline-block;
  font-size: 13px;
  color: #9b9b9b;
}

.blog-details-item .blog-details-name .details-user ul li a {
  display: inline-block;
  color: #777676;
  font-size: 13px;
}

.blog-details-item .blog-details-name .details-user ul li a:hover {
  color: #DF6565;
}

.blog-details-item .blog-details-name h2 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
}

.blog-details-item .blog-details-name p {
  margin-bottom: 35px;
}

.blog-details-item .blog-details-name img {
  display: block;
  margin-bottom: 30px;
}

.blog-details-item .blog-details-name .details-item {
  margin-bottom: 30px;
}

.blog-details-item .blog-details-name .details-item ul {
  margin: 0;
  padding: 0;
}

.blog-details-item .blog-details-name .details-item ul li {
  list-style-type: none;
  display: block;
  font-weight: 500;
  font-size: 18px;
  color: #001430;
  margin-bottom: 18px;
}

.blog-details-item .blog-details-name .details-item ul li:last-child {
  margin-bottom: 0;
}

.blog-details-item .blog-details-name .details-item ul li i {
  color: #DF6565;
  display: inline-block;
  font-size: 22px;
  position: relative;
  top: 3px;
  margin-right: 3px;
}

.blog-details-item .blog-details-quote {
  margin-bottom: 30px;
}

.blog-details-item .blog-details-quote blockquote {
  background-color: #f4f4f4;
  border-left: 3px solid#DF6565;
  font-style: italic;
  font-size: 20px;
  color: #0c0c39;
  position: relative;
  padding: 45px 30px 35px 60px;
  margin-bottom: 30px;
}

.blog-details-item .blog-details-quote blockquote i {
  font-size: 30px;
  color: #DF6565;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 25px;
}

.blog-details-item .blog-details-quote ul {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.blog-details-item .blog-details-quote ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}

.blog-details-item .blog-details-quote ul li:last-child {
  margin-right: 0;
}

.blog-details-item .blog-details-quote ul li span {
  display: inline-block;
  font-size: 14px;
  color: #9b9b9b;
  margin-right: 15px;
}

.blog-details-item .blog-details-quote ul li a {
  display: inline-block;
  color: #504f4f;
  font-size: 14px;
  background-color: #f4f0f0;
  padding: 12px 20px;
}

.blog-details-item .blog-details-quote ul li a:hover {
  color: #ffffff;
  background-color: #282828;
}

.blog-details-item .details-head h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #dddddd33;
}

.blog-details-item .details-head h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #DF6565;
}

.blog-details-item .blog-details-search {
  margin-bottom: 50px;
}

.blog-details-item .blog-details-search .form-group {
  position: relative;
  margin-bottom: 0;
}

.blog-details-item .blog-details-search .form-group .form-control {
  height: 50px;
  border: 1px solid #a8a8a8;
  padding-left: 20px;
  font-size: 15px;
  border-radius: 0;
}

.blog-details-item .blog-details-search .form-group .form-control:focus {
  border: 1px solid #a8a8a8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-details-item .blog-details-search .form-group ::-webkit-input-placeholder {
  color: #9b9b9b;
}

.blog-details-item .blog-details-search .form-group :-ms-input-placeholder {
  color: #9b9b9b;
}

.blog-details-item .blog-details-search .form-group ::-ms-input-placeholder {
  color: #9b9b9b;
}

.blog-details-item .blog-details-search .form-group ::placeholder {
  color: #9b9b9b;
}

.blog-details-item .blog-details-search .form-group .blog-details-src-btn {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  color: #706f6f;
  font-size: 25px;
  position: absolute;
  top: 8px;
  right: 15px;
  padding: 0;
}

.blog-details-item .blog-details-search .form-group .blog-details-src-btn:hover {
  color: #DF6565;
}

.blog-details-item .blog-details-service {
  margin-bottom: 50px;
}

.blog-details-item .blog-details-service ul {
  margin: 0;
  padding: 0;
}

.blog-details-item .blog-details-service ul li {
  list-style-type: none;
  display: block;
}

.blog-details-item .blog-details-service ul li a {
  display: block;
  color: #3d3d3d;
  padding: 8px 10px 8px 0;
  position: relative;
}

.blog-details-item .blog-details-service ul li a i {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}

.blog-details-item .blog-details-service ul li a:hover,
.blog-details-item .blog-details-service ul li a.active {
  background-color: #ebf1fe;
  padding: 8px 10px 8px 10px;
}

.blog-details-item .blog-details-post {
  margin-bottom: 50px;
}

.blog-details-item .blog-details-post ul {
  margin: 0;
  padding: 0;
}

.blog-details-item .blog-details-post ul li {
  list-style-type: none;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.blog-details-item .blog-details-post ul li:last-child {
  margin-bottom: 0;
}

.blog-details-item .blog-details-post ul li img {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}

.blog-details-item .blog-details-post ul li .post-inner {
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  max-width: 65%;
}

.blog-details-item .blog-details-post ul li .post-inner span {
  display: block;
  font-size: 14px;
  color: #6b6a6a;
  font-family: "Poppins", sans-serif;
  margin-bottom: 8px;
}

.blog-details-item .blog-details-post ul li .post-inner a {
  display: block;
  color: #0c0c39;
}

.blog-details-item .blog-details-post ul li .post-inner a:hover {
  color: #DF6565;
}

.blog-details-item .blog-details-robot {
  position: relative;
}

.blog-details-item .blog-details-robot img {
  display: block;
  width: 100%;
}

.blog-details-item .blog-details-robot a {
  font-weight: 500;
  color: #282828;
  background-color: #ffffff;
  padding: 14px 20px;
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  max-width: 135px;
  margin-left: auto;
  margin-right: auto;
}

.blog-details-item .blog-details-robot a:hover {
  background-color: #282828;
  color: #ffffff;
}

.blog-area-three {
  border-top: 1px solid #f1f1f1;
  padding-top: 30px;
}

.blog-area-three .section-title {
  margin-bottom: 20px;
  text-align: left;
}

.blog-area-three .section-title h2 {
  font-weight: 600;
  font-size: 24px;
}

.blog-area-three .blog-item .blog-inner {
  padding: 20px 10px 18px 25px;
}

.blog-area-three .blog-item .blog-inner p {
  margin-bottom: 10px;
}

.blog-area-three .blog-dettails-p {
  max-width: 865px;
  margin-bottom: 0;
}

.blog-details-area .blog-details-comment h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
  display: inline-block;
}

.blog-details-area .blog-details-comment ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .blog-details-comment ul li {
  list-style-type: none;
  display: block;
  position: relative;
  max-width: 907px;
  padding-bottom: 45px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e3e3e3;
}

.blog-details-area .blog-details-comment ul li:nth-child(2) {
  margin-left: 70px;
}

.blog-details-area .blog-details-comment ul li:nth-child(3) {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.blog-details-area .blog-details-comment ul li img {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-details-area .blog-details-comment ul li .comment-inner {
  padding-left: 85px;
  position: relative;
}

.blog-details-area .blog-details-comment ul li .comment-inner h4 {
  font-size: 16px;
  color: #373636;
  margin-bottom: 8px;
  font-weight: 500;
}

.blog-details-area .blog-details-comment ul li .comment-inner span {
  display: block;
  font-size: 12px;
  color: #9b9b9b;
  margin-bottom: 15px;
}

.blog-details-area .blog-details-comment ul li .comment-inner p {
  margin-bottom: 0;
  font-size: 15px;
}

.blog-details-area .blog-details-comment ul li .comment-inner a {
  display: inline-block;
  font-size: 14px;
  color: #9b9b9b;
  position: absolute;
  top: 20px;
  right: 0;
}

.blog-details-area .blog-details-comment ul li .comment-inner a:hover {
  color: #DF6565;
}

.blog-details-area .blog-details-form {
  background-color: #f4f4f4;
  padding: 30px 60px 40px;
}

.blog-details-area .blog-details-form h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}

.blog-details-area .blog-details-form .form-group {
  margin-bottom: 20px;
}

.blog-details-area .blog-details-form .form-group .form-control {
  border-radius: 0;
  border: 0;
  background-color: #ffffff;
  padding-left: 20px;
  font-size: 15px;
  height: 50px;
}

.blog-details-area .blog-details-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.blog-details-area .blog-details-form .form-group ::-webkit-input-placeholder {
  color: #9b9b9b;
}

.blog-details-area .blog-details-form .form-group :-ms-input-placeholder {
  color: #9b9b9b;
}

.blog-details-area .blog-details-form .form-group ::-ms-input-placeholder {
  color: #9b9b9b;
}

.blog-details-area .blog-details-form .form-group ::placeholder {
  color: #9b9b9b;
}

.blog-details-area .blog-details-form .form-group textarea {
  height: auto !important;
  padding-top: 10px;
}

.blog-details-area .blog-details-form .blog-details-form-btn {
  border-radius: 0;
  color: #ffffff;
  background-color: #DF6565;
  padding: 15px 25px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-details-area .blog-details-form .blog-details-form-btn:hover {
  background-color: #282828;
}

/*----- End Blog Details CSS -----*/
/*----- Contact CSS -----*/
/* 📞 Contact Left Panel Styles */
.contact-left {
  /* Background color and padding to match the general look */
  background-color: #df6565;
  padding: 60px 40px;
  /* Adjust padding to match internal spacing */
  height: auto;
  /* Allow height to adapt to content */
  color: white;
  /* Default text color for the whole panel */
}

/* 🎯 Main Title Style */
.contact-title {
  font-size: 36px;
  font-weight: 700;
  color: white;
  margin-top: 0;
  margin-bottom: 50px;
  margin-left: 33px;
  /* Spacing below the title */
}

/* 📜 List Styles */
.contact-list {
  color: #ffffff;
  list-style: none;
  /* Remove bullet points */
  padding: 0;
  margin: 0;
}

.contact-list li {
  color: #ffffff;
  display: flex;
  /* Use Flexbox to align icon and text horizontally */
  align-items: flex-start;
  /* Aligns items to the top (good for multi-line address) */
  margin-bottom: 40px;
  /* Spacing between list items */
  font-size: 18px;
  /* Base font size */
  line-height: 1.4;
}

.contact-list li i {
  color: #ffffff;
  font-size: 24px;
  margin-right: 15px;
  /* Spacing between icon and text */
  color: white;
}

/* 🔗 Link Styles */
.contact-list li a {
  color: white;
  text-decoration: none;
  /* Remove underline */
}

.contact-list li a:hover {
  text-decoration: underline;
}

/* 🖼️ Social Icons Area (adjust this if you include them) */
.contact-social {
  padding-top: 50px;
  color: white
    /* Space above social icons */
    /* Add styling here to space out your SVG images */
}

.contact-area .contact-item {
  margin-bottom: 30px;
}

.contact-area .contact-left h3 {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 600;
}

.contact-area .contact-left p {
  margin: 0;
  font-size: 14px;
}

.contact-area .contact-left ul {
  margin: 0;
  padding: 0;
}

.contact-area .contact-left ul li {
  list-style-type: none;
  display: block;
  color: #FFFFFF;
  font-size: 15px;
}

.contact-area .contact-left ul li:last-child {
  margin-bottom: 0;
}

.contact-area .contact-left ul li i {
  font-size: 21px;
  gap: 17px;
  color: #FFFFFF;
  position: relative;
  bottom: -5px;
}

.contact-area .contact-left ul li a {
  display: inline-block;
  color: #FFFFFF;
}



.contact-area .contact-right h3 {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 600;
}

.contact-area .contact-right .form-group {
  margin-bottom: 25px;
}

.contact-area .contact-right .form-group .form-control {
  border: 1px solid#DF6565;
  border-radius: 0;
  height: 50px;
  padding-left: 25px;
  font-size: 14px;
}

.contact-area .contact-right .form-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #282828;
}

.contact-area .contact-right .form-group textarea {
  height: auto !important;
  padding-top: 15px;
}

.contact-area .contact-right .form-group ::-webkit-input-placeholder {
  color: #282828;
}

.contact-area .contact-right .form-group :-ms-input-placeholder {
  color: #282828;
}

.contact-area .contact-right .form-group ::-ms-input-placeholder {
  color: #282828;
}

.contact-area .contact-right .form-group ::placeholder {
  color: #282828;
}

.contact-area .contact-right .form-group .list-unstyled {
  color: #dc3545;
  margin-top: 10px;
  font-size: 14px;
}

.contact-area .contact-right .contact-btn {
  background-color: #DF6565;
  color: #ffffff;
  width: 100%;
  border-radius: 0;
  margin-top: 5px;
  padding: 12px 0;
  text-transform: uppercase;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 1;
  font-weight: 600;
}

.contact-area .contact-right .contact-btn:hover {
  background-color: #DF6565;
}

.contact-area .contact-right .text-danger {
  font-size: 20px;
  margin-top: 12px;
  color: #dc3545;
}

.contact-area .contact-right .text-success {
  font-size: 20px;
  margin-top: 12px;
  color: #28a745;
}

.map-area #map {
  width: 100%;
  height: 450px;
  display: block;
  border: 0;
}

/*----- End Contact CSS -----*/
/*----- FAQ CSS -----*/
.faq-area .faq-head h2 {
  margin-bottom: 35px;
  font-weight: 600;
  font-size: 30px;
  margin-top: -7px;
}

.faq-area .faq-wrap {
  margin-bottom: 50px;
}

.faq-area .faq-wrap:last-child {
  margin-bottom: 30px;
}

.faq-area .accordion {
  padding-left: 0;
  margin: 0;
  padding: 0;
}

.faq-area .accordion p {
  font-size: 16px;
  display: none;
  padding: 20px 45px 15px 20px;
  margin-bottom: 0;
}

.faq-area .accordion a {
  color: #232323;
  font-size: 17px;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  padding: 15px 0 15px 18px;
  border: 1px solid #232323;
  border-radius: 8px 8px 0 0;
}

.faq-area .accordion a:hover {
  color: #282828;
}

.faq-area .accordion a:after {
  position: absolute;
  right: 20px;
  content: "+";
  top: 10px;
  color: #232323;
  font-size: 25px;
  font-weight: 700;
}

.faq-area .accordion li {
  position: relative;
  list-style-type: none;
  margin-bottom: 30px;
}

.faq-area .accordion li:first-child {
  border-top: 0;
}

.faq-area .accordion li:last-child {
  margin-bottom: 0;
}

.faq-area .accordion li a.active {
  color: #ffffff;
  background-color: #DF6565;
  border: 1px solid#DF6565;
}

.faq-area .accordion li a.active:after {
  content: "-";
  font-size: 25px;
  color: #ffffff;
}

/*----- End FAQ CSS -----*/
/*----- Error CSS -----*/
.error-item {
  height: 600px;
  text-align: center;
}

.error-item h1 {
  font-size: 130px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #282828;
}

.error-item p {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 35px;
  color: #282828;
}

.error-item p i {
  display: inline-block;
}

.error-item span {
  display: block;
  color: #646464;
}

.error-item a {
  display: inline-block;
  color: #ffffff;
  background-color: #DF6565;
  padding: 20px 45px;
  margin-top: 70px;
  font-size: 18px;
}

.error-item a:hover {
  background-color: #000000;
}

/*----- End Error CSS -----*/
/*----- Coming Soon CSS -----*/
.coming-item {
  height: 100vh;
  text-align: center;
}

.coming-item h1 {
  font-size: 75px;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 20px;
}

.coming-item p {
  margin-bottom: 40px;
  max-width: 865px;
  margin-left: auto;
  margin-right: auto;
}

.coming-item .coming-wrap {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.coming-item .coming-wrap .coming-inner {
  text-align: center;
  background-color: #efefef;
  padding-top: 15px;
  padding-bottom: 12px;
  margin-bottom: 30px;
}

.coming-item .coming-wrap .coming-inner h3 {
  font-size: 40px;
  font-weight: 600;
  color: #232323;
  margin-bottom: 0;
}

.coming-item .coming-wrap .coming-inner p {
  font-size: 16px;
  margin-bottom: 0;
}

.coming-item ul {
  margin: 0;
  padding: 0;
}

.coming-item ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
}

.coming-item ul li a {
  display: block;
  color: #ffffff;
  background-color: #DF6565;
  width: 35px;
  height: 35px;
  line-height: 39px;
  border-radius: 50%;
  font-size: 16px;
}

.coming-item ul li a:hover {
  background-color: #282828;
}

/*----- End Coming Soon CSS -----*/
/*----- Privacy Policy CSS -----*/
.privacy-area {
  padding-bottom: 50px;
}

.privacy-item {
  margin-bottom: 50px;
}

.privacy-item h2 {
  font-size: 26px;
  margin-bottom: 15px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

.privacy-item p {
  margin-bottom: 0;
}

.privacy-item ul {
  margin: 0;
  padding: 0;
}

.privacy-item ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 18px;
}

.privacy-item ul li i {
  display: inline-block;
  font-size: 20px;
  position: relative;
  bottom: -2px;
}

.privacy-item ul li:last-child {
  margin-bottom: 0;
}

/*----- End Privacy PolicyCSS -----*/
/*----- Preloader CSS -----*/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #DF6565;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*----- End Preloader CSS -----*/
/*----- Back to Top CSS ------*/
#toTop {
  position: fixed;
  bottom: 30px;
  right: 0;
  cursor: pointer;
  display: none;
  z-index: 10;
}

.back-to-top-btn i {
  background: #DF6565;
  color: #ffffff;
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  font-size: 25px;
  border-radius: 50%;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  margin-right: 28px;
  -webkit-box-shadow: 0px 0px 14px 0px#DF6565;
  box-shadow: 0px 0px 14px 0px#DF6565;
  margin-bottom: 10px;
}

.back-to-top-btn i:hover {
  background: #DF6565;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 14px 0px #282828;
  box-shadow: 0px 0px 14px 0px #282828;
}

/* Move UserWay widget to bottom right */
iframe#userway-widget,
iframe[src*="userway"] {
  top: auto !important;
  bottom: 80px !important;
  /* same as your old toTop */
  right: 28px !important;
  left: auto !important;
  z-index: 9999 !important;
}


/*----- End Back to Top CSS -----*/
.about-area .about-img-wrap .about-shape img:nth-child(4) {
  right: 15px;
}

.job-form-wrapper {
  width: 85%;
  max-width: 900px;
  background: #fff;
  padding: 35px;
  margin: auto;
  border-radius: 8px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
}

.job-form-header {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}

.back-btn {
  font-size: 26px;
  cursor: pointer;
}

.job-type-tag {
  padding: 6px 15px;
  font-size: 14px;
  border-radius: 20px;
}

.job-application-form .form-row {
  display: flex;
  gap: 20px;
}

.form-group {
  width: 100%;
}

.form-group.full {
  width: 100%;
  margin-top: 15px;
}

input,
select {
  width: 100%;
  padding: 10px;
  border: 1px solid #DDD;
  border-radius: 5px;
  margin-top: 6px;
}

.question-title {
  margin-top: 20px;
  font-weight: 500;
}

.submit-btn {
  margin-top: 25px;
  width: 150px;
  padding: 10px;
  background: #DF6565;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 17px;
}

.job-form-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}

.back-btn {
  font-size: 20px;
  cursor: pointer;
  padding-right: 10px;
}

.job-form-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  padding: 12px 10px;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 10px;
  /* reduces space between arrow + title */
}

.back-btn {
  font-size: 22px;
  margin-bottom: 30px;
  cursor: pointer;
  font-weight: 600;
}

.header-left h2 {
  margin: 0;
  font-size: 26px;
  font-weight: 650;
}

.sub-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}

.location {
  font-size: 14px;
  color: black;
}

.job-type-tag {
  border: 1px solid #000;
  padding: 4px 10px;
  font-weight: 400;
  border-radius: 20px;
  font-size: 13px;
}

.department-select {
  margin-top: 30px;
  width: 190px;
  padding: 7px 14px;
  border: 1px solid #000;
  font-size: 14px;
  background: #fff;
}


/*# sourceMappingURL=style.css.map */