body {
  background-color: #121212;
}


@font-face {
	src: url('../font/Poppins.woff2') format('woff2');
	font-family: poppins;
}

@font-face {
	src: url('../font/gotham.woff2') format('woff2');
	font-family: gotham;
}


h1,
h2,
h3,
h4,
h5,
h6,
li,
span,
button {
	font-family: poppins;
  color: #ffffff;

}

p {
  font-family: gotham;
  color: #ffffff;
}

a {
  color: #ffffff;
}


.color-white {
color: #ffffff;
}

.bg-white {
  background-color: ffffff;
}

.first-bg-color {
  background-color:   #121212;

}

.second-bg-color {
    background-color:   #212121;
}


.menu-items {
  font-size: 20px;
  font-weight: 500;

}

.menu-items:hover {
  color: #ffffff;

}


.orange-color {
  color: #f77b1d;
}

.bg-orange {
  background-color: #f77b1d;
}


#site-navbar.scrolled {
  background-color: #121212;
}








.video-bg {
  position: relative;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}


.video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translateX(-50%) translateY(-50%);
  
}



.video-bg .mobile-video-view {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100vh;
  width: 150%;
  height: auto;
  z-index: 0;
  transform: translateX(-50%) translateY(-50%);
  
}











.video-bg .bg-video-container {
  position: relative;
  z-index: 2;
}


.video-bg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.6;
  z-index: 1;
}





.position {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;

}


.main-title {
  text-align: center;
  font-size: 60px;
  font-weight: bold;
}

.main-subtitle {
  text-align: center;
  font-size: 20px;
  color: #d0d1d2;
}

.creative-text {
  font-size: 25px;
  margin-bottom: 0;
}




.line1-color {
  color: #7673cd;
}


.line2-color {
  color:#a0c649;
}

.line3-color {
 color: #cb85e7;
}

.line4-color {
  color: #459f93;
}

.line5-color {
color:#55abfc;
}

.line6-color {
color: #f77b1d;
}

.line7-color {
  color: #e7555c;
}

.line8-color {
  color:#ffe54f;
}


.orange-button {
background-color: #f77b1d ;

}

.get-in-touch-button{
  color: white;
  padding: 5px 20px 5px 20px;
  border-radius: 5px;
  font-size: 18px;
}

.learn-more-button {
  color: white;
  padding: 5px 20px 5px 20px;
  border-radius: 5px;
  font-size: 18px;
}

.download-cv-button {
  color: white;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  font-size: 18px;
}






.orange-button:hover {
  background-color: transparent ;
  border: 2px solid #f77b1d !important;
}


.cv-image {
  border-radius:50%;
}





.orange-button,
.orange-button:hover,
.orange-button:active,
.orange-button:visited,
.orange-button:focus {
  border: 2px solid #f77b1d !important;
}


button.btn-close {
    
    background-color: #f77b1d !important ;
}








@media only screen and (min-width: 992px) {

  .mobile-video-view {
    display: none;
  }

   .minw-992-swiperslide-pt {
    padding-top: 100px;
  } 


}






@media only screen and (max-width: 991.5px) {
	 .first-bg-color-md {
		background-color: #121212;
	} 

  .navbar-space-md {
    padding-left: 10px;
    padding-right: 10px;
  }

  .order-mobile-01 {
    order: 1;
    padding-top:80px;
  }

  .order-mobile-02 {
    order: 2;
  }


  .desktop-video-view {
    display: none;
  }
  

  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    
  }
  
  
  .minw-992-swiperslide-pt {
    padding-top: 0 !important;
  } 


	
}






@media  (max-width: 500px) {
  .main-title {
    font-size: 40px;
  }

    .orange-button {
      font-size: 16px;
  }
  
  .main-subtitle {
      
          font-size: 16px;
  }
  
  .desktop-video-view {
    display: none;
  }
  

.minw-992-swiperslide-pt {
    padding-top: 0 !important;
  } 
    
    



}








/* swiper */

html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}


.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.portfolio-container {
position: relative;
text-align: center;
color: white;
}


.portfolio-text-position {
position: absolute;
bottom: 50px;
left: 20px;
}

.swiper-slide {
overflow: unset !important;
background-image:none !important;
box-shadow: none !important;


}


.swiper-slide .portfolio-container {
overflow: unset !important;


}

.swiper-viewport{
  background-color:transparent;
  }

  .swiper-slide{
    background: transparent;
  }

  .swiper-pagination-bullet-active {
    background-color: #f77b1d  !important;
}

.swiper-button-next, .swiper-button-prev {
    color: #f77b1d !important;
}





label {
  color:white;
}

a {
  text-decoration: none;
}

form {
  max-width: 700px;
}

.form-control:focus {
  border-color: #f77b1d;
  box-shadow: 0 0 0 .25rem rgb(247 123 29 / 42%);
}