.bg-black {
  color: #000;
}

.bg-yellow,
.hvr-bg-yellow:hover {
  background-color: #f1c30f;
}

.bg-yellow-how,
.hvr-bg-yellow-how:hover {
  background-color: #0596a1;
}


.bg-change .split-container-setting .main-title h5,
.bg-change .split-container-setting .main-title h2,
.bg-change .split-container-setting h6,
.bg-change .split-container-setting p {
  color: #ffffff;
}

.split-container-setting.style-three {
  max-width: 600px;
  margin: 0 auto;
}

.split-container-setting {
  max-width: 460px;
  margin-left: auto;
  margin-right: 96px;
}

.half-section {
  position: relative;
  overflow: hidden;
}

.half-section {
  width: 100%;
}

.p-0 {
  padding: 0 !important;
}

.main-title {
  position: relative;
  margin-bottom: 6rem;
  text-align: center;
}




.btn-hvr-pink:hover,
.btn-hvr-pink:focus {

  border-color: #e57bff;
  color: #ffffff;

}

a:focus,
a:hover {

  color: #212622;

}

a,
a:active,
a:focus,
a:hover {

  text-decoration: none !important;
  outline: none;

}

a:active,
a:hover {

  color: #3264f5;
  text-decoration: none;

}

a:hover {

  color: #0056b3;
  text-decoration: underline;

}

.btn-blue {

  border-color: #84a1d2;
  background-color: #84a1d2;
  color: #ffffff;

}


.btn-setting {

  padding: 9px 34px;
  width: auto;
  display: inline-block;
  font-weight: 400;
  line-height: 25px;
  font-size: 15px;
  text-transform: capitalize;
  text-align: center;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid #acacac;
  border-top-color: rgb(172, 172, 172);
  border-right-color: rgb(172, 172, 172);
  border-bottom-color: rgb(172, 172, 172);
  border-left-color: rgb(172, 172, 172);
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease !important;

}

.color-black {

  color: #212622;

}

/* hover on images */
.hover-effect::before,
.hover-effect::after {
  content: "";
  background: #fff;
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s !important;
}

.hover-effect::before {
  right: 0;
  opacity: 1;
  top: 0;
}

.hover-effect::after {
  bottom: 0;
  opacity: .7;
  left: 0;
}

.hover-effect:hover::after,
.hover-effect:hover::before {
  height: 100%;
  opacity: 0;
  width: 100%;
}


