body {
  background-color: #1D5555;
  font-family: 'Poppins', sans-serif;
/*   scroll-behavior: smooth; */
}     
.section-p{
  position: relative;
  padding: 20px 0px;
/*   z-index: 10; */
}

.hero-items{
  position: relative;
}
.shadow-bg{
  position: absolute;
  z-index: 0;
}
.shadow-bg img{
  width: 100%;
  height: auto;
}
.bg-1{
  right: 0;
  top: 50%;
  display: none;
} 
.bg-2{
 right: 0;
 top: 26%;
}

/* =======================Header CSS Start======================= */
.bg-light {
  background-color: #1d5555 !important;
  padding: 30px 0px;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999 !important;
} 
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: #fff;
  font-weight: 700;
}
.navbar-light .navbar-nav .nav-link {
  color: #f2f2f2;
} 
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  font-weight: 700;
}
.navbar-brand img {
  width: 100%;
  height: auto;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .8rem;
  padding-left: .8rem;
}

.d-flex a {
  color: #fff;
  text-decoration: none;
}
.d-flex span {
  color: #FF9838;
  margin-right: 10px;
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  .navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
  }
  .navbar-toggler {
    background-color: #fff;
    border: 1px solid #fff;
  }
  .navbar-collapse {
    /*! background-color: #000; */
    text-align: center;
  }
  .d-flex {
    display: block !important;
    text-align: center !important;
    margin-bottom: 10px;
  }
}

/* =======================Header CSS End======================= */

/* =======================Main CSS Start======================= */
main {
  margin-top: 100px;
}
/* Hero CSS Start */

