/*========== common css part start ==========*/
* {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul>li {
  list-style-type: none;
}

.clr {
  clear: both;
}

.mr-right {
  margin-right: 0 !important;
}

.mb-bottom {
  margin-bottom: 0 !important;
}

.default-btn {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  word-spacing: 0.03rem;
  background-color: #FF5E14;
  padding: 0.8rem 2.5rem;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  margin-top: 2rem;
  display: inline-block;
  position: relative;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.default-btn:hover {
  background-color: #091632;
  color: rgba(255, 255, 255, 0.8);
}

.default-btn::before {
  content: '';
  position: absolute;
  background-color: #FF5E14;
  width: 15%;
  height: 0.2rem;
  top: -0.5rem;
  left: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.default-btn:hover::before {
  width: 95%;
  background-color: #091632;
}

.default-btn::after {
  content: '';
  position: absolute;
  background-color: #FF5E14;
  width: 15%;
  height: 0.2rem;
  right: 0;
  bottom: -0.5rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.default-btn:hover::after {
  width: 95%;
  background-color: #091632;
}

.default-sub-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 3.4rem;
  color: #0C1F38;
  letter-spacing: 0.07rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e1dddd;
  position: relative;
}

.default-sub-title::before {
  content: '';
  position: absolute;
  width: 8rem;
  height: 0.4rem;
  background-color: #FF5E14;
  left: 0;
  bottom: -0.2rem;
}

.default-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 3.8rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.07rem;
  position: relative;
  color: #0C1F38;
  padding-bottom: 2.5rem;
}

.default-title em {
  font-style: normal;
  color: #FF5E14;
}

.default-title::before {
  content: '';
  position: absolute;
  width: 6rem;
  height: 0.3rem;
  background-color: #FF5E14;
  left: calc(50% - 20rem);
  top: 2rem;
}

.default-title::after {
  content: '';
  position: absolute;
  width: 6rem;
  height: 0.3rem;
  background-color: #0C1F38;
  right: calc(50% - 20rem);
  top: 2rem;
}

/*========== common css part end ==========*/
/* = = = = = Navigation css part start = = = = = */
.header {
  background-color: transparent;
}

@-webkit-keyframes headerAnimate {
  from {
    top: -80px;
  }

  to {
    top: 0px;
  }
}

@keyframes headerAnimate {
  from {
    top: -80px;
  }

  to {
    top: 0px;
  }
}

.navbar {
  background-color: transparent;
  height: 9rem;
  z-index: 9999;
}

.navbar .navbar-brand a>img {
  max-width: 100%;
}

.navbar-nav .nav-item {
  margin-left: 2rem;
}

.navbar-nav .nav-item .nav-link {
  color: #f9f9f9;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
}

.navbar-nav .nav-item .nav-link:hover {
  color: #ff5e14;
}

.navbar-nav .nav-item .active {
  color: #ff5e14;
}

.navbar-nav .quote {
  color: #f9f9f9;
  font-size: 1.3rem;
  font-weight: 600;
  font-family: "Poppins";
  text-transform: uppercase;
  background-color: #ff5e14;
  padding: 0.8rem 2.5rem;
  letter-spacing: 0.08rem;
  margin-left: 1rem;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.navbar-nav .quote:hover {
  background-color: #ff3714;
}

/* = = = = = Navigation css part end = = = = = */
/* = = = = = Hero css part start = = = = = */
.hero-slider {
  margin-top: -9rem;
}

.hero-bg .hero-text h1 {
  color: #f9f9f9;
  font-size: 6rem;
  font-weight: 600;
  font-family: "Montserrat";
  line-height: 6.9rem;
  text-transform: capitalize;
  letter-spacing: 0.08rem;
}

.hero-bg .hero-text h1 em {
  font-style: normal;
  color: #ff5e14;
}

.hero-bg .hero-text p {
  color: #f9f9f9;
  font-size: 1.9rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.7rem;
  letter-spacing: 0.07rem;
  padding-right: 45%;
}

.hero-img1 {
  background: url("../images/banner-slider1.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 30rem 0 25rem 0;
  position: relative;
}

.hero-img1::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.hero-img2 {
  background: url("../images/banner-slider2.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 30rem 0 25rem 0;
  position: relative;
}

.hero-img2::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.hero-slider .priv-arrow {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  width: 3rem;
  height: 10rem;
  line-height: 10rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 45%;
  left: 0;
  z-index: 9;
  font-size: 3rem;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.hero-slider .priv-arrow:hover {
  color: #ff5e14;
}

.hero-slider .next-arrow {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  width: 3rem;
  height: 10rem;
  line-height: 10rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 45%;
  right: 0;
  z-index: 9;
  font-size: 3rem;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.hero-slider .next-arrow:hover {
  color: #ff5e14;
}

/* = = = = = Hero css part end = = = = = */
/* = = = = = Aboout css part start = = = = = */
.about-bg {
  margin: 8rem 0;
}

.about-bg .experience-img img {
  width: 100%;
  height: 45rem;
}

.about-bg .experience-details {
  margin-left: 10rem;
}

.about-bg .experience-details p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.6rem;
  margin: 2rem 0;
}

.about-bg .experience-details ul>li {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 3rem;
}

.about-bg .experience-details ul>li .check {
  color: #ff5e14;
  margin-right: 0.5rem;
}

.about-main-title {
  margin: 9rem 0 3rem 0;
}

.about-main .about-left-area .title-wrap {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 1.5rem;
}

.about-main .about-left-area .title-wrap h4 {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.3rem;
  font-weight: 500;
  font-family: "Poppins";
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.about-main .about-left-area .title-wrap h3 {
  color: #0C1F38;
  font-size: 3.2rem;
  font-weight: 600;
  font-family: "Montserrat";
  line-height: 4rem;
  letter-spacing: 0.06rem;
}

.about-main .about-left-area .title-wrap h3 em {
  font-style: normal;
  color: #ff5e14;
}

.about-main .about-left-area .title-wrap::before {
  content: '';
  position: absolute;
  width: 0.6rem;
  height: 9rem;
  background-color: #ff5e14;
  left: 0;
  top: 0;
}

.about-main .about-left-area p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.4rem;
  padding-bottom: 1rem;
}

.about-main-slider {
  overflow: hidden;
}

.about-main-slider img {
  height: 36rem;
}

.about-main-slider .slick-dots {
  top: 90%;
}

.about-main-slider .slick-dots li button::before {
  color: #999;
  opacity: 1;
  font-size: 1.2rem;
}

.about-main-slider .slick-dots li.slick-active button::before {
  color: #ff5e14;
}

/* = = = = = About css part end = = = = = */
/* = = = = = Services css part start = = = = = */
.services-bg {
  background-color: #0C1F38;
  padding: 8rem 0 5rem 0;
}

.services-bg .services-title {
  margin-bottom: 6rem;
}

.services-bg .services-title h4 {
  color: #f9f9f9;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Montserrat";
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  padding-bottom: 0.5rem;
}

.services-bg .services-title h3 {
  color: #f9f9f9;
  font-size: 3.8rem;
  font-weight: 700;
  font-family: "Montserrat";
  letter-spacing: 0.07rem;
}

.services-bg .services-title h3 em {
  font-style: normal;
  color: #ff5e14;
}

.services-card {
  background-color: #012052;
  padding: 5rem 1rem;
  margin-bottom: 3rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.services-card:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  background-color: #012052bb;
}

.services-card .service-icon i {
  color: #ff5e14;
  font-size: 4.2rem;
  font-weight: 300;
}

.services-card h4 {
  color: #f9f9f9;
  font-size: 2rem;
  font-weight: 600;
  font-family: "Poppins";
  letter-spacing: 0.07rem;
  padding: 1.5rem 0 2rem 0;
}

.services-card p {
  color: #f9f9f9;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.4rem;
  letter-spacing: 0.06rem;
  padding-bottom: 2rem;
}

.services-card a {
  color: #ff5e14;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.09rem;
}

.services-card a i {
  padding-left: 0.3rem;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.services-card a:hover i {
  padding-left: 0.6rem;
}

.service-animate-top {
  position: relative;
}

.service-animate-top::before {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 20%;
  background-color: #ff5e14;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

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

.service-animate-top::after {
  content: '';
  position: absolute;
  width: 20%;
  height: 0.3rem;
  background-color: #ff5e14;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.service-animate-top:hover::after {
  width: 100%;
}

.service-animate-bottom {
  position: relative;
}

.service-animate-bottom::before {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 20%;
  background-color: #ff5e14;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

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

.service-animate-bottom::after {
  content: '';
  position: absolute;
  width: 20%;
  height: 0.3rem;
  background-color: #ff5e14;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.service-animate-bottom:hover::after {
  width: 100%;
}

.service-animate-right {
  position: relative;
}

.service-animate-right::before {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 20%;
  background-color: #ff5e14;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

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

.service-animate-right::after {
  content: '';
  position: absolute;
  width: 20%;
  height: 0.3rem;
  background-color: #ff5e14;
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.service-animate-right:hover::after {
  width: 100%;
}

.service-animate-left {
  position: relative;
}

.service-animate-left::before {
  content: '';
  position: absolute;
  width: 0.3rem;
  height: 20%;
  background-color: #ff5e14;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

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

.service-animate-left::after {
  content: '';
  position: absolute;
  width: 20%;
  height: 0.3rem;
  background-color: #ff5e14;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.service-animate-left:hover::after {
  width: 100%;
}

.services-bottom {
  padding: 12rem 0 8rem 0;
}

.services-bottom .service-bottom-card {
  margin-top: 3rem;
}

.services-bottom .service-bottom-card h4 {
  color: #0C1F38;
  font-size: 2.4rem;
  font-weight: 600;
  font-family: "Poppins";
  letter-spacing: 0.07rem;
  padding-bottom: 1.5rem;
}

.services-bottom .service-bottom-card h4 span>i {
  color: #ff5e14;
}

.services-bottom .service-bottom-card p {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.4rem;
  letter-spacing: 0.06rem;
}

.service-bottom-right {
  position: relative;
  z-index: 9;
}

.service-bottom-right .overlay1 {
  position: absolute;
  top: -40px;
  left: -40px;
  width: 25rem;
  height: 45rem;
  background-color: #ff5e14;
  z-index: -1;
}

.service-bottom-right .overlay2 {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.service-bottom-right .overlay2::before {
  content: '';
  position: absolute;
  background-color: #ff5e14;
  width: 10%;
  height: 2px;
  top: 20px;
  left: 10px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.service-bottom-right .overlay2:hover::before {
  width: 95%;
}

.service-bottom-right .overlay2::after {
  content: '';
  position: absolute;
  background-color: #ff5e14;
  width: 10%;
  height: 2px;
  right: 10px;
  bottom: 20px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.service-bottom-right .overlay2:hover::after {
  width: 95%;
}

.service-bottom-right .overlay2 .playBtn {
  width: 9.4rem;
  height: 9.4rem;
  background: radial-gradient(#0C1F38 50%, rgba(12, 31, 56, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 4.7rem);
  top: calc(50% - 4.7rem);
  overflow: hidden;
}

.service-bottom-right .overlay2 .playBtn span {
  font-size: 1.8rem;
  color: #fff !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}

.service-bottom-right .overlay2 .playBtn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1.5rem solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.service-bottom-right .overlay2 .playBtn:hover::after {
  border-left: 1.5rem solid #428bca;
  -webkit-transform: scale(20);
  transform: scale(20);
}

.service-bottom-right .overlay2 .playBtn::before {
  content: '';
  position: absolute;
  width: 12rem;
  height: 12rem;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 1;
  border-radius: 50%;
  border: 0.5rem solid rgba(66, 139, 202, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

.service-bottom-right .overlay2 .playBtn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1.5rem solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

/* = = = = = Services css part end = = = = = */
/* = = = = = Portfolio css part start = = = = = */
.projects-bg {
  background-color: #F6F7F8;
  padding: 70px 0;
}

.projects-bg .project-btn {
  margin-bottom: 1.5rem;
}

.projects-bg .project-btn ul>li {
  display: inline-block;
  padding: 1rem 1.5rem;
  color: #000;
  font-size: 1.4rem;
  font-weight: 500;
  font-family: "Poppins";
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.projects-bg .project-btn ul>li.active {
  color: #ff5e14;
}

.projects-bg .project-card {
  position: relative;
  margin-bottom: 3rem;
}

.projects-bg .project-card img {
  height: 28rem;
}

.projects-bg .project-card .overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.6s linear;
  transition: all 0.6s linear;
  background-color: #fff;
  padding: 3rem;
  -webkit-box-shadow: 0.1rem 0.2rem 0.8rem #dbdbdb;
  box-shadow: 0.1rem 0.2rem 0.8rem #dbdbdb;
}

.projects-bg .project-card .overlay h4 {
  color: #1a1a1a;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Montserrat";
  letter-spacing: 0.05rem;
  padding-top: 3rem;
}

.projects-bg .project-card .overlay p {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.4rem;
  letter-spacing: 0.05rem;
  padding: 1rem 0;
}

.projects-bg .project-card:hover .overlay {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* = = = = = Portfolio css part end = = = = = */
/* = = = = = Portfolio css part end = = = = = */
.counter-bg {
  background: url("../images/counter-bg.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  margin: 7rem 0;
  padding: 5rem 0;
  position: relative;
}

.counter-bg::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(1, 32, 82, 0.9);
}

.counter-bg .coounter-item .counter-icon {
  margin-bottom: 1rem;
}

.counter-bg .coounter-item .counter-icon span {
  font-size: 4.5rem;
  color: #ff5e14;
}

.counter-bg .coounter-item .counter-text h4 {
  color: #fff;
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "Poppins";
  letter-spacing: 0.05rem;
}

.counter-bg .coounter-item .counter-text p {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.05rem;
}

/* = = = = = Portfolio css part end = = = = = */
/* = = = = = Team css part start = = = = = */
.team-bg {
  margin-top: 7rem;
  padding: 7rem 0;
  background-color: #0C1F38;
}

.team-bg .team-title {
  margin-bottom: 5rem;
}

.team-bg .team-title h3 {
  color: #f9f9f9;
  font-size: 3.8rem;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  position: relative;
  padding-bottom: 0.5rem;
}

.team-bg .team-title h3 em {
  font-style: normal;
  color: #FF5E14;
}

.team-bg .team-title h3::before {
  content: '';
  position: absolute;
  width: 6rem;
  height: 0.3rem;
  background-color: #f9f9f9;
  left: calc(50% - 20rem);
  top: 2rem;
}

.team-bg .team-title h3::after {
  content: '';
  position: absolute;
  width: 6rem;
  height: 0.3rem;
  background-color: #FF5E14;
  right: calc(50% - 20rem);
  top: 2rem;
}

.team-bg .team-title h3 em {
  font-style: normal;
  color: #ff5e14;
}

.team-bg .team-title p {
  color: #f9f9f9;
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "Poppins";
  letter-spacing: 0.06rem;
}

.team-bg .team-card {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.team-bg .team-card img {
  width: 80%;
  height: 30rem;
  margin: auto;
}

.team-bg .team-card .details {
  background-color: #fff;
  padding: 11.5rem 0 2rem 0;
  margin-top: -10rem;
}

.team-bg .team-card .details h4 {
  color: #1a1a1a;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Montserrat";
  letter-spacing: 0.06rem;
}

.team-bg .team-card .details h5 {
  color: #1a1a1a;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Montserrat";
  letter-spacing: 0.06rem;
  padding: 1.5rem 0 1rem 0;
}

.team-bg .team-card .details ul>li {
  display: inline-block;
  margin-right: 1.5rem;
}

.team-bg .team-card .details ul>li:last-child {
  margin-right: 0;
}

.team-bg .team-card .details ul>li a {
  color: #1a1a1a;
  font-size: 1.4rem;
}

.team-bg .team-card:hover {
  margin-top: -3rem;
}

/* = = = = = Team css part end = = = = = */
/* = = = = = Team css part end = = = = = */
.testimonial-bg {
  background-color: #141414;
  padding: 7rem 0;
  margin-top: 8rem;
}

.testimonial-bg .testimonial-title {
  margin-bottom: 5rem;
}

.testimonial-bg .testimonial-title h3 {
  color: #f9f9f9;
  font-size: 2.8rem;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  position: relative;
}

.testimonial-bg .testimonial-title h3 em {
  font-style: normal;
  color: #FF5E14;
}

.testimonial-bg .testimonial-title h3::before {
  content: '';
  position: absolute;
  width: 6rem;
  height: 0.3rem;
  background-color: #f9f9f9;
  left: calc(50% - 25rem);
  top: 1.5rem;
}

.testimonial-bg .testimonial-title h3::after {
  content: '';
  position: absolute;
  width: 6rem;
  height: 0.3rem;
  background-color: #FF5E14;
  right: calc(50% - 25rem);
  top: 1.5rem;
}

.testimonial-bg .testimonial-title h3 em {
  font-style: normal;
  color: #ff5e14;
}

.testimonial-bg .testi-item img {
  display: block;
  width: 8rem;
  height: 8rem;
  margin: auto;
  border-radius: 50%;
  border: 0.5rem solid #fff;
  margin-bottom: 2rem;
}

.testimonial-bg .testi-item a {
  font-size: 4.8rem;
  color: #ff5e14;
}

.testimonial-bg .testi-item p {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.4rem;
  font-style: italic;
  letter-spacing: 0.06rem;
  padding-top: 2rem;
}

.testimonial-bg .testi-item h5 {
  color: #ff5e14;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Montserrat";
  letter-spacing: 0.06rem;
  padding: 2rem 0 1rem 0;
}

.testimonial-bg .testi-item h6 {
  color: #f9f9f9;
  font-size: 1.3rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.06rem;
}

.testimonial-slider .slick-dots {
  position: absolute;
  bottom: -5.5rem;
  left: 0;
}

.testimonial-slider .slick-dots li button::before {
  color: #999;
  opacity: 1;
  font-size: 1.2rem;
}

.testimonial-slider .slick-dots li.slick-active button::before {
  color: #ff5e14;
}

/* = = = = = Team css part end = = = = = */
/* = = = = = Contact css part start = = = = = */
.contact-bg {
  padding: 8rem 0;
}

.contact-bg .contact-title {
  margin-bottom: 5rem;
}

.contact-bg .contact-title h3 {
  color: #0C1F38;
  font-size: 3.8rem;
  font-weight: 700;
  font-family: "Montserrat";
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  position: relative;
}

.contact-bg .contact-title h3 em {
  font-style: normal;
  color: #FF5E14;
}

.contact-bg .contact-title h3::before {
  content: '';
  position: absolute;
  width: 6rem;
  height: 0.3rem;
  background-color: #0C1F38;
  left: calc(50% - 26rem);
  top: 2rem;
}

.contact-bg .contact-title h3::after {
  content: '';
  position: absolute;
  width: 6rem;
  height: 0.3rem;
  background-color: #FF5E14;
  right: calc(50% - 26rem);
  top: 2rem;
}

.contact-bg .contact-title h3 em {
  font-style: normal;
  color: #ff5e14;
}

.address {
  margin-bottom: 4rem;
}

.address .address-box i {
  color: #ff5e14;
  font-size: 2.6rem;
}

.address .address-box h4 {
  color: #0C1F38;
  font-size: 2.2rem;
  font-weight: 600;
  font-family: "Montserrat";
  letter-spacing: 0.06rem;
  padding: 1rem 0;
}

.address .address-box p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.4rem;
  letter-spacing: 0.07rem;
}

.form-box {
  padding: 5rem 4rem;
  -webkit-box-shadow: 0 0 3rem rgba(214, 215, 216, 0.6);
  box-shadow: 0 0 3rem rgba(214, 215, 216, 0.6);
}

.form-box .form-group input,.form-box .form-group .input-group-prepend,.form-box .form-group select {
  height: 3.8rem !important;
  text-indent: 1rem;
}
.form-box .form-group .input-group-text,.form-box .form-group .invalid-feedback{
    font-size: 1.5rem;
    font-family: "Poppins";
}
.form-box .form-group .form-control {
  /*margin-bottom: 1.5rem;*/
  text-indent: 1rem;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "Poppins";
}

/* = = = = = Contact css part end = = = = = */
/* = = = = = Footer css part start = = = = = */
.footer-bg {
  background-color: #000;
  padding: 12rem 0 6rem 0;
  margin-top: 4rem;
}

.footer-bg .footer-top {
  background-color: #FF5E14;
  padding: 3rem;
  margin-top: -18rem;
}

.footer-bg .footer-top .top-left h4 {
  color: #f9f9f9;
  font-size: 2rem;
  font-weight: 500;
  font-family: "Montserrat";
  letter-spacing: 0.06rem;
  padding-bottom: 0.5rem;
}

.footer-bg .footer-top .top-left p {
  color: #0C1F38;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.05rem;
}

.footer-bg .footer-top .top-right {
  position: relative;
}

.footer-bg .footer-top .top-right input {
  width: 30rem;
  height: 4rem;
  text-indent: 1.5rem;
  background-color: #f9f9f9;
  border: 0;
}

.footer-bg .footer-top .top-right input::-webkit-input-placeholder {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.1rem;
}

.footer-bg .footer-top .top-right input:-ms-input-placeholder {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.1rem;
}

.footer-bg .footer-top .top-right input::-ms-input-placeholder {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.1rem;
}

.footer-bg .footer-top .top-right input::placeholder {
  color: #000;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.1rem;
}

.footer-bg .footer-top .top-right input:focus {
  color: #000;
  font-size: 1.4rem;
}

.footer-bg .footer-top .top-right a>i {
  position: absolute;
  right: 0;
  background-color: #dbdbdb;
  padding: 0.9rem 1.5rem 0.9rem 1.5rem;
  text-align: center;
  color: #ff5e14;
  font-size: 2.4rem;
  display: inline-block;
  height: 4rem;
}

.footer-bg .footer-item .logo {
  color: #f9f9f9;
  font-size: 3.2rem;
  font-weight: 700;
  font-family: "Montserrat";
  display: block;
  margin: -1rem 0 1.5rem 0;
}

.footer-bg .footer-item .logo em {
  font-style: normal;
  color: #ff5e14;
}

.footer-bg .footer-item p {
  color: #f9f9f9;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  line-height: 2.4rem;
  letter-spacing: 0.06rem;
  padding-bottom: 3rem;
}

.footer-bg .footer-item .social>li {
  display: inline-block;
  margin-right: 1rem;
}

.footer-bg .footer-item .social>li a {
  font-size: 1.4rem;
  color: #FF5E14;
  background-color: transparent;
  padding: 0.6rem 1rem;
  border: 0.1rem solid #1A1A1A;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.footer-bg .footer-item .social>li a:hover {
  background-color: #FF5E14;
  color: #f9f9f9;
}

.footer-bg .footer-item h4 {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  font-family: "Montserrat";
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  margin-bottom: 3rem;
}

.footer-bg .footer-item .details li {
  color: #f9f9f9;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.06rem;
  line-height: 2rem;
  margin-bottom: 1.5rem;
}

.footer-bg .footer-item .links li {
  display: block;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 0.1rem dashed #222;
}

.footer-bg .footer-item .links li:last-child {
  border-bottom: 0;
}

.footer-bg .footer-item .links li a {
  color: #f9f9f9;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
}

.copyright-bg {
  background-color: #222;
  padding: 2rem 0;
}

.copyright-bg .copyright-details h4 {
  color: #f9f9f9;
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Poppins";
  letter-spacing: 0.05rem;
}

.copyright-bg .copyright-details h4 em {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
}

/* = = = = = Footer css part end = = = = = */
/* = = = = = Back to top css part start = = = = = */
#button {
  display: inline-block;
  background-color: #ff5e14;
  width: 5rem;
  height: 5rem;
  line-height: 6rem;
  text-align: center;
  border-radius: 0.4rem;
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  -webkit-transition: background-color .3s, opacity .5s, visibility .5s;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button i {
  font-size: 2.8rem;
  color: #f9f9f9;
}

#button:hover {
  cursor: pointer;
  background-color: #0C1F38;
}

#button:active {
  background-color: #555;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

/* = = = = = Back to top css part end = = = = = */
/* = = = = = Preloader css part start = = = = = */
.loader {
  background: #0C1F38;
  width: 100%;
  height: 100%;
  line-height: 5rem;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: helvetica, arial, sans-serif;
  font-weight: 900;
  letter-spacing: 0.2rem;
  z-index: 9999999;
}

.loader span {
  position: absolute;
  color: #f9f9f9;
  font-size: 5rem;
  font-weight: 600;
  font-family: "Montserrat";
  width: 25rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-transform: uppercase;
}

.loader span::before,
.loader span::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: #ff5e14;
  position: absolute;
  -webkit-animation: load 0.7s infinite alternate ease-in-out;
  animation: load 0.7s infinite alternate ease-in-out;
}

.loader span::before {
  top: 0;
}

.loader span::after {
  bottom: 0;
}

@-webkit-keyframes load {
  0% {
    left: 0;
    height: 3rem;
    width: 1.5rem;
  }

  50% {
    height: 0.8rem;
    width: 4rem;
  }

  100% {
    left: 23.5rem;
    height: 3rem;
    width: 1.5rem;
  }
}

@keyframes load {
  0% {
    left: 0;
    height: 3rem;
    width: 1.5rem;
  }

  50% {
    height: 0.8rem;
    width: 4rem;
  }

  100% {
    left: 23.5rem;
    height: 3rem;
    width: 1.5rem;
  }
}

/* = = = = = Preloader css part end = = = = = */

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