/*=================================
Portfolio
==================================*/
.portfolio {
  background-image: url("../images/portfolio_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.portfolio-title h2 {
  font-size: 48px;
  margin-bottom: 20px;
  font-weight: 400;
  font-family: 'Poppins', sans-serif;
  color: #3c3f46;
}

.portfolio-subtitle {
  font-size: 16px;
  margin-bottom: 40px;
  color: #7e8186;
}

.nav-link {
  cursor: pointer;
  padding: .8rem 2.5rem;
}

.port {
  text-align: center;
  margin: 0 auto;
  max-width: 600px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #c32865;
  border-color: #c32865;
}

.owl-carousel .owl-stage-outer {
  cursor: pointer;
}

.nav-pills .nav-link {
  margin: 0 10px 20px 0;
  border: 1px solid #434343;
  color: #000;
}

.da-thumbs li {
  margin: 1px;
  width: 33.1%;
  position: relative;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.da-thumbs {
  z-index: 1;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.da-thumbs>li {
  display: block;
  position: relative;
}

.da-thumbs>li {
  overflow: hidden;
}

.da-thumbs>li .overlay h4 {
  color: #ffffff;
  font-size: 22px;
  font-weight: normal;
  font-family: 'Poppins', sans-serif;
}

.da-thumbs>li .overlay span {
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'Poppins', sans-serif;
}

.da-thumbs>li .overlay {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  top: 100%;
  z-index: 2;
  background-color: rgb(0, 0, 0);
  opacity: 0.961;
}

.nav-pills .nav-link {
  border-radius: 0;
}

.search-icon {
  border: 1px solid white;
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
  padding: 5px 10px;
  margin-bottom: 10px;
}

/* ===================================
About
====================================== */
.main-title {
  position: relative;
  margin-bottom: 6rem;
  text-align: center;
}

.main-title h5 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  margin-bottom: 1.1rem;
  color: #212622;
}

.main-title h2 {
  font-weight: 300;
  color: #212622;
  line-height: 1.2;
  max-width: 650px;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.main-title p {
  max-width: 720px;
  margin: 0 auto;
}

.main-title.style-two h5 {
  margin-bottom: 1.5rem;
}

.main-title.style-two h2 {
  text-transform: initial;
  font-size: 37px;
  font-weight: 500;
  max-width: 720px;
}

.main-title.style-two p {
  color: #212622;
  max-width: 720px;
}

.rare-box {
  height: 187px;
  width: 100%;
  background: #e57bff;
  position: relative;
}

.about-img-small {
  margin-left: 30px;
  top: -155px;
  margin-bottom: -153px;
}

.about ul li {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  display: flex;
}

.about ul li:before {
  font-family: "Font Awesome 5 Free";
  padding-right: 15px;
  font-weight: 700;
  content: '\f061';
  color: #aac0e4;
}

@keyframes scale {
  from {
      transform: translateY(0);
  }

  to {
      transform: translateY(-10px)
  }
}

.about:before {
  content: url(../img/about-circle.png);
  position: absolute;
  right: -10px;
  top: 200px;
  animation: scale .6s alternate infinite linear both;
}

/* about 3 boxes */
.about-box {
  transition: .5s linear;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 5px;
  max-width: 350px;
  min-height: 110px;
}

.about-box i {
  font-size: 30px;
  position: relative;
}

.about-box:hover {
  transform: translate(0, -13px);
  transition: .5s linear;
}


/*====================================
Particles
===================================*/

/* ---- particles.js container ---- */

.particles-version {}

#particles-js {
  position: relative;
  width: 100%;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e0ce', endColorstr='#2989d8', GradientType=1);
  overflow: hidden;
}

#particles-js .center-col {
  position: absolute;
  top: 25%;
  transform: translateY(-20%);

}


._rotate-left {
  width: 103%;
  left: -30px;
  position: relative;
  padding: 0px 5% !important;
}


.clr-blue {
  background: #161922;
}

.rotate-left-none {
  transform: rotate(1deg);
}

.transform {
  transform: none;
}



/* ===================================
Video Section
====================================== */
.text-justify {
  text-align: justify !important;
}

.video-content-setting {
  max-width: 665px;
  margin: 0 auto;
  padding: 5rem 1rem 5rem;
}

.video-content-setting h2 {
  line-height: 1.2;
}

.col-video {
  max-height: 500px;
}

.video-play-button-column {
  max-width: 70px;
}

.video-play-button {
  height: 70px;
  width: 70px;
  background: #ffffff;
  display: inline-block;
  top: 50%;
  right: 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  line-height: 77px;
  text-align: center;
  color: #dccF35;
  -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
  box-shadow: 0 0 0 0 rgb(255, 255, 255);
  z-index: 1;
  -webkit-transform: translate(50%, -40%);
  -ms-transform: translate(50%, -40%);
  -o-transform: translate(50%, -40%);
  transform: translate(50%, -40%);
  -webkit-animation: pulse_effect 1s infinite;
  -o-animation: pulse_effect 1s infinite;
  animation: pulse_effect 1s infinite;
}

.video-play-button.slider-play-button {
  margin: 10px;
  -webkit-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.video-play-button:hover,
.video-play-button:focus {
  color: #ffffff;
  background: #dccF35;
}

.video-play-button i {
  font-size: 20px;
}

@-webkit-keyframes pulse_effect {
  0% {
      -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
      box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
  }

  25% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
  }

  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
  }

  100% {
      -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
}

@-o-keyframes pulse_effect {
  0% {
      box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
  }

  25% {
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
  }

  70% {
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
  }

  100% {
      box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
  }
}

@keyframes pulse_effect {
  0% {
      -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
      box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
  }

  25% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
  }

  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
  }

  100% {
      -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
}


