/********** General **********/
a,
button,
.wrapper section.portfolio .portfolio-text,
.hexagon1 > *,
.wrapper section.our-blog .owl-nav i {
   transition: all .3s ease-in-out !important;
}
   /***** Purple Button *****/
   .wrapper section.our-blog .item .text h6 a {
      border: 1px solid #7c2dfe;
   }
   .wrapper section.our-blog .item .text h6 a:hover {
      background: #7c2dfe00 none repeat scroll 0 0;
      color: #7c2dfe;
   }
   .btn2 {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #853bfe;
      color: #853bfe;
      font-family: "Open Sans", sans-serif;
      font-size: 17px;
      font-weight: 400;
      padding: 12px 40px;
      text-decoration: none !important;
   }
   .btn2:hover {
      color: #fff;
      background: #853bfe;
   }
   /***** Purple Button End *****/


   /***** Pink Button *****/
   .wrapper section.contact-area .contact-form input[type="submit"] {
      border: 1px solid #e355fd;
      transition: all .3s ease-in-out !important;
   }
   .wrapper section.contact-area .contact-form input[type="submit"]:hover {
      background: #e455fd00;
      color: #e355fd;
   }
   /***** Pink Button End *****/


   /***** White Button End *****/
   .btn1 {
      color: #403e3e;
      font-size: 17px;
      font-weight: 600;
      font-family: "Open Sans", sans-serif;
      background-color: #fff;
      border: 1px solid #fff;
      padding: 20px 40px;
      width: fit-content;
      margin-top: 40px;
      transition: all .3s ease-in-out !important;
      text-decoration: none !important;
   }
   .btn1:hover {
      background-color: #403e3e;
      color: #fff;
   }
   /***** White Button End *****/

body .wrapper section {
   padding-top: 120px;
}
body .wrapper section > h2 {
   margin-top: 0 !important;
}
/********** General End **********/


/********** Header **********/
body .custom-header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   width: 100vw;
   margin: auto;
   z-index: 99999;
   transition: all .3s ease-in-out;
}
body .custom-header > div {
   max-width: 1440px;
   margin: auto;
   float: unset;
}
body .custom-header.sticky-active {
   background-color: #ffffff;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
body .custom-header.sticky-active .header-top .logo h2 a {
   color: #3b3b3b;
}
body .custom-header.sticky-active .header-top ul.nav.navbar-nav li a {
   color: #3b3b3b;
}
body .wrapper header.header .header-top > .row {
   padding: 30px 0;
   transition: all .3s ease-in-out !important;
}
body .wrapper header.header .custom-header.sticky-active .header-top > .row {
   padding: 10px 0;
}
body .wrapper header.header .header-top .logo {
   margin-top: 0;
}
body .wrapper header.header .header-top .logo h2 {
   margin-top: 0;
   margin-bottom: 0;
}
body .wrapper header.header .custom-header.sticky-active .header-top .logo h2 a {
   font-size: 40px;
}
body .wrapper header.header .header-top ul.nav.navbar-nav {
   margin-top: 0;
}
body .nav > li > a:hover,
body .nav > li > a:focus {
   background-color: #eee0;
}
/********** Header End **********/


/********** Banner End **********/
.wrapper header.header .header-carousal .item {
   display: flex;
   flex-direction: column;
   align-items: center;
}
/********** Banner End **********/

/********** About Us **********/
body .wrapper section .about-icon {
   margin: 0 auto 75px;
}
body .wrapper section.about-us .video {
   padding-right: 0;
}
body .wrapper section.about-us .video img {
   width: 100%;
   height: 100%;
}
/********** About Us End **********/


/********** Our Service **********/
body .wrapper section.service {
   padding-top: 0;
   margin-top: 120px;
}
body .wrapper section.service .text {
   margin-top: 75px;
}
body .service > .container > .row {
   display: flex;
   flex-wrap: wrap;
}
/********** Our Service End **********/


/********** Portfolio **********/
body .wrapper section.portfolio {
   padding-bottom: 120px;
}
body .wrapper section.portfolio .about-icon {
   margin: 0 auto 60px;
}
body .wrapper section.portfolio .portfolio-item:hover > img {
   object-fit: cover;
}
/********** Portfolio **********/


/********** Testimonial **********/
body .wrapper section.testimonial {
   padding-top: 0;
}
body .wrapper section.testimonial > img {
   top: 0;
}
/********** Testimonial **********/


/********** Our Team **********/
body .wrapper section.our-team {
   margin-bottom: 120px;
}
body .wrapper section.our-team .about-icon {
   margin: 0 auto 75px;
}
body .hexagon > img {
   object-fit: cover;
   width: 107%;
}
body .wrapper section.our-team .images img {
   height: 100%;
   width: 100%;
   object-fit: cover;
}
/********** Our Team **********/


/********** Partners **********/
body .owl-carousel .owl-stage {
   display: flex;
   align-items: center;
}
body .footer-icon img {
   max-width: 180px;
   max-height: 46px;
   object-fit: contain;
   filter: grayscale(100) brightness(100);
   opacity: 0.7;
}
/********** Partners **********/


/********** Footer **********/
body .wrapper footer.footer {
   height: auto;
   padding-bottom: 60px;
   text-align: center;
}
.footer > .container > .row {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   margin-top: 120px;
}
body .wrapper footer.footer .footer-logo p {
   margin-top: 0;
}
/********** Footer End **********/


/********** 991px and below **********/
@media (max-width: 991px) {
   /***** Header *****/
   /* body .navbar-collapse {
      background-color: #ffffff;
   }
   body .custom_nav-container .navbar-nav {
      padding-top: 15px;
   }
   body .custom-header .custom_nav-container .navbar-nav .nav-item .nav-link {
      color: #0C0C0C;
   }
   body .custom-header.sticky-active .custom_nav-container .navbar-toggler span,
   body .custom-header.sticky-active .custom_nav-container .navbar-toggler span::before,
   body .custom-header.sticky-active .custom_nav-container .navbar-toggler span::after {
      background-color: #0C0C0C;
   } */
   body .wrapper header.header {
      padding-top: 150px;
      padding-bottom: 150px;
      background-size: cover;
      height: auto;
   }
   body .wrapper header.header .header-top ul.nav.navbar-nav {
      float: unset;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0;
   }
   /***** Header End *****/
}
/********** 991px and below End **********/



/********** 767px and below **********/
@media (max-width: 767px) {
   /***** Header *****/
   body .wrapper header.header .header-top ul.nav.navbar-nav {
      margin-top: 10px;
   }
   body .wrapper header.header .header-top ul.nav.navbar-nav li a {
      font-size: 15px;
      padding: 4px;
   }
   /***** Header End *****/
}
/********** 767px and below End **********/