/*-- Use For Custom Styling --*/
.page_header .page-content h2 {
    visibility: hidden;
}

.page_header .page-content p {
    visibility: hidden;
}

.page_header .page-content .page_nav{
    visibility: hidden; 
}

.title-small{
    font-size: 30px!important;
    font-weight: bold;
}

.footer-bg{
    background-color: #212529;
}

.footer-menu{}

.footer-menu h5{
	color:#fff;
}

.footer-menu i{
	/*padding-right: 5px;*/
	font-weight: 400;
	font-size:12px ;
	color:#fff;
}

.footer-menu a, .footer-menu p{
	color:#fff;
	font-weight: 400;
	font-size: 12px;

}

.footer-menu ul li{
	font-weight: 400;
	font-size: 12px;
	color:#fff;
	margin-bottom: 15px;
}

.footer-menu ul li a{
	font-weight: 400;
	font-size: 12px;
	color:#fff;
	margin-bottom: 15px;
}

.footer-menu ul li a:hover{
	color:#198754;
}

.footer-menu-contact i{
	/*padding-right: 5px;*/
	font-weight: 800;
	font-size:12px ;
	color:#fff;
}

.footer-menu-contact ul li{
	font-size: 14px;
	color:#fff;
	font-weight: 800;
	margin-bottom: 15px;

}

.footer-icons i{
	color: #fff;
}

.footer-icons li:hover i{
	color: #fff;
}



.section-founder{
    background: red;
    background: url(../images/founder-large.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

.section-founder:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background-image: linear-gradient(180deg, red, green);
  background: linear-gradient(180deg, rgba(2,171,181,0.5), rgba(235,28,38,0.5));

}

.features-one {
    text-align: center;
    height: 100%;
    width: 100%;
    padding: 35px 25px;
    z-index: 0;
    position: relative;
    background: #ffffff;
    color: #18191d;
}

.features-one h5{
    margin-top: 15px;
    line-height: 27px;
}

.video-img-cover{
    object-fit: cover;
}

.innerpage{
    margin-top: 20px!important;
}

.innerpage.fixed-menu{
    margin-top: 0px!important;
}

/*pro-slider*/

.ftco-section {
  padding: 0em 0;
  padding-top: 0em; 
  /*margin: 0.5em 0;*/
  margin: 0em 0;
}

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.heading-section {
   font-size: 30px;
  font-weight: 600;
  color: #0b2309;
  text-decoration: underline;
   }

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom; center; }

@media (max-width: 991.98px) {
  .btn {
    display: block;
    width: 100%; } }

.owl-carousel {
  position: relative; }
  .owl-carousel .owl-item {
    opacity: 1; }
    .owl-carousel .owl-item.active {
      opacity: 1; }
  .owl-carousel .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    margin-top: -50px;
    display: inline-block; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: 60px;
      color: rgba(0, 0, 0, 0.2) !important;
      -webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s;
      opacity: 1; }
      @media (prefers-reduced-motion: reduce) {
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } }
      .owl-carousel .owl-nav .owl-prev p, .owl-carousel .owl-nav .owl-next p{
        background-color: #198754;
        border-radius: 50%;
        height: 40px;
        width: 40px;
      }

      .owl-carousel .owl-nav .owl-prev p span, .owl-carousel .owl-nav .owl-prev p small,
      .owl-carousel .owl-nav .owl-next p span,
      .owl-carousel .owl-nav .owl-next p small {
        display: block;
        color: #fff;
        line-height: 2;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        @media (prefers-reduced-motion: reduce) {
          .owl-carousel .owl-nav .owl-prev p span, .owl-carousel .owl-nav .owl-prev p small,
          .owl-carousel .owl-nav .owl-next p span,
          .owl-carousel .owl-nav .owl-next p small {
            -webkit-transition: none;
            -o-transition: none;
            transition: none; } }
      .owl-carousel .owl-nav .owl-prev small,
      .owl-carousel .owl-nav .owl-next small {
        text-transform: uppercase; }
      .owl-carousel .owl-nav .owl-prev span,
      .owl-carousel .owl-nav .owl-next span {
        line-height: 0; }
        .owl-carousel .owl-nav .owl-prev span:before,
        .owl-carousel .owl-nav .owl-next span:before {
          font-size: 35px;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s;
              margin-top: 2px;
 }
          @media (prefers-reduced-motion: reduce) {
            .owl-carousel .owl-nav .owl-prev span:before,
            .owl-carousel .owl-nav .owl-next span:before {
              -webkit-transition: none;
              -o-transition: none;
              transition: none; } }
      .owl-carousel .owl-nav .owl-prev:hover small,
      .owl-carousel .owl-nav .owl-next:hover small {
        color: #ffffff; }
      .owl-carousel .owl-nav .owl-prev:hover span:before,
      .owl-carousel .owl-nav .owl-next:hover span:before {
        color: #ffffff; }
    .owl-carousel .owl-nav .owl-prev {
      left: 0.5%;
      top:50%!important;
      margin-left: -20px; }
    .owl-carousel .owl-nav .owl-next {
      right: 0.5%;
      top:50%!important;
      margin-right: -20px; }


.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.work-wrap .text, .work-wrap .img {
  width: 50%; }
  @media (max-width: 767.98px) {
    .work-wrap .text, .work-wrap .img {
      width: 100%; }

 }

.work-wrap .img {
  height: 600px; }

.work-wrap .text {
  background: #E7FBE6; }
  .work-wrap .text h2 {
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase; }
    @media (max-width: 991.98px) {
      .work-wrap .text h2 {
        font-size: 40px; } }


/*contact detail*/
#contact .footer-menu i{
    /*padding-right: 5px;*/
    font-weight: 400;
    font-size:14px ;
    color:#fff;
}

#contact .footer-menu a, .footer-menu p{
    color:#fff;
    font-weight: 400;
    font-size: 14px;

}

#contact .footer-menu ul li{
    font-weight: 400;
    font-size: 14px;
    color:#fff;
    margin-bottom: 15px;
}

#contact .footer-menu ul li a{
    font-weight: 400;
    font-size: 14px;
    color:#fff;
    margin-bottom: 15px;
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: start;
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 8%;
    border: none;
    background: transparent;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 2.8rem;
    height: 2.8rem;
    background-color: #198754;
    border: 10px solid #198754;
    border-radius: 3rem;
}