/* video button two */
.video-play-button-small {
  height: 50px;
  width: 50px;
  background: #ffffff;
  display: inline-block;
  border-radius: 50px;
  line-height: 58px !important;
  text-align: center;
  color: #dc3545;
  -webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
  box-shadow: 0 0 0 0 rgb(255, 255, 255);
  z-index: 1;
}

.video-play-button-small:hover,
.video-play-button-small:focus {
  -webkit-animation: pulse_effect2 1s infinite;
  -o-animation: pulse_effect2 1s infinite;
  animation: pulse_effect2 1s infinite;
  background: #ffffff;
  color: #dc3545;
}

.video-play-button-small i {
  font-size: 20px;
}

@-webkit-keyframes pulse_effect2 {
  0% {
      -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
      box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
  }

  25% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
  }

  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
  }

  100% {
      -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
}

@-o-keyframes pulse_effect2 {
  0% {
      box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
  }

  25% {
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
  }

  70% {
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
  }

  100% {
      box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
  }
}

@keyframes pulse_effect2 {
  0% {
      -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
      box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
  }

  25% {
      -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
  }

  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
  }

  100% {
      -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
  }
}


/* video mobile app */
.app-image {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 554px;
  max-height: 280px;
  margin: 0 auto;
}

.app-image img {
  max-height: 280px;
  margin: 0 auto;
  display: inline-block;
}

.video-app {
  position: absolute;
  top: 8%;
  max-height: 235px;
  left: 12%;
  max-width: 420px;
  overflow: hidden;
}

.bg-summer-sky {
  background-color: #dc3545;
}






/*----- Testimonial -----*/

.bg-transparent {
  background: transparent;
}

.testi-box .testimonial-round>img {
  width: 100%;
}

.testi-box .testimonial-round {
  height: 90px;
  width: 90px;
  overflow: hidden;
}

.testi-box .testimonial-round,
.testi-box .testimonial-round>img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testi-box.no-rounded .testimonial-round,
.testi-box.no-rounded .testimonial-round>img {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  border: 1px solid #1c3334;
}

.testi-box .testimonial-round:hover>img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.testimonial-round>img {
  pointer-events: none;
}

.testi-text {
  position: relative;
  display: flex;
  justify-content: center;
}

.testi-text p {
  width: 75%;
  padding: 30px 0;
}

#testimonial-slider:after {
  content: '\f10e';
  right: 0;
  top: 80%;
}

#testimonial-slider:before {
  content: '\f10d';
  left: 0;
  top: 50%;
}

#testimonial-slider:after,
#testimonial-slider:before {
  position: absolute;
  font-family: "Font Awesome 5 Free", serif;
  font-weight: 900;
  transform: translateY(-50%);
  color: #1c3334;
  font-size: 70px;
  z-index: -1;
}

#testimonial-slider .owl-dots {
  margin-top: 1rem;
}

#testimonial-slider .owl-dot {
  width: 12px;
  height: 12px;
  background-color: #002e5b;
  border-radius: 50%;
  border: 1px solid #002e5b;
  position: relative;
}

#testimonial-slider .owl-dot span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  border-radius: inherit;
  transition: 0.3s all ease-out;
  transform: translate(-50%, -50%) scale(0);
  background: #1c3334;
}

#testimonial-slider .owl-dot.active span {
  transform: translate(-50%, -50%) scale(1);
}


/*styling for star rating*/

.test-star {
  font-size: 12px;
  color: #1c3334;
  cursor: pointer;
}

#rattingIcon .fa-star {
  font-size: 16px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#ratingText {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}


/*----- Testimonial ends home page-----*/


/* ----- Testimonials page start ----- */

.testimonial-wrapp {
  padding-bottom: 0.25rem;
  margin: auto 1rem;
}

.testimonial-wrapp,
.testimonial-wrapp .testimonial-text,
.testimonial-wrapp .testimonial-photo,
.testimonial-wrapp .quoted,
.testimonial-quote {
  position: relative;
  -webkit-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
  transition: all .4s ease-in;
}

.testimonial-wrapp,
.testimonial-wrapp .testimonial-text {
  text-align: center;
}

