.main-nav .navbar-brand {
  width: 250px;
}
.main-nav nav .navbar-nav .nav-item a {
  font-size: 20px;
}

.main-slider .content-boxed .title {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}
.main-slider .slide::before {
  opacity: 0.5;
}
.main-slider .content-boxed a {
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 500;
  padding: 8px 20px;
  display: inline-block;
  color: #fff;
  width: 200px;
  text-align: center;
}
.main-slider .content-boxed a:hover {
  background-color: #212529;
  color: #fff;
}
/*===================Slider End==============*/
.introduction-section .sec-title {
  margin: 0 0 20px;
}
.introduction-section .sec-title .title {
  font-size: 35px;
  font-weight: 700;
}
.introduction-section .content-column .text p {
  font-size: 17px;
}
.TipsMoveers {
  padding: 75px 0;
  background-color: #f8f9fa;
}
.TipsMoveers h2 {
  font-size: 35px;
  color: #212529;
  text-align: center;
  font-weight: 600;
}
.TipsMoveers .divider {
  display: block;
  width: 150px;
  margin: 10px auto 30px;
  background-color: #23a455;
  height: 2px;
}
.TipsMoveers h2 span {
  display: block;
}
.TipsMoveers p {
  font-size: 17px;
}

.BenefitsMover {
  padding: 50px 0;
  background-color: #fff;
}
.BenefitsMover .BoxSh {
  border-radius: 0.3rem;
  display: block;
  min-height: 320px;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 1px 4px -1px rgb(14, 41, 66, 0.1),
    0 10px 30px -12px rgb(14, 41, 66, 0.1);
  border: thin solid #ebedf0;
  transition: all 0.3s ease-out;
  position: relative;
  margin: 0 0 30px;
}
.BenefitsMover .BoxSh h4 {
  font-weight: 700;
  font-size: 25px;
  margin: 0 0 25px;
}
.BenefitsMover .BoxSh p {
  font-size: 16px;
  color: #212529;
  line-height: 24px;
}
.BenefitsMover .BoxSh .rd {
  color: #c36;
  display: inline-block;
}

.IdeaHiring {
  background-color: #f8f9fa;
}
.IdeaHiring h2 {
  color: #212529;
  font-size: 21px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 30px;
}
.IdeaHiring h2 span {
  color: #c36;
  display: inline-block;
}
.IdeaHiring .boxS {
  border-radius: 0.3rem;
  display: block;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 1px 4px -1px rgb(14, 41, 66, 0.1),
    0 10px 30px -12px rgb(14, 41, 66, 0.1);
  border: thin solid #ebedf0;
  transition: all 0.3s ease-out;
  position: relative;
  min-height: 337px;
  margin: 0 0 40px;
}
.IdeaHiring .boxS h4 {
  font-size: 20px;
  font-weight: 700;
  color: #212529;
}

.IdeaHiring a {
  display: block;
  width: 200px;
  font-size: 20px;
  font-weight: 500;
  background-color: #c36;
  color: #fff;
  border-radius: 50px;
  margin: 0 auto;
  padding: 8px 25px;
  text-align: center;
  transition: all 0.3s ease-out;
}
.IdeaHiring a:hover {
  background-color: transparent;
  border: 1px solid #c36;
  background-color: transparent;
  transition: all 0.3s ease-out;
  color: #212529;
}
.price {
  background-color: #f8f9fa;
}

.price .boxS strong {
  color: #23a455;
}
.price .boxS {
  min-height: auto;
}
.footer-area .Address li {
  margin: 0 0 15px;
  display: flex;
  align-items: center;
}
.footer-area .Address i {
  width: 45px;
  flex: 0 0 45px;
  height: 45px;
  margin-right: 10px;
  font-size: 20px;
  color: #fff;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.footer-area .footer-list ul li a {
  opacity: 1;
  line-height: 1.3;
}
.footer-area .footer-list li {
  margin: 0 0 15px;
}
.socialMedia {
  display: flex;
  margin-top: 20px;
}
.socialMedia a {
  width: 45px;
  flex: 0 0 45px;
  height: 45px;
  margin-right: 10px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  transition: all 0.3s ease-out;
}
.socialMedia a:hover {
  background-color: #fff;
  transition: all 0.3s ease-out;
}
.socialMedia a i {
  font-size: 20px;
  transition: all 0.3s ease-out;
  color: #fff;
}
.socialMedia a:hover i {
  color: #212529;
  transition: all 0.3s ease-out;
}