.heor {
  display: flex;
  justify-content: space-evenly;
  width: 80%;
  margin: auto;
}
.hero-bg {
  background-image: url('../images/hero/vector.jpg');
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.hero-left-area {
  width: 100%;
  margin: auto;
}
.hero-right-area p {
  font-size: 20px;
  line-height: 37px;
}
.hero-right-area {
  margin-left: 30px;
  padding: 50px;
}
.hero-bg img {
  width: 100%;
  height: auto;
}
form {
  color: #fff;
} 
form input {
  border: 2px solid #ff9838 !important;
  border-radius: 30px !important;
  padding: 10px 20px !important;
  color: #888 !important;
}
 
.form-btn {
  margin-top: 20px;
  text-align: left;
} 
.hero-right-area form a {
  background: #FF9838;
  border-radius: 66px;
  color: #fff;
  text-decoration: none;
  padding: 20px;
  font-weight: 600;
} 
/* Hero CSS End */

/* Hero Items CSS Start */
.hero-items {
  margin-top: 30px;
}
.hero-item-left-area img {
  width: 100px;
  height: auto;
}
.hero-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.hero-item-left-area {
  margin-right: 20px;
}
.hero-item-right-area {
  color: #fff;
}  
.hero-item-right-area h2 {
  font-size: 25px;
  font-weight: 600;
}
.hero-item-right-area p{
  font-size: 15px;
} 
/* Hero Items CSS End */

/* About-Us CSS Start */

.about-us {
  color: #fff;
  /*! margin-top: 135px; */
} 
.about-us-left-area {
  margin-top: 100px;
  position: relative;
  z-index: 1;
} 
.about-us-left-area p {
  line-height: 35px;
} 
.about-btn {
  margin-top: 50px;
}
.about-us-left-area a {
  background: #FF9838;
  border-radius: 66px;
  color: #fff;
  text-decoration: none;
  padding: 20px 35px;
  font-weight: 600;
}

.about-us-right-area {
  position: relative;
  z-index: 10;
}
.about-us-right-area img {
  width: 100%;
  height: auto;
}
/* About-Us CSS End */

/* Featured-Services CSS Start */
.featured-services{
  margin-top: 80px;
}
.featured-top-contnet {
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
} 

.for-service-description {
  text-decoration: none;
  background-color: transparent !important;
  color: #fff;
} 
.for-service-description:hover{
  color: #fff;
}
.services-item-list {
  height: 250px;
}  
.featured-top-contnet img {
  height: auto;
  margin-top: -35px;
}

.featured-services-item-bg {
  text-align: center;
  background-color: #ff9838;
  border-radius: 25px;
  padding: 5px;
  color: #fff;
  margin-top: -44px;
  margin-bottom: 30px;
} 
.featured-services-item-bg h2 {
  font-size: 25px;
}

.featured-services-item {
  padding: 30px 25px;
  text-align: center;
  background: #FFFFFF;
  border: 3px solid #FF9838;
  border-radius: 25px;
  margin-bottom: 30px;
  height: 600px;
}    
.featured-services-item img {
  width: 62px;
  height: 62px;
  margin-bottom: 20px;
}
.featured-services-item .rating i {
  color: #ffc849;
}
.featured-services-item .rating {
  margin-bottom: 20px;
}
.featured-services-item h2 {
  font-size: 26px;
  line-height: 35px;
  color: #FF9838;
  font-weight: 600;
  margin-bottom: 20px;
}
.featured-services-item p {
  font-size: 15px;
  line-height: 15px;
  color: #797979;
  font-weight: 500;
} 
.featured-btn a {
  background: #329494;
  border-radius: 50px !important;
  color: #fff;
  font-size: 15px;
  line-height: 22px;
  padding: 15px 20px !important;
  text-decoration: none;
}  
.featured-services-item li {
  text-align: left;
  color: #000;
  line-height: 17px;
  font-size: 14px;
}  
.featured-btn {
  margin-top: 0px;
}
/* Featured-Services CSS End */
 
/* Why You-Choose-Us Section CSS Start */

.why-you-choose-us {
  color: #fff;
}
.why-choose-let-area {
  margin-top: 25px;
}
.why-choose-let-area p {
  line-height: 30px;
  font-size: 18px;
}
#more {display: none;}
.read-more-contnet button {
  background: #FF9838;
  border-radius: 66px;
  color: #fff;
  text-decoration: none;
  padding: 20px 35px;
  font-weight: 600;
  border: none;
}
.why-choose-right-img {
  width: 150px;
  height: 120px;
  background-color: #ff9838;
  border-radius: 20px;
  margin: auto;
  padding: 10px;
}
.why-choose-right-area-item img {
  width: 90px;
  height: 90px;
}
.why-choose-right-area-item h2 {
  font-weight: 600;
  font-size: 27px;
  line-height: 40px;
  margin-top: 20px;
}
.why-choose-right-area-item p {
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}
.why-choose-right-area-item {
  text-align: center;
  margin-bottom: 30px;
} 
.why-choose-contact-info {
  text-align: center;
  margin-top: 25px;
}
.why-choose-contact-info a {
  margin-right: 30px;
  color: #fff;
  text-decoration: none;
}

.why-choose-contact-info-btn {
  background: #FF9838;
  border-radius: 66px;
  padding: 15px 35px;
  font-weight: 600;
}
/* Why You-Choose-Us Section End */

/* About-Us More Section Start */

.about-su-more {
  color: #fff;
  text-align: center;
  margin-top: 50px;
}
.about-us-more-top-contnet {
  margin-bottom: 50px;
}

.about-us-more-item {
  margin-bottom: 80px;
}
.about-us-more-item img {
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
}
.about-us-more-item h2 {
  font-size: 30px;
  line-height: 35px;
}
.about-us-more-item p {
  font-size: 15px;
}
.about-us-more-center-area img {
  width: 100%;
  height: auto;
  margin-top: 50px;
}
/* Testimolials Section Start */

#testimolials {
  background: #F7F5F5;
  padding-bottom: 50px;
} 
.carousel-bg {
  background: #EEEBEB;
  height: 100%;
  padding: 20px;
  border-radius: 25px;
}
.testimolials h1 {
  text-align: center;
  margin-bottom: 20px;
  color: #ff9838;
}
.carousel-indicators {
  bottom: -40px;
} 
.carousel-indicators [data-bs-target] {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #B3B0B0;
}
/* Testimolials Section End */

/* Our Plan Section Start */

.our-plan {
  padding: 30px 0px;
  color: #fff;
}
.our-plan-left-area img {
  width: 100%;
  height: auto;
}
.our-plan-right-area h1 {
  margin-bottom: 20px;
}
.our-plan-right-area p {
  font-size: 20px;
}
.our-plan-right-area a {
  background: #FF9838;
  border-radius: 66px !important;
  color: #fff;
  text-decoration: none;
  padding: 20px 50px !important;
  font-weight: 600;
  text-align: center;
  display: inline;
}