.testimonial-wrapp .quoted,
.testimonial-wrapp .testimonial-photo {
  display: inline-block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.testimonial-wrapp .quoted {
  background-color: #002E5B;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  height: 50px;
  width: 50px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  z-index: 1;
}

.testimonial-wrapp .testimonial-text {
  padding: 4.25rem 2.5rem;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #f1f1f1;
  overflow: hidden;
  text-align: justify;
  transition: color 0.3s ease-in 0.1s;
}

#testimonial-grid .testimonial-wrapp .testimonial-text {
  padding: 3rem .75rem;
}

.testimonial-wrapp .testimonial-photo {
  height: 100px;
  width: 100px;
  margin-top: -50px;
  overflow: hidden;
}

.testimonial-wrapp .testimonial-photo,
.testimonial-wrapp .testimonial-photo>img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.testimonial-wrapp:hover img {
  transform: scale(1.1) rotate(-10deg);
}

h4.darkcolor {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.testimonial-wrapp .testimonial-text::before {
  content: '';
  position: absolute;
  top: -10%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 30px;
  width: 30px;
  background-color: #002E5B;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: -2;
  transition: top 0.4s linear, transform 0.6s ease 0.2s;
}

.testimonial-wrapp:hover .testimonial-text::before {
  top: 60%;
  transform: translate(-50%, -50%) scale(20);
}

.testimonial-icon {
  overflow: hidden;
}

.testimonial-icon .social-icons {
  transform: translateY(-200%) scale(1.7);
  opacity: 0;
  transition: 0.5s ease-out 0.1s;
}

.testimonial-wrapp:hover .testimonial-icon .social-icons {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.testimonial-wrapp:hover .testimonial-text,
.testimonial-wrapp:hover .quoted {
  color: #fff;
}

#testimonial-main-slider .owl-dot,
#price-slider .owl-dot,
#ourteam-main-slider .owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: transparent;
  transition: 0.4s all;
  border: 1px solid #a5a5a5 !important;
  overflow: hidden;
}

#testimonial-main-slider .owl-dot::before,
#price-slider .owl-dot::before,
#ourteam-main-slider .owl-dot::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1c3334;
  transform: translateY(100%);
}

#testimonial-main-slider .active.owl-dot::before,
#price-slider .active.owl-dot::before,
#ourteam-main-slider .active.owl-dot::before {
  transform: translateY(0);
}

#testimonial-main-slider .active.owl-dot,
#price-slider .active.owl-dot,
#ourteam-main-slider .active.owl-dot {
  border-color: transparent !important;
  transform: scale(1.2);
}


/* ----- Testimonial page ends ----- */



/*Dots*/

.owl-dots {
  margin-top: 2rem;
  text-align: center;
}

.owl-dots .owl-dot {
  height: 3px;
  width: 20px;
  background: #002e5b;
  margin: 2px 3px;
  border: 1px solid #002e5b;
  display: inline-block;
  cursor: pointer;
  padding: 0;
}

.no-dots .owl-dots {
  display: none;
}

.owl-dots .owl-dot,
.numbered .tp-bullet,
.numbered .tp-bullet-number,
.numbered .tp-bullet .tp-count {
  position: relative;
}

/*bullets*/
#vertical-bullets.vertical-tpb .tp-bullets {
  height: auto !important;
  width: auto !important;
  text-align: center;
  display: inline-block;
  position: relative;
  top: 50% !important;
}

#vertical-bullets.vertical-tpb .tp-bullet {
  position: relative;
  display: contents;
  background: transparent;
  cursor: pointer;
  box-sizing: content-box;
}

#vertical-bullets.vertical-tpb .tp-bullet .tp-bullet-inner {
  width: 18px;
  height: 18px;
  position: relative;
  border: 4px solid #fff;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  box-sizing: content-box;
  transform: scale(0.6);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

#vertical-bullets.vertical-tpb.darkcolor .tp-bullet .tp-bullet-inner {
  border-color: #002E5B;
}

#vertical-bullets.vertical-tpb .tp-bullet.selected .tp-bullet-inner {
  transform: scale(1);
  background: transparent;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