.serviceArea ul {
  height: 200px;
  overflow-y: scroll;
}

/*========================Single Service Page===================*/
.serviceBg {
  padding: 200px 0;
  background-image: url(../images/main-slider-1.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 99;
}

.serviceBg::after {
  background-color: rgb(0, 0, 0, 0.6);
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -9;
}
.serviceBg h1 {
  font-size: 45px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.Goods h2 {
  font-size: 35px;
  text-align: center;
  font-weight: 600;
  color: #212529;
  margin: 0 0 30px;
}
.Goods h2 span {
  display: block;
}
.Goods p {
  font-size: 17px;
}

.Advantages {
  background-color: #21235f;
  padding: 30px 0;
}
.Advantages h2 {
  color: #fff;
  border-left: 5px solid #fff;
  text-align: left;
  margin: 0 0 20px;
  padding-left: 15px;
}
.Advantages h2 span {
  display: inline-block;
}
.Advantages p {
  color: #fff;
}

.HomeGoods {
  box-shadow: 0px 0px 42px rgba(0, 0, 0, 0.08);
  background-color: #ebedf0;
}

.SafeStorage {
  position: relative;
  z-index: 1;
  padding: 50px 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image: url(../images/main-slider-2.webp);
}
.SafeStorage h2 {
  text-align: left;
  padding-left: 15px;
  color: #fff;
  border-left: 5px solid #fff;
}
.SafeStorage p {
  color: #fff;
}
.SafeStorage::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000000;
  opacity: 0.7;
}

.LocalArea {
  background-image: url("../images/localcity.webp");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 9;
  padding: 40px 0;
  margin: 0 0 30px;
}
.LocalArea h2 {
  font-size: 38px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 10px;
  color: #fff;
  font-weight: 600;
}
.LocalArea .divider {
  width: 50px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 0 auto 20px;
}
.LocalArea::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -9;
}
.LocalArea .listing {
  height: 250px;
  overflow-y: scroll;
}
.LocalArea .listing li a {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: 0.5s;
  margin: 0 0 5px;
}
.LocalArea .listing li:hover a {
  padding-left: 10px;
}

.LocalArea .listing li a:before {
  font-family: "font awesome 5 free";
  font-weight: 900;
  content: "\f3c5";
  padding-right: 7px;
}

.LocalArea .listing {
  scrollbar-face-color: #fff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
}

/* Let's get this party started */
.LocalArea .listing::-webkit-scrollbar {
  width: 12px;
}

/* Track */
.LocalArea .listing::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.6);
}

/* Handle */
.LocalArea .listing::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
}

@media (max-width: 991px) {
  .mean-container .mean-bar {
    background-color: #ffffff;
  }
  .mean-container a.meanmenu-reveal span {
    background-color: #212529;
  }
  .main-slider .content-boxed .title {
    font-size: 25px;
  }
  .BenefitsMover .BoxSh h4 {
    font-size: 18px;
  }
  .IdeaHiring h2 {
    font-size: 17px;
  }

  /*Service page*/
  .serviceBg {
    padding: 145px 0;
  }
  .serviceBg h1 {
    font-size: 25px;
  }
  section {
    padding: 40px 0;
  }
  .Goods h2 {
    font-size: 20px;
  }
  .TipsMoveers h2 {
    font-size: 20px;
  }
  .LocalArea .listing {
    margin: 0 0 25px;
  }
}

.subscribe-area {
  display: none;
}

.floting {
  position: fixed;
  right: 20px;
  top: 50%;
  z-index: 9999;
}
.floting a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  margin: 0 0 8px;
  background: #23a455;
  border-radius: 50%;
  justify-content: center;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
   background-image: url(../images/whatsapp.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.floting li:last-child a {
              background-image: url(../images/phone-call.png) !important;
   }
.floting a i {
  color: #fff;
  font-size: 25px;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  display: none;
}


.floting a:hover a {
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -ms-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transform: rotate(180deg);   
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.floting li + li i {
  font-size: 25px;
}