.our-plan-right-area {
  margin-top: 180px;
  margin-left: 50px;
}
.our-plan-btn {
  margin-top: 40px;
}
/* Our Plan Section End */

/* =======================Main CSS End======================= */

/* =======================Footer CSS Start======================= */

footer {
  background-color: #000;
  color: #fff;
  padding: 50px 0px;
}
.footer-item {
  margin-bottom: 40px;
}
.footer-item img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.footer-item p {
  line-height: 25px;
}
.footer-item h2 {
  font-size: 20px;
  margin-bottom: 20px;
}
.footer-item li {
  list-style: none;
}
.footer-item li a {
  text-decoration: none;
  color: #fff;
  line-height: 30px;
  font-weight: 500;
}
.footer-item p a {
  text-decoration: none;
  color: #fff;
  font-size: 15px;
}
.footer-item.quick-link {
  margin-left: 50px;
} 
.subscribe {
  position: relative;
}
.subscribe-footer-input {
  width: 100%;
  padding: 10px 20px;
  position: relative;
  background: #0C5454;
  border-radius: 50px;
  border: 1px solid #0C5454;
  color: #fff;
  font-weight: 500;
}
.subscribe .subscribe-btn {
  position: absolute;
  right: 5px;
  top: 3px;
  background: #FF9838;
  border-radius: 50px;
  color: #fff;
  border: 1px solid #FF9838;
  padding: 7px 15px;
  cursor: pointer;
}

.copy-right-left-area a {
  text-decoration: none;
  color: #ff9838;
  padding: 10px;
}
.copy-right-left-area i {
  font-size: 20px;
} 
.copy-right {
  margin-top: 50px;
}
/* =======================Footer CSS End======================= */

/* =======================Abou-Us Page CSS Start======================= */

/* About-us-banner Section Start */
.about-us-banner-bg {
  width: 100%;
  height: 100%;
  background-image: url('../images/about/abou-us-bg.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.about-us-banner-contnet h1 {
  font-weight: 700;
  font-size: 80px;
  color: #fff;
  text-align: center;
}
.about-us-banner-contnet p {
  font-size: 20px;
  margin-bottom: 50px;
} 
.about-us-banner-contnet {
  text-align: center;
  color: #fff;
} 
.about-us-item {
  background-color: #fff;
  text-align: center;
  border: 2px solid #ffb32c;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
  margin-bottom: 20px;
}   
.about-us-item h2 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}
.about-us-item p {
  font-size: 15px;
}
/* About-us-banner Section End */