#vertical-bullets.vertical-tpb .tp-bullet .tp-bullet-inner::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background: #0596a1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.4);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  display: none;
}

#vertical-bullets.vertical-tpb .tp-bullet.selected .tp-bullet-inner::before {
  opacity: 1;
  visibility: visible;
  display: block;
}

#vertical-bullets.vertical-tpb .tp-bullet:not(:last-child) .tp-line {
  height: 20px;
  transform: scaleY(1.4);
  width: 3px;
  background: #fff;
  display: block;
  margin: 0 auto;
  pointer-events: none;
}

#vertical-bullets.vertical-tpb.darkcolor .tp-bullet .tp-line {
  background-color: #002E5B;
}

#vertical-bullets.vertical-tpb.darkcolor h2,
#vertical-bullets.vertical-tpb.darkcolor p {
  color: #002E5B;
}

#vertical-bullets p {
  letter-spacing: 1px;
}

.revicon {
  position: absolute;
}

.animate-out {
  -webkit-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms;
}

.revicon {
  top: 51%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 34px;
  z-index: 11;
}

.revicon li a {
  height: 40px;
}

.revicon.darkcolor li a:before {
  background-color: #002E5B !important;
}

.custom-overlay {
  background-color: rgba(5, 150, 161, 0.55);
  left: 0px;
  top: 100%;
  display: block;
  transition: all 300ms ease 0s;
  position: absolute;
  color: #e8e2e2;
  top: 0px;
  width: 100%;
  height: 100vh;
  font-weight: bold;
  text-align: center;
  font-size: 2em;
  line-height: 8;
}

/*Portfolio Section*/
.portfolio-section .heading-col .text {
  padding-left: 0px;
  padding-right: 0px;
}

.portfolio-section .nav-pills .nav-link {
  margin-bottom: 10px;
  padding: .3rem .6rem;
}

.portfolio-section .da-thumbs li {
  width: 100%;
  margin-bottom: 10px;
}

.portfolio-section .da-thumbs li img {
  width: 100%;
}

/*Gallery*/

.portfolio-section .port {
  text-align: center;
  margin: 0 auto;
  max-width: 600px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #2e151b;
  font-size: 14px;
  color: #fff !important;
  cursor: pointer;
}

.portfolio-section .owl-carousel .owl-stage-outer {
  cursor: pointer;
}

.portfolio-section .nav-pills .nav-link {
  margin-left: 10px;
  border: 1px solid #e1e1e1;
  cursor: pointer;
  font-weight: 600;
  color: #3c3f46;
  padding: .5rem 2rem;
  border-radius: 0px;
  font-family: 'Open Sans', sans-serif;
}

.portfolio-section .da-thumbs li {
  margin: 1px;
  width: 33.1%;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.portfolio-section .da-thumbs {
  z-index: 1;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.portfolio-section .da-thumbs>li {
  display: block;
  position: relative;

}

.portfolio-section .da-thumbs>li {
  overflow: hidden;
}

.portfolio-section .da-thumbs>li .overlay h4 {
  color: #ffffff;
  font-size: 22px;
}

.portfolio-section .da-thumbs>li .overlay {
  position: absolute;
  background: rgba(57, 197, 222, 0.81);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  top: 100%;
  z-index: 2;
}

.portfolio-section .da-thumbs>li .overlay .text-icon {
  display: block;
}

.portfolio-section .da-thumbs>li .overlay .search-icon {
  border: 1px solid white;
  border-radius: 50%;
  display: inline-block;
  color: #ffffff;
  padding: 5px 10px;
  margin-bottom: 10px;
}


@media (max-width: 992px) {
  .portfolio-section .da-thumbs li {
      width: 100%;
      margin-bottom: 20px;
  }

  .sub-heading {
      font-size: 0.4;
  }

  .rotate-left {
      left: 0px;
  }

  .g-background {
      height: 550px !important;
  }
}

.mb-5,
.my-5 {
  margin-bottom: 1.2rem !important;
}

.mb-5-custom {
  margin-bottom: 1rem !important;
}

.sub-heading-custom {
  font-size: 1.2rem;
}