.display-2{
    color:#18191d;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.navbar{
	margin-top: 30px;
}

.navbar-top-default .navbar-nav .nav-link {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
	color: #0b2309;
    font-weight: 500;
    padding: 0.25rem 0 0;
    margin-right: 1.60rem;
    margin-left: 1.60rem;
    text-transform: capitalize;
}

.carousel-item {
    width: 100%;
    height: 100vh;
}

.carousel-item img {
    width: 100%;
    object-fit: cover;
}

.carousel-indicators{
	display: none;
}



@media (min-width: 1200px) {
    .display-2 {
        font-size: 3.5rem;
        font-weight: 600;
        line-height: 1.2;
    }
}


.bg-img-1{
    background: url(../images/bg3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-img-2{
    background: url(../images/bg4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-img-3{
    background: url(../images/bg1.jpeg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-img-4{
    background: url(../images/bg6.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* section vector design */
.elementor-shape-top {
    top: -1px;
    margin-top:-6rem;
}

.elementor-shape-top:not([data-negative=false]) svg {
    z-index: -1
}

.elementor-shape-bottom {
    bottom: -1px
}

.elementor-shape-bottom:not([data-negative=true]) svg {
    z-index: -1
}

.elementor-shape[data-negative=false].elementor-shape-bottom,.elementor-shape[data-negative=true].elementor-shape-top {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.elementor-shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.elementor-shape .elementor-shape-fill {
    fill: #b6d5b5;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}



.elementor-shape-top svg {
    width: calc(115% + 1.3px);
    height: 200px;
}

.elementor-element.elementor-element-edd0e6f {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 70px 0px 70px 0px;
}

.elementor-element.elementor-element-edd0e6f > .elementor-background-overlay {
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-element.elementor-element-edd0e6f > .elementor-shape-top .elementor-shape-fill {
    fill: #D8FFE1;
}

.elementor-element.elementor-element-edd0e6f > .elementor-shape-top svg {
    width: calc(115% + 1.3px);
    height: 200px;
}


/*** ipad ***/

@media (min-width: 1200px) {
    .carousel-item {
    width: 100%;
    height: auto!important;
    }

  

}


@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    
.carousel-item {
    width: 100%;
    height: auto!important;
}

#menu{
    display: none!important;
}

.menu-bars-setting {
       position: relative;
        right: 10px;
        display: block!important;
    }

    .header-with-topbar .full-nav, .header-with-topbar.style-two .full-nav {
        margin-top: 30px;
    }

 .display-2 {
    font-size: calc(1rem + 2.2vw);
    font-weight: 700;
    line-height: 1.5;
    margin-left: 2rem;
    width: 300px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 8%;
    border: none;
    background: transparent;
}

.carousel-btn{
    margin-left: 2rem;
}

.full-nav.fixed-menu, .header-with-topbar.style-two .full-nav.fixed-menu {
    margin-top: 0!important;
}

.logo-scrolled{
    height: 50px;
    margin-top: 0px;
}

}


/*** mobile ***/
@media (max-width: 768px) {


    
.carousel-item {
    width: 100%;
    height: auto!important;
}

    .display-2 {
    font-size: calc(1rem + 1.8vw);
    font-weight: 500;
    line-height: 1.5;
    margin-left: 1rem;
    width: 250px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%;
    border: none;
    background: transparent;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 2rem;
    height: 2rem;
    background-color: #198754;
    border: 10px solid #198754;
    border-radius: 2rem;
}

.carousel-btn{
    margin-left: 1rem;
}

.work-wrap .img {
  height: 450px;
  object-fit:contain; }

.heading-section {
   font-size: 35px;
   }

 .work-wrap .text h2 {
    font-size: 25px;
}

.h5, h5 {
    font-size: 0.9rem;
}

}