/* Moving-process Section Start */
.moving-process-bg {
  width: 100%;
  height: 100%;
  background-image: url('../images/about/about-us-bg2.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.moving-process-left-area img {
  width: 100%;
  height: auto;
}
.moving-process-right-area {
  color: #fff;
  margin-top: 180px;
} 
.moving-process-right-area p {
  font-size: 26px;
} 
.moving-process-right-area h1 {
  margin-bottom: 20px;
}
/* Moving-process Section Start */

/* Our-mission Section Start */

.our-mission {
  color: #fff;
  margin-top: 50px;
}
.our-mission-left-area {
  /*! margin-top: 50px; */
}  
.our-mission-left-area h1 {
  margin-bottom: 20px;
}
.our-mission-left-area p {
  font-size: 26px;
}
.our-mission-right-area img {
  width: 100%;
  height: auto;
}

/* Our-mission Section End */

/* What We Offer Section Start */

.what-we-offer {
  color: #fff;
  text-align: center;
}
.what-we-offer-top-contnet {
  margin-bottom: 50px;
}
.what-we-offer-top-contnet h2 {
  font-size: 25px;
  color: #ff9838;
}
.what-we-offer-item {
  border: 2px solid #ff9838;
  border-radius: 10px;
  height: 100% !important;
  padding: 15px;
} 
.what-we-offer-item h2 {
  font-size: 20px;
  margin-bottom: 20px;
}
.what-we-offer-item img {
  width: 100px;
  height: auto;
  margin-bottom: 20px;
} 
.what-we-offer-item p {
  font-size: 15px;
  text-align: justify;
}
/* What We Section Offer */

/* Let’s Start Section CSS Start */
.lets-start {
  margin-top: 50px;
  color: #fff;
}
.lets-start-left-area h1 {
  margin-bottom: 20px;
}
.lets-start-left-area p {
  font-size: 26px;
  margin-bottom: 45px;
}
.lets-start-left-area a {
  background: #ff9838;
  border-radius: 62px;
  color: #fff;
  text-decoration: none;
  padding: 20px 25px;
  font-weight: 600;
  font-size: 20px;
}  
.lets-start-right-area img {
  width: 100%;
  height: auto;
}
.lets-start-left-area {
  margin-top: 80px;
}
/* Let’s Start Section CSS End */

/* Subscribe Section CSS Start */

.subscribe-bg {
  background-color: #2C8B8B;
  padding: 30px 0px;
  color: #fff;
}
.subscribe-left-area h1 {
  line-height: 50px;
}
.subscribe-right-area input {
  padding: 25px 30px;
  background-color: #0c5454;
  width: 100%;
  color: #fff;
  border: none;
  border-radius: 40px;
} 
.subscribe-right-area .subscribe-btn {
  top: 4px;
  padding: 20px 25px;
} 
.quote-btn {
  position: relative !important;
  display: block;
  width: 100%;
  margin-top: 20px;
  border-radius: 10px !important;
  padding: 20px !important;
  font-weight: 600;
  text-transform: uppercase;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-dialog {
  max-width: 50%;
  margin: 1.75rem auto;
}
.close-btn{
  position: relative !important;
  background-color: #000 !important;
  border-radius: 20px;
  border: none;
  padding: 7px 15px;
  color: #fff;
  font-weight: 600;
} 

.form-btn a {
  background: #FF9838;
  border-radius: 66px;
  color: #fff;
  text-decoration: none;
  padding: 20px;
  font-weight: 600;
}
/* Subscribe Section CSS End */

/* =======================Abou-Us Page CSS End======================= */

/* =======================Services Page CSS Start======================= */

.service-description {
  color: #000;
  margin: 50px 0px;
} 
.service-description-left-area {
  border: 3px solid #ff9838;
  border-radius: 50px;
  padding: 30px 40px;
  background-color: #fff;
  margin-bottom: 40px;
}
.service-description-left-area h2 {
  color: #4B4949;
  margin-bottom: 40px;
}
 
.contnet-flex {
  border-bottom: 2px solid #ff9838;
  margin-bottom: 20px;
}
.storage-left, .storage-right {
  margin-bottom: 30px;
}
.storage-right h2 {
  font-size: 25px;
}

.storage-left img {
  width: 120px;
  height: auto;
}

.pesonal-form-btn a {
  background: #FF9838;
  border-radius: 66px !important;
  color: #fff;
  text-decoration: none;
  padding: 20px !important;
  font-weight: 600;
  text-align: center;
}
.pesonal-form-btn {
  margin-top: 15px;
  margin-bottom: 10px;
}

.storage-description {
  margin-bottom: 35px;
}


.featured-service-details h2 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 15px;
}
.featured-service-details {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 50px;
}
.featured-service-details p span {
  background-color: #eee;
  padding: 5px;
  font-weight: 500;
}
.js-anchor-link {
  text-decoration: none;
}
/* =======================Services Page CSS End======================= */

/* =======================Contact Page CSS Start======================= */

.contact {
  margin-top: 30px;
  color: #fff;
  margin-bottom: 50px;
}
.contact-left-area img {
  width: 100%;
  height: auto;
}

.submit-btn a {
  background: #FF9838;
  border-radius: 66px;
  color: #fff;
  text-decoration: none;
  padding: 20px 40px;
  font-weight: 600;
}
.submit-btn {
}
.submit-btn {
  margin-top: 40px;
}

.contact-form input, textarea {
  border: 4px solid #1D5555 !important;
  border-radius: 40px !important;
  padding: 20px 20px !important;
}
.contact-form textarea {
  height: 200px !important;
} 
.contact-form {
  margin-top: 50px;
}
/* =======================Contact Page CSS End======================= */