/********** General **********/
a {
   transition: all .3s ease-in-out !important;
}
body .overlay-header {
   background-color: rgba(0,0,0,0.4);
}
/********** General End **********/


/********** Header **********/
/* body .header_section {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   z-index: 99999;
   transition: all .3s ease-in-out;
}
body .header_section .logo-black {
   display: none;
}
body .header_section.sticky-active {
   background-color: #ffffff;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
body .header_section.sticky-active .logo-black {
   display: block;
}
body .header_section.sticky-active .logo-white {
   display: none;
}
body .custom_nav-container .navbar-nav {
   padding-top: 0;
}
body .header_section.sticky-active .custom_nav-container .navbar-nav .nav-item .nav-link {
   color: #0C0C0C;
} */
body #home {
   background-image: url(../img/banner.jpg);
   background-size: cover;
}
/********** Header End **********/


/********** About **********/
body .profile-img {
   border: 0;
   box-shadow: none;
   width: 100%;
   height: 100%;
   max-width: 376px;
}
body .pro-bar-container {
   margin-bottom: 0;
}
body .skill-progress-bar p {
   margin-top: 0;
}
body .skill-progress-bar {
   margin-top: 35px;
}
/********** About End **********/


/********** Services **********/
#services {
   display: inline;
   padding: 60px 0;
   float: left;
   width: 100%;
}
#services {
   background-color: #ba68c8;
}
body .card .card-image {
   display: flex;
}
body .experience-slider .card .card-content {
   padding: 20px 20px;
}
body .card .card-content .card-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   line-height: 25px;
}
body #services .material-icons {
   top: 5px;
   position: absolute;
   right: 5px;
}
body #services .card-reveal .material-icons {
   float: right !important;
}
body #services .reveal-title {
   font-weight: 500 !important;
}
body #services hr {
   background-color: #72727270;
   border: 0;
   height: 1px;
   width: 100%;
}
body #services .prev,
body #services .next {
   margin-top: 12%;
}
/********** Services End **********/


/********** Portfolio **********/
body #portfolio {
   padding-bottom: 0;
}
body .portfolio-top-inner h2 {
   color: #ba68c8;
}
body .portfolio-top {
   background-color: #ba68c800;
}
body .portfolio-bottom {
   padding-bottom: 100px;
   background-color: #ba68c8;
}
body #portfolio-list .mix a img {
   object-fit: cover;
   transition: all .3s ease-in-out;
}
body #portfolio-list .mix a:hover img {
   transform: scale(1.1);
}
body #portfolio-list .mix > a::before {
   display: none;
}
body .filter {
   margin-bottom: 10px;
   margin-right: 5px;
}
/********** Portfolio End **********/


/********** Testimonial **********/
.testimonial-img img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}
/********** Testimonial End **********/


/********** Contact page **********/
body .contact {
   margin-top: 1.424rem;
}
body .contact-info {
   display: flex;
   flex-direction: column;
   margin-bottom: 15px;
}
body .white-color {
   color: #ffffff;
}
/********** Contact page End **********/


/********** 1199px and below **********/
@media (max-width: 1199px) {
   /***** Services *****/
   body #services .prev,
   body #services .next {
      margin-top: 15%;
   }
   /***** Services End *****/
}
/********** 1199px and below End **********/


/********** 767px and below **********/
@media (max-width: 767px) {
   /***** Services *****/
   body #services .prev,
   body #services .next {
      margin-top: 26%;
   }
   /***** Services End *****/


   /***** Portfolio *****/
   #portfolio-list .mix {
      width: 49%;
   }
   /***** Portfolio End *****/
}
/********** 767px and below End **********/


/********** 576px and below **********/
@media (max-width: 576px) {
   /***** Services *****/
   body #services .prev,
   body #services .next {
      margin-top: 45%;
   }
   /***** Services End *****/


   /***** Portfolio *****/
   #portfolio-list .mix {
      width: 100%;
      margin-bottom: 15px;
   }
   /***** Portfolio End *****/
}
/********** 576px and below End **********/