/* Aplink App HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Banner Section / Section Two / Banner Three
6. Features Section
7. Discover Section
8. Counter Section
9. Business Section
10. Screenshots Section
11. Video Section / Section Two
12. Price Section
13. Testimonial Section
14. App Section
15. News Section / Section Two
16. Signup Section
17. Main Footer / Style Two / Style Three
18. Services Section / Section Two
19. Case Section
20. Faq's Section
21. Testimonials Thumbs Carousel
22. Call To Action Section
23. Team Section
24. About Section
25. Team Section
26. Pricing Section
27. Comming Soon Section
28. Services Detail
29. Our Projects
30. Projects Detail Section
31. Blog Widgets
32. Blog Detail
33. Error Section
34. Contact Form
35. Map Section

**********************************************/

@import url("https://fonts.googleapis.com/css?family=Hind+Siliguri:400,500,600,700|Montserrat:300,400,500,600,700,800,900&display=swap");

/*font-family: 'Montserrat', sans-serif;
font-family: 'Hind Siliguri', sans-serif;*/

@import url("font-awesome.css");
@import url("animate.css");
@import url("owl.css");
@import url("style.css");
@import url("swiper.css");
@import url("flaticon.css");
@import url("custom-animate.css");
@import url("jquery-ui.css");
@import url("animation.css");
@import url("jquery.fancybox.min.css");
@import url("jquery.mCustomScrollbar.min.css");

@font-face {
  font-family: "bdoonCode-SemiBold";
  src: url(fonts/SemiBold.woff2);
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/*** 

====================================================================
	Reset
====================================================================

***/

* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
  font-family: "Hind Siliguri", sans-serif;
  font-size: 14px;
  color: #777777;
  line-height: 1.7em;
  font-weight: 400;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
  padding: 0px 50px 0px;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #ff8eaf;
}

button,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
  outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-weight: normal;
  margin: 0px;
  background: none;
  line-height: 1.6em;
  font-family: "Montserrat", sans-serif;
}

/* Typography */

h1 {
  font-size: 60px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

input,
button,
select,
textarea {
}

textarea {
}

p {
  position: relative;
  line-height: 1.8em;
}

.auto-container {
  position: static;
  max-width: 1200px;
  padding: 0px 15px;
  margin: 0 auto;
}

.medium-container {
  max-width: 850px;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

img {
  display: inline-block;
  max-width: 100%;
}

.theme-btn {
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.centered {
  text-align: center;
}

/*Btn Style One*/

.btn-style-one {
  position: relative;
  font-size: 16px;
  line-height: 27px;
  color: #000000;
  font-weight: 600;
  overflow: hidden;
  padding: 12px 35px;
  border-radius: 0px 0px 20px 0px;
  letter-spacing: 0.05em;
  transition: all 300ms linear;
  background-color: #ffffff;
  font-family: "Montserrat", sans-serif;
}

.btn-style-one:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #000000;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(
    0.86,
    0,
    0.07,
    1
  ); /* easeInOutQuint */
}

.btn-style-one:hover::before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}

.btn-style-one .txt {
  position: relative;
  z-index: 1;
}

.btn-style-one:hover {
  color: #67c7bd;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.testimonials-thumbs-carousel .btn-style-one {
  position: absolute;
  display: inline-block;
  margin: 0px 0px 0px 45px;
  left: 0px;
  top: auto;
  bottom: 0px;
  font-size: 16px;
  line-height: 27px;
  color: #000000;
  text-align: center;
  font-weight: 600;
  overflow: hidden;
  padding: 12px 35px;
  border-radius: 0px 20px 0px 0px;
  letter-spacing: 0px;
  transition: all 300ms ease-in-out;
  background-color: #ffffff;
  font-family: "Montserrat", sans-serif;
}
.testimonials-thumbs-carousel .btn-style-one:hover {
  color: #67c7bd;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Btn Style Two */

.btn-style-two {
  position: relative;
  font-size: 16px;
  line-height: 27px;
  color: #ffffff;
  font-weight: 600;
  overflow: hidden;
  padding: 15px 35px;
  border-radius: 0px 0px 20px 0px;
  letter-spacing: 0.05em;
  transition: all 300ms linear;
  background-color: #000000;
  font-family: "Montserrat", sans-serif;
}

.btn-style-two:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: #f48cb3;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  transform-origin: top right;
  -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(
    0.86,
    0,
    0.07,
    1
  ); /* easeInOutQuint */
}

.btn-style-two:hover::before {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
}

.btn-style-two .txt {
  position: relative;
  z-index: 1;
}

.btn-style-two:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Btn Style Three */

.btn-style-three {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 15px 38px 15px;
  font-weight: 500;
  overflow: hidden;
  letter-spacing: 1px;
  text-transform: capitalize;
  border-radius: 0px 0px 30px 0px;
  background-image: -ms-linear-gradient(left, #f48cb3 0%, #67c7bd 100%);
  background-image: -moz-linear-gradient(left, #f48cb3 0%, #67c7bd 100%);
  background-image: -o-linear-gradient(left, #f48cb3 0%, #67c7bd 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #f48cb3),
    color-stop(100, #67c7bd)
  );
  background-image: -webkit-linear-gradient(left, #f48cb3 0%, #67c7bd 100%);
  background-image: linear-gradient(to right, #f48cb3 0%, #67c7bd 100%);
}

.btn-style-three .txt {
  position: relative;
  z-index: 1;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.btn-style-three:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
  background-image: -ms-linear-gradient(left, #67c7bd 0%, #f48cb3 100%);
  background-image: -moz-linear-gradient(left, #67c7bd 0%, #f48cb3 100%);
  background-image: -o-linear-gradient(left, #67c7bd 0%, #f48cb3 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #67c7bd),
    color-stop(100, #f48cb3)
  );
  background-image: -webkit-linear-gradient(left, #67c7bd 0%, #f48cb3 100%);
  background-image: linear-gradient(to right, #67c7bd 0%, #f48cb3 100%);
}

.btn-style-three:hover::before {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}

.btn-style-three:hover {
  color: #ffffff;
}

/* Btn Style Four */

.btn-style-four {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #f48cb3;
  padding: 15px 38px 15px;
  font-weight: 500;
  overflow: hidden;
  letter-spacing: 1px;
  text-transform: capitalize;
  border-radius: 0px 0px 30px 0px;
  border: 1px solid #cccccc;
}

.btn-style-four .txt {
  position: relative;
  z-index: 1;
}

.btn-style-four:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
  background-image: -ms-linear-gradient(left, #9353fa 0%, #3b116e 100%);
  background-image: -moz-linear-gradient(left, #9353fa 0%, #3b116e 100%);
  background-image: -o-linear-gradient(left, #9353fa 0%, #3b116e 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #9353fa),
    color-stop(100, #3b116e)
  );
  background-image: -webkit-linear-gradient(left, #9353fa 0%, #3b116e 100%);
  background-image: linear-gradient(to right, #9353fa 0%, #3b116e 100%);
}

.btn-style-four:hover::before {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}

.btn-style-four:hover {
  color: #ffffff;
}

/* Btn Style Five */

.btn-style-five {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  padding: 15px 38px 15px;
  font-weight: 500;
  overflow: hidden;
  letter-spacing: 1px;
  text-transform: capitalize;
  border-radius: 0px 0px 30px 0px;
  background-image: -ms-linear-gradient(top, #0661f5 0%, #5002b5 100%);
  background-image: -moz-linear-gradient(top, #0661f5 0%, #5002b5 100%);
  background-image: -o-linear-gradient(top, #0661f5 0%, #5002b5 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #0661f5),
    color-stop(100, #5002b5)
  );
  background-image: -webkit-linear-gradient(top, #0661f5 0%, #5002b5 100%);
  background-image: linear-gradient(to bottom, #0661f5 0%, #5002b5 100%);
}

.btn-style-five .txt {
  position: relative;
  z-index: 1;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.btn-style-five:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
  background-image: -ms-linear-gradient(top, #5002b5 0%, #0661f5 100%);
  background-image: -moz-linear-gradient(top, #5002b5 0%, #0661f5 100%);
  background-image: -o-linear-gradient(top, #5002b5 0%, #0661f5 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #5002b5),
    color-stop(100, #0661f5)
  );
  background-image: -webkit-linear-gradient(top, #5002b5 0%, #0661f5 100%);
  background-image: linear-gradient(to bottom, #5002b5 0%, #0661f5 100%);
}

.btn-style-five:hover::before {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}

.btn-style-five:hover {
  color: #ffffff;
}

/* Btn Style Six */

.btn-style-six {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  color: #222222;
  padding: 15px 38px 15px;
  font-weight: 500;
  overflow: hidden;
  letter-spacing: 1px;
  text-transform: capitalize;
  border-radius: 0px 0px 30px 0px;
  border: 1px solid #f48cb3;
}

.btn-style-six .txt {
  position: relative;
  z-index: 1;
}

.btn-style-six:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(1, 0.5);
  transform: scale(1, 0.5);
  background-color: #f48cb3;
}

.btn-style-six:hover::before {
  opacity: 1;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}

.btn-style-six:hover {
  color: #ffffff;
}

/*Social Icon One*/

.social-icon-one {
  position: relative;
}

.social-icon-one li {
  position: relative;
  margin-right: 7px;
  color: #222222;
  font-size: 18px;
  float: left;
}

.social-icon-one li.facebook a:hover {
  background-color: #16599b;
  color: #ffffff;
}

.social-icon-one li.twitter a {
  color: #03a9f4;
}

.social-icon-one li.twitter:hover a {
  background-color: #03a9f4;
  color: #ffffff;
}

.social-icon-one li.dribbble a {
  color: #ea4c89;
}

.social-icon-one li.dribbble a:hover {
  color: #ffffff;
  background-color: #ea4c89;
}

.social-icon-one li.behance a {
  color: #0067ff;
}

.social-icon-one li.behance a:hover {
  color: #ffffff;
  background-color: #0067ff;
}

.social-icon-one li a {
  position: relative;
  font-size: 14px;
  color: #67c7bd;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: 400;
  border-radius: 50px;
  display: inline-block;
  background-color: #ffffff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.social-icon-one li a:hover {
}

.theme_color {
  color: #ff8eaf;
}

.preloader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../images/icons/preloader.svg);
  background-size: 110px;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 45px;
  height: 45px;
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 45px;
  text-align: center;
  z-index: 100;
  cursor: pointer;
  background: #0a0a0a;
  display: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  color: #ffffff;
  background: #67c7bd;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.sec-title .title {
  position: relative;
  color: #67c7bd;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.sec-title h2 {
  position: relative;
  color: #000000;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 18px;
}

.sec-title .text {
  position: relative;
  font-size: 16px;
  line-height: 1.7em;
  color: #777777;
  margin-top: 25px;
}

.sec-title .separate {
  position: relative;
  width: 98px;
  height: 18px;
  background: url(../images/icons/separate.png) no-repeat;
}

.sec-title.centered .separate {
  margin: 0 auto;
}

.sec-title.centered {
  text-align: center !important;
}

.sec-title.light .title {
  color: #ffffff;
}

.sec-title.light h2 {
  color: #ffffff;
}

.sec-title.light .text {
  color: #ffffff;
}

/* List Style One */

.list-style-one {
  position: relative;
}

.list-style-one li {
  position: relative;
  color: #777777;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 18px;
  padding-left: 38px;
  font-weight: 600;
}

.list-style-one li:last-child {
  margin-bottom: 0px;
}

.list-style-one li:before {
  position: absolute;
  content: "\f1bd";
  left: 0px;
  top: 0px;
  color: #1800fd;
  font-weight: 700;
  font-family: "Flaticon";
}

/* List Style Two */

.list-style-two {
  position: relative;
}

.list-style-two li {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 18px;
  padding-left: 38px;
}

.list-style-two li:last-child {
  margin-bottom: 0px;
}

.list-style-two li .icon {
  position: absolute;
  left: 0px;
  top: 2px;
  font-size: 20px;
  color: #f48cb3;
  font-weight: 400;
}

/* List Style Three */

.list-style-three {
  position: relative;
  margin-bottom: 22px;
}

.list-style-three li {
  position: relative;
  color: #777777;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  padding-left: 30px;
}

.list-style-three li:last-child {
  margin-bottom: 0px;
}

.list-style-three li:before {
  position: absolute;
  content: "\f00c";
  left: 0px;
  top: 0px;
  color: #777777;
  font-weight: 400;
  font-family: "FontAwesome";
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
  position: absolute;
  z-index: 99;
  width: 100%;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}
.main-header .logo2 {
  display: none;
}

.header-top {
  position: relative;
  padding: 20px 0px;
}

.header-top .top-right {
  position: relative;
  float: right;
}

.header-top .top-right .social-box {
  position: relative;
}
.header-top .top-right .social-box a {
  position: relative;
  margin-left: 18px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-top .top-right .social-box a:hover {
  color: #67c7bd;
}
.header-top .top-right .social-box a.fa-x-twitter{
  position: relative;
  margin-left: 18px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.header-top .top-right .social-box a.fa-x-twitter:hover {
  color: #67c7bd;
}

.main-header.header-style-one {
  padding-top: 15px;
}

.main-header .main-box {
  position: relative;
  padding: 0px 0px;
  left: 0px;
  top: 0px;
  width: 100%;
  background: none;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .main-box .outer-container {
  position: relative;
  padding: 0px 40px;
}

.main-header .main-box .logo-box {
  position: relative;
  float: left;
  left: 0px;
  z-index: 10;
  padding: 30px 0px;
}

.main-header .main-box .logo-box .logo img {
  display: inline-block;
  max-width: 100%;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-header .header-upper {
  position: relative;
  z-index: 1;
}

.main-header .header-upper .outer-box {
  position: relative;
  float: right;
  padding-top: 28px;
  padding-left: 0px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-upper .outer-box .search-box-outer {
  width: 40px;
  height: 40px;
  color: #7232d2;
  cursor: pointer;
  float: left;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  border: 1px solid #7232d2;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-upper .outer-box .search-box-outer:hover {
  color: #ff70e0;
  border-color: #ff70e0;
}

.main-header .header-upper .outer-box .grid-box {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  margin-left: 20px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-image: -ms-linear-gradient(left, #67c7bd 0%, #f48cb3 100%);
  background-image: -moz-linear-gradient(left, #67c7bd 0%, #f48cb3 100%);
  background-image: -o-linear-gradient(left, #67c7bd 0%, #f48cb3 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #67c7bd),
    color-stop(100, #f48cb3)
  );
  background-image: -webkit-linear-gradient(left, #67c7bd 0%, #f48cb3 100%);
  background-image: linear-gradient(to right, #67c7bd 0%, #f48cb3 100%);
}

.main-header .header-upper .outer-box .grid-box a {
  position: relative;
  color: #ffffff;
  font-size: 24px;
}

.main-header .header-upper .outer-box .grid-box:hover {
  background-image: -ms-linear-gradient(left, #f48cb3 0%, #67c7bd 100%);
  background-image: -moz-linear-gradient(left, #f48cb3 0%, #67c7bd 100%);
  background-image: -o-linear-gradient(left, #f48cb3 0%, #67c7bd 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #f48cb3),
    color-stop(100, #67c7bd)
  );
  background-image: -webkit-linear-gradient(left, #f48cb3 0%, #67c7bd 100%);
  background-image: linear-gradient(to right, #f48cb3 0%, #67c7bd 100%);
}

#arbic-title {
  font-family: "bdoonCode-SemiBold";
}
/*Sticky Header*/

.sticky-header {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 100%;
  padding: 0px 0px;
  background: #222222;
  z-index: 0;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.sticky-header .logo {
  padding: 8px 0px 8px;
}
.fixed-header .logo1 {
  display: none;
}
.fixed-header .logo2 {
  display: inline-block;
}
.fixed-header .sticky-header {
  z-index: 999;
  opacity: 1;
  visibility: visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.sticky-header .main-menu .navigation > li > a {
  padding: 19px 0px !important;
  color: #ffffff !important;
}

.main-header .nav-outer {
  position: static;
  float: right;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box {
  position: relative;
  padding: 25px 0px 25px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-header .header-upper .logo-box .logo {
  position: relative;
}

.main-header .header-lower {
  position: relative;
  background-color: rgba(0, 0, 0, 0.55);
}

.main-menu {
  position: static;
  float: left;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse {
  padding: 0px;
  float: left;
  display: block !important;
}

.main-menu .navigation {
  position: static;
  margin: 0px;
}

.main-menu .navigation > li {
  position: relative;
  float: left;
  margin-right: 30px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li:last-child {
  margin-right: 0px;
}

.main-menu .navigation > li > a {
  position: relative;
  display: block;
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  text-transform: capitalize;
  letter-spacing: 0px;
  opacity: 1;
  font-weight: 400;
  padding: 39px 0px;
  font-size: 15px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  font-family: "Montserrat", sans-serif;
}

.main-menu .navigation > li.dropdown > a {
  padding-right: 15px !important;
}

/* .main-menu .navigation > li.dropdown > a:before{
	position:absolute;
	content: "\f149";
	right:0px;
	font-family: 'FontAwesome';
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
} */

/* .main-menu .navigation > li.current > a:before {
  display: inline;
  padding-top: 10px;
  margin-right: 5px;
   position: absolute; 
  content: "\f104";
  left: 10px;
  color: #67c7bd;
  font-size: 20px;
  font-family: "FontAwesome";
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
} */
/* changes to headers */

.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 100%;
  width: 230px;
  z-index: 100;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 0px 0px;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation > li > ul:before {
  position: absolute;
  content: "";
  left: 0px;
  top: -30px;
  width: 100%;
  height: 30px;
  display: block;
}

.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f4f2f2;
}

.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 12px 18px;
  line-height: 24px;
  font-weight: 400;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a {
  color: #ffffff;
  padding-left: 30px;
  background: #ff8eaf;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 15px;
  top: 14px;
  width: 10px;
  height: 20px;
  display: block;
  color: #ffffff;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
  color: #ffffff;
}

.main-menu .navigation > li > ul > li > ul {
  position: absolute;
  left: 100%;
  top: 100%;
  width: 230px;
  z-index: 100;
  display: none;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  padding: 0px 0px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05),
    -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right {
  left: auto;
  right: 0px;
}

.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f4f2f2;
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 12px 18px;
  line-height: 24px;
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
  color: #222222;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a {
  color: #ffffff;
  padding-left: 30px;
  background: #ff8eaf;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
  font-family: "FontAwesome";
  content: "\f105";
  position: absolute;
  right: 10px;
  top: 11px;
  width: 10px;
  height: 20px;
  display: block;
  color: #272727;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
  color: #ffffff;
}

.main-menu .navigation > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  border-top: 0px !important;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
  -moz-transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #ffffff;
  line-height: 28px;
  border: 1px solid #ffffff;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
}

.main-header.fixed-header {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 99;
  width: 100%;
  padding: 0px;
  background-color: #021516;
}

.main-header.fixed-header .header-upper .logo-box {
  padding: 10px 0px;
}

.main-header.fixed-header .nav-outer {
  padding-top: 0px;
}

.main-header.fixed-header .main-menu .navigation > li > a {
  padding: 15px 0px;
}

.main-header.fixed-header .header-upper .outer-box {
  padding-top: 15px;
}

.header-style-two .main-menu .navigation > li {
  padding: 34px 0px;
  margin-right: 10px;
}

.header-style-two.fixed-header .main-menu .navigation > li {
  padding: 22px 0px;
}

.header-style-two .main-menu .navigation > li > a {
  padding: 5px 28px 5px 15px !important;
  border-radius: 50px;
}

.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li:hover > a {
  background-color: #67c7bd;
}

.header-style-two .main-menu .navigation > li.dropdown > a:before {
  right: 11px;
}

.header-style-three .header-upper .logo-box {
  padding: 23px 0px 22px;
}

.header-style-three .header-upper .inner-container {
  padding: 0px 35px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
}

.header-style-three .main-menu .navigation > li > a {
  color: #777777;
  padding: 35px 0px;
}

.header-style-three .main-menu .navigation > li.dropdown > a:before {
  content: "\f107";
}

.header-style-three.fixed-header {
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
}

.header-style-three.fixed-header .inner-container {
  box-shadow: inherit;
  padding: 0px;
}

.header-style-three.fixed-header .header-upper .outer-box {
  padding-top: 10px;
}

.header-style-three.fixed-header {
  position: relative;
}

.header-style-three.fixed-header .header-upper {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section {
  position: relative;
  overflow: hidden;
  padding-top: 190px;
  padding-bottom: 140px;
  background-image: -ms-linear-gradient(left, #8b4d64 0%, #5cc0b8 100%);
  background-image: -moz-linear-gradient(left, #8b4d64 0%, #5cc0b8 100%);
  background-image: -o-linear-gradient(
    left,
    rgba(68, 59, 37, 0.6) #8b4d64 0%,
    #5cc0b8 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #8b4d64),
    color-stop(100, #5cc0b8)
  );
  background-image: -webkit-linear-gradient(left, #8b4d64 0%, #5cc0b8 100%);
  background-image: linear-gradient(to right, #8b4d64 0%, #5cc0b8 100%);
}

.banner-section .big-text {
  position: absolute;
  left: -5px;
  top: -20px;
  font-size: 360px;
  font-weight: 700;
  line-height: 1em;
  opacity: 0.1;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 1);
  text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000,
    1px 1px 0 #000000;
  font-family: "Hind Siliguri", sans-serif;
}

.banner-section:before {
  position: absolute;
  content: "";
  right: 0px;
  bottom: 0px;
  border-bottom: 140px solid #ffffff;
  border-right: 2500px solid transparent;
}

.banner-section .patern-layer-one {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background-position: left center;
  background-repeat: no-repeat;
}

.banner-section .content-column {
  position: relative;
  z-index: 3;
}

.banner-section .content-column .inner-column {
  position: relative;
  padding-top: 70px;
  padding-left: 0px;
  padding-bottom: 0px;
}

.banner-section .content-column .title {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.8em;
  margin-bottom: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

.banner-section .content-column h1 {
  position: relative;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2em;
  margin-bottom: 20px;
}

.banner-section .content-column .text {
  position: relative;
  color: #ffffff;
  font-size: 17px;
  line-height: 1.9em;
  margin-bottom: 40px;
  font-weight: 400;
}

.banner-section .content-column .theme-btn {
  padding: 17px 35px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
}

.banner-section .carousel-column {
  position: relative;
}

.banner-section .carousel-column .inner-column {
  position: relative;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #ffffff;
  display: none;
}

.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right: 30px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .nav-logo {
  position: relative;
  padding: 20px 20px;
  text-align: left;
}

.mobile-menu .nav-logo img {
  max-width: 200px;
}

.mobile-menu-visible {
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #ffffff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.7s ease 500ms;
  -moz-transition: all 0.7s ease 500ms;
  -ms-transition: all 0.7s ease 500ms;
  -o-transition: all 0.7s ease 500ms;
  transition: all 0.7s ease 500ms;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn {
  position: absolute;
  right: 3px;
  top: 3px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  font-size: 14px;
  color: #202020;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}

.mobile-menu .close-btn:hover {
  opacity: 0.5;
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > ul > li:last-child {
  border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 15px;
  color: #404040;
  text-transform: capitalize;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a {
  color: #67c7bd;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 16px;
  line-height: 44px;
  color: #404040;
  cursor: pointer;
  z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}

.sticky-header .navbar-header {
  display: none;
}

/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section {
  position: relative;
  padding-top: 100px;
}

.featured-section.style-two {
  padding-bottom: 110px;
}

.featured-section .sec-title {
  margin-bottom: 120px;
}

.featured-block {
  position: relative;
  margin-bottom: 30px;
}

.featured-block .inner-box {
  position: relative;
  display: block;
  border-radius: 10px;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.featured-block .inner-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0px;
  z-index: -1;
  border-radius: 10px;
  background: #ffffff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.featured-block .inner-box:hover:before {
  bottom: -60px;
}

.featured-block .inner-box .icon-box {
  position: absolute;
  left: 20px;
  top: -70px;
  width: 165px;
  height: 144px;
  color: #fe5681;
  font-size: 58px;
  display: inline-block;
  background: url(../images/icons/feature-icon.png) no-repeat;
}

.featured-block:nth-child(2) .inner-box .icon-box {
  color: #67c7bd;
}

.featured-block:nth-child(3) .inner-box .icon-box {
  color: #50d223;
}

.featured-block .inner-box .icon-box .icon:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  display: inline-block;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
  background: url(../images/icons/feature-icon-1.png) no-repeat;
}

.featured-block .inner-box:hover .icon-box .icon:after {
  transform: rotateZ(40deg);
}

.featured-block .inner-box .icon-box .icon {
  position: relative;
  width: 165px;
  height: 144px;
  text-align: center;
  line-height: 130px;
  display: inline-block;
}

.featured-block .image-box,
.featured-block .image,
.featured-block .image img {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
}

.featured-block .lower-box {
  position: relative;
  padding: 80px 35px 40px;
}

.featured-block .lower-box h4 {
  position: relative;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 14px;
  color: #000000;
}

.featured-block .lower-box h4 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.featured-block .lower-box h4 a:hover,
.featured-block .meta-info a:hover {
  color: #67c7bd;
}

.featured-block .lower-box .text {
  position: relative;
  color: #777777;
  font-size: 15px;
  line-height: 1.8em;
}

.featured-block .link-box {
  position: absolute;
  bottom: 25px;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.featured-block .inner-box:hover .link-box {
  opacity: 1;
  bottom: 15px;
  visibility: visible;
  transition: all 0.3s ease 300ms;
}

/*** 

====================================================================
	Discover Section
====================================================================

***/

.discover-section {
  position: relative;
  padding-top: 120px;
}

.discover-section .content-column {
  position: relative;
  margin-bottom: 40px;
}

.discover-section .content-column .inner-column {
  position: relative;
  padding-top: 170px;
}

.discover-section .image-column {
  position: relative;
  margin-bottom: 40px;
}

.discover-section .image-column .inner-column {
  position: relative;
}

.discover-section .image-column .inner-column .patern-layer-one {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 720px;
  height: 660px;
}

.discover-section .image-column .image {
  position: relative;
}

.discover-section .image-column .image.image-one {
  position: absolute;
  left: 90px !important;
  top: 30px !important;
}

.discover-section .image-column .image.image-two {
  position: absolute;
  left: 140px !important;
  top: 215px !important;
  z-index: 1;
}

.discover-section .image-column .image.image-three {
  position: absolute;
  right: 0px !important;
  top: 130px !important;
  left: auto !important;
}

.discover-section .image-column .image.image-four {
  position: absolute;
  left: 190px !important;
  top: 130px !important;
}

.discover-section .image-column .image.image-five {
  position: absolute;
  left: 50px !important;
  top: 235px !important;
}

/*** 

====================================================================
	Counter Section
====================================================================

***/

.counter-section {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}

/*fact counter*/

.fact-counter {
  position: relative;
}

.fact-counter .column {
  position: relative;
  margin-bottom: 30px;
}

.fact-counter .column .inner {
  position: relative;
  padding: 30px 30px;
}

.fact-counter .column .inner:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  background-color: #ffffff;
  border-radius: 30px 0px 30px 0px;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);
}

.fact-counter .column .inner:hover::before {
  border-radius: 0px 30px 0px 30px;
}

.fact-counter .column .inner .content {
  position: relative;
  padding-left: 90px;
}

.fact-counter .column .inner .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #4a2ca6;
  font-size: 60px;
  text-align: center;
  line-height: 1em;
  font-weight: 400;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.fact-counter .count-outer .percentage {
  position: relative;
  font-weight: 700;
  color: #222222;
  font-size: 36px;
  line-height: 1em;
  font-family: "Hind Siliguri", sans-serif;
}

.fact-counter .column .inner .count-outer {
  position: relative;
  font-weight: 700;
  color: #222222;
  font-size: 36px;
  line-height: 1em;
}

.fact-counter .column .inner .counter-title {
  position: relative;
  color: #777777;
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
}

/*** 

====================================================================
	Business Section
====================================================================

***/

.business-section {
  position: relative;
}

.business-section .image-column {
  position: relative;
}

.business-section .image-column .inner-column {
  position: relative;
  padding-right: 40px;
}

.business-section .image-column .image {
  position: relative;
  margin-left: -150px;
}

.business-section .content-column {
  position: relative;
}

.business-section .content-column .inner-column {
  position: relative;
}

.business-section .content-column .sec-title {
  margin-bottom: 30px;
}

.business-section .content-column .business-list {
  position: relative;
  margin-bottom: 45px;
}

.business-section .content-column .business-list li {
  position: relative;
  color: #777777;
  font-size: 15px;
  line-height: 1.8em;
  margin-bottom: 25px;
}

.business-section .content-column .business-list li strong {
  position: relative;
  color: #000000;
  font-size: 24px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  padding-left: 22px;
  font-family: "Montserrat", sans-serif;
}

.business-section .content-column .business-list li strong:before {
  position: absolute;
  content: "\f101";
  left: 0px;
  top: 2px;
  color: #df48b5;
  font-size: 20px;
  line-height: 1em;
  font-weight: 400;
  font-family: "FontAwesome";
}

.business-section .content-column .business-list li:last-child {
  margin-bottom: 0px;
}

/*** 

====================================================================
	Screenshots Section
====================================================================

***/

.screenshots-section {
  position: relative;
  padding-top: 90px;
  padding-bottom: 100px;
}

.screenshots-section .sec-title {
  margin-bottom: 25px;
}

.swiper-wrapper {
  height: 630px;
  width: 320px;
}

.row.appScreenshotCarousel-container.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
  position: relative;
}

.swiper-slide.swiper-slide-active {
  border-radius: 35px;
}

.screen-mobile-image {
  background-image: url(../images/resource/mobile-1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 645px;
  left: calc(50% + 0.5px);
  position: absolute;
  top: 24px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 301px;
  z-index: 2;

  border-radius: 40px;
}

.swiper-slide.swiper-slide-active {
  background-size: 100% 100%;
}

.swiper-wrapper {
  padding: 30px 0 40px;
}

.swiper-slide.swiper-slide-next {
  -webkit-box-shadow: 30px 0px 20px rgba(0, 0, 0, 0.18);
  box-shadow: 30px 0px 20px rgba(0, 0, 0, 0.18);
}

.swiper-slide.swiper-slide-prev {
  -webkit-box-shadow: -30px 0px 20px rgba(0, 0, 0, 0.18);
  box-shadow: -30px 0px 20px rgba(0, 0, 0, 0.18);
}

.screenshots-section .banner-navigation {
  position: relative;
  text-align: center;
  margin-top: 0px;
}

.screenshots-section .banner-navigation .swiper-button-next,
.screenshots-section .banner-navigation .swiper-button-prev {
  position: relative;
  font-size: 16px;
  color: #373a5b;
  width: 50px;
  height: 50px;
  line-height: 55px;
  text-align: center;
  font-weight: 700;
  background-image: none;
  display: inline-block;
  margin: 0px 15px 0px 15px;
  background-color: #e7ecf2;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.screenshots-section .banner-navigation .swiper-button-prev:hover,
.screenshots-section .banner-navigation .swiper-button-next:hover {
  color: #ffffff;
  background-color: #ec49b2;
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section {
  position: relative;
  padding: 110px 0px 110px;
  background-repeat: repeat-x;
}

.video-section .image-layer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 70%;
  height: 100%;
  overflow: hidden;
  border-radius: 0px 0px 60px 0px;
  background-size: cover;
  background-attachment: fixed;
}

.video-section .image-layer:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.8;
  background-image: -ms-linear-gradient(left, #ff8eaf 0%, #0235eb 100%);
  background-image: -moz-linear-gradient(left, #ff8eaf 0%, #0235eb 100%);
  background-image: -o-linear-gradient(left, #ff8eaf 0%, #0235eb 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #ff8eaf),
    color-stop(100, #0235eb)
  );
  background-image: -webkit-linear-gradient(left, #ff8eaf 0%, #0235eb 100%);
  background-image: linear-gradient(to right, #ff8eaf 0%, #0235eb 100%);
}

.video-section .content-column {
  position: relative;
}

.video-section .content-column .inner-column {
  position: relative;
}

.video-section .content-column .play-box {
  position: relative;
}

.video-section .content-column .play-box .begin {
  position: relative;
  float: left;
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  margin-top: 35px;
  margin-left: 60px;
  text-transform: uppercase;
}

.video-section .content-column h2 {
  position: relative;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5em;
}

.video-section .content-column .text {
  position: relative;
  color: #ffffff;
  font-size: 18px;
  max-width: 560px;
  line-height: 1.6em;
  margin-top: 20px;
  margin-bottom: 60px;
}

.video-section .content-column .video-box {
  position: relative;
  width: 86px;
  float: left;
  height: 86px;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
  border-radius: 50px;
  line-height: 86px;
  display: inline-block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 0.4);
}

.video-box .overlay-box span {
  position: absolute;
  width: 86px;
  height: 86px;
  left: 50%;
  top: 50%;
  z-index: 99;
  color: #ffffff;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  border-radius: 50%;
  padding-left: 4px;
  background-color: #ffffff;
  display: inline-block;
  margin-top: -43px;
  margin-left: -43px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 86px;
  width: 86px;
  margin-left: 0.5px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.video-box .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.video-box .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@-webkit-keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.video-section .clients-column {
  position: relative;
}

.video-section .clients-column .inner-column {
  position: relative;
  padding: 35px 35px 0px;
  border-radius: 15px;
  background-color: #ffffff;
}

.video-section .clients-column .column {
  margin-bottom: 40px;
}

.video-section .clients-column .column a {
  display: block;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.video-section .clients-column .column a:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/*** 

====================================================================
	Price Section
====================================================================

***/

.price-section {
  position: relative;
  padding: 180px 0px 110px;
}

.price-section .title-column {
  position: relative;
}

.price-section .title-column .inner-column {
  position: relative;
  padding-top: 120px;
}

.price-section .price-column {
  position: relative;
}

.price-section .price-column .inner-column {
  position: relative;
}

.price-section .price-column .pattern-layer {
  position: absolute;
  left: 80px;
  top: -60px;
  right: -80px;
  bottom: 0px;
  width: 724px;
  height: 796px;
}

/* Pricing Tabs */

.pricing-tabs {
  position: relative;
}

.pricing-tabs .tab-buttons {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  z-index: 1;
  display: inline-block;
  border: 2px solid #67c7bd;
}

.pricing-tabs .tab-buttons .tab-btn {
  position: relative;
  color: #67c7bd;
  font-size: 16px;
  font-weight: 600;
  float: left;
  cursor: pointer;
  padding: 14px 37px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: "Montserrat", sans-serif;
}

.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn {
  color: #ffffff;
  background-color: #67c7bd;
}

.pricing-tabs .tabs-content .tab {
  position: relative;
  display: none;
  z-index: 1;
}

/* Price Block */

.price-block {
  position: relative;
  z-index: 10;
  margin-bottom: 30px;
}

.price-block .inner-box {
  position: relative;
  text-align: center;
  overflow: hidden;
  background-color: #ffffff;
  padding: 40px 15px 40px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.price-block .inner-box:hover {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.price-block .inner-box .line-one {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.price-block .inner-box .line-one:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 0px;
  height: 1px;
  background-color: #67c7bd;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.price-block .inner-box:hover .line-one:before {
  width: 100%;
}

.price-block .inner-box .line-one:after {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  width: 1px;
  height: 0%;
  background-color: #67c7bd;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.price-block .inner-box:hover .line-one:after {
  height: 100%;
  -webkit-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  transition-delay: 600ms;
}

/* Line Two */

.price-block .inner-box .line-two {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.price-block .inner-box .line-two:before {
  position: absolute;
  content: "";
  right: 0px;
  bottom: 0px;
  width: 0px;
  height: 1px;
  background-color: #67c7bd;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.price-block .inner-box:hover .line-two:before {
  width: 100%;
  -webkit-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.price-block .inner-box .line-two:after {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 1px;
  height: 0%;
  background-color: #67c7bd;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.price-block .inner-box:hover .line-two:after {
  height: 100%;
  -webkit-transition-delay: 1800ms;
  -ms-transition-delay: 1800ms;
  transition-delay: 1800ms;
}

.price-block .inner-box .icon-box {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  font-size: 46px;
  color: #3d415b;
  line-height: 110px;
  margin-bottom: 25px;
  border-radius: 50%;
  border: 10px solid #f6f6f6;
  background-color: #eeedf7;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.price-block .inner-box:hover .icon-box {
  background-color: #67c7bd;
  color: #ffffff;
}

.price-block .inner-box h3 {
  position: relative;
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 25px;
  display: inline-block;
  padding: 0px 42px 22px;
  border-bottom: 1px solid #e0e0e0;
}

.price-block .inner-box .price-list {
  position: relative;
}

.price-block .inner-box .price-list li {
  position: relative;
  color: #777777;
  font-size: 16px;
  margin-bottom: 14px;
}

.price-block .inner-box .price-list li:last-child {
  margin-bottom: 20px;
}

.price-block .inner-box .price {
  position: relative;
  color: #67c7bd;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2em;
  font-family: "Quicksand", sans-serif;
}

.price-block .inner-box .price sub {
  font-size: 16px;
  top: -2px;
  position: relative;
}

.price-block .inner-box .theme-btn {
  margin-top: 30px;
}

.price-block .inner-box .btn-box {
  position: relative;
  margin-bottom: 30px;
}

.price-block .inner-box .btn-box:before {
  position: absolute;
  content: "";
  left: -30px;
  top: 50px;
  right: -30px;
  height: 1px;
  background-color: #e0e0e0;
}

.pricing-tabs .tabs-content .tab {
  position: relative;
  display: none;
  z-index: 1;
}

.pricing-tabs .tabs-content .tab.active-tab {
  display: block;
}

.pricing-tabs .tabs-content .tab .content {
  position: relative;
  margin: 0 auto;
}

.pricing-tabs .tabs-content .ms-layout-partialview .ms-container {
  padding-top: 10px;
  padding-bottom: 25px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-next {
  right: -150px;
  opacity: 1 !important;
  display: block !important;
  background: #f3f1fe;
  color: #67c7bd;
  width: 44px;
  height: 44px;
  font-size: 20px;
  line-height: 44px;
  text-align: center;
  padding-left: 2px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-next:before {
  font-family: "FontAwesome";
  content: "\f105";
  display: block;
  font-weight: 800;
  line-height: 44px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-prev {
  left: -150px;
  opacity: 1 !important;
  display: block !important;
  background: #f3f1fe;
  color: #67c7bd;
  width: 44px;
  height: 44px;
  font-size: 20px;
  line-height: 44px;
  text-align: center;
  padding-right: 2px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-prev:before {
  font-family: "FontAwesome";
  content: "\f104";
  display: block;
  font-weight: 800;
  line-height: 44px;
}

.pricing-tabs .tabs-content .ms-skin-default .ms-nav-prev:hover,
.pricing-tabs .tabs-content .ms-skin-default .ms-nav-next:hover {
  background: #ec49b2;
  color: #ffffff;
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section {
  position: relative;
  padding: 90px 0px 110px;
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f0f7fc 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f0f7fc 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f0f7fc 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #ffffff),
    color-stop(100, #f0f7fc)
  );
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f7fc 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f0f7fc 100%);
}

.testimonial-section .owl-dots {
  display: none;
}

.testimonial-section .owl-nav {
  position: absolute;
  left: -20px;
  top: 50%;
  right: -20px;
}

.testimonial-section .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  width: 60px;
  height: 60px;
  color: #583dad;
  font-size: 26px;
  line-height: 58px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  border: 1px solid #583dad;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-section .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  width: 60px;
  height: 60px;
  color: #583dad;
  font-size: 26px;
  line-height: 58px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  border: 1px solid #583dad;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
  color: #ed52b6;
  border-color: #ed52b6;
}

.testimonial-section .inner-container {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.testimonial-section .team-carousel {
  margin: 0px -10px;
  width: auto;
}

.testimonial-section .owl-carousel .owl-stage-outer {
  padding-top: 90px;
  padding-bottom: 20px;
}

.testimonial-section .testimonial-block {
  margin: 0px 15px;
}

.testimonial-section .sec-title {
  margin-bottom: 40px;
}

.testimonial-block {
  position: relative;
}

.testimonial-block .inner-box {
  position: relative;
  text-align: center;
  border-radius: 20px;
  padding-bottom: 70px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.testimonial-block .inner-box .image-outer {
  position: relative;
  margin-top: -80px;
  display: inline-block;
}

.testimonial-block .inner-box .image-outer .quote-icon {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 57px;
  height: 57px;
  color: #ffffff;
  font-size: 24px;
  line-height: 57px;
  text-align: center;
  border-radius: 50%;
  background-color: #67c7bd;
}

.testimonial-block .inner-box .image-outer .image {
  position: relative;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.testimonial-block .inner-box .text {
  position: relative;
  color: #777777;
  font-size: 20px;
  line-height: 1.7em;
  margin-top: 50px;
}

.testimonial-block .inner-box h3 {
  position: relative;
  margin-top: 30px;
  color: #222222;
  font-size: 24px;
  font-weight: 700;
}

.testimonial-block .inner-box .designation {
  position: relative;
  margin-top: 4px;
  color: #777777;
  font-size: 16px;
  font-weight: 400;
}

/*** 

====================================================================
	App Section
====================================================================

***/

.app-section {
  position: relative;
  overflow: hidden;
  padding: 110px 0px 0px;
  background-color: #0a36ea;
  background-position: center center;
  background-repeat: no-repeat;
}

.app-section .title-column {
  position: relative;
  margin-bottom: 40px;
}

.app-section .sec-title {
  margin-bottom: 35px;
}

.app-section .btn-box a {
  position: relative;
  margin-right: 15px;
  display: inline-block;
}

.app-section .images-column {
  position: relative;
}

.app-section .images-column .inner-column {
  position: relative;
  text-align: right;
}

.app-section .images-column .image {
  position: relative;
}

.app-section .images-column .image-one {
  position: absolute;
  left: 60px;
  bottom: 0px;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section {
  position: relative;
  padding: 110px 0px 100px;
  background-image: -ms-linear-gradient(bottom, #ffffff 0%, #f0f7fc 100%);
  background-image: -moz-linear-gradient(bottom, #ffffff 0%, #f0f7fc 100%);
  background-image: -o-linear-gradient(bottom, #ffffff 0%, #f0f7fc 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #ffffff),
    color-stop(100, #f0f7fc)
  );
  background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f0f7fc 100%);
  background-image: linear-gradient(to top, #ffffff 0%, #f0f7fc 100%);
}

.news-section.style-two {
  background-image: none;
}

/* News Block */

.news-block {
  position: relative;
  margin-bottom: 30px;
}

.news-block .inner-box {
  position: relative;
  border-radius: 8px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.news-block .inner-box .image {
  position: relative;
  overflow: hidden;
  background-color: #ec49b2;
}

.news-block .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.news-block .inner-box:hover .image img {
  transform: scale(1.2, 1.2);
  opacity: 0.5;
}

.news-block .inner-box .image .social-box {
  position: absolute;
  left: -60px;
  top: 0px;
  z-index: 1;
  text-align: center;
  padding: 20px 18px;
  background-color: #f48cb3;
  border-radius: 0px 0px 15px 0px;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.news-block .inner-box:hover .image .social-box {
  left: 0px;
}

.news-block .inner-box .image .social-box li {
  position: relative;
  margin-bottom: 10px;
}

.news-block .inner-box .image .social-box li:last-child {
  margin-bottom: 0px;
}

.news-block .inner-box .image .social-box li a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
}

.news-block .inner-box .image .read-more {
  text-align: left;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 45px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.news-block .inner-box .image .read-more a {
  position: absolute;
  left: 10px;
  bottom: 0px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  transform: rotate(-90deg);
  white-space: nowrap;
  transform-origin: left top;
}

.news-block .inner-box .lower-content {
  position: relative;
  padding: 30px 30px;
  background-color: #ffffff;
}

.news-block .inner-box .lower-content .post-meta {
  position: relative;
}

.news-block .inner-box .lower-content .post-meta li {
  position: relative;
  margin-right: 18px;
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.news-block .inner-box .lower-content .post-meta li .icon {
  position: relative;
  margin-right: 8px;
  display: inline-block;
}

.news-block .inner-box .lower-content .post-meta li:last-child {
  margin-right: 0px;
}

.news-block .inner-box .lower-content .arrow-box {
  position: absolute;
  right: 0px;
  top: -20px;
  width: 40px;
  height: 40px;
  color: #ec49b2;
  line-height: 40px;
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  background-color: #ffffff;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
  transform: translateX(50px);
}

.news-block .inner-box .lower-content .arrow-box:hover {
  background-color: #ec49b2;
  color: #ffffff;
}

.news-block .inner-box:hover .lower-content .arrow-box {
  transform: translateX(-40px);
  opacity: 1;
  visibility: visible;
}

.news-block .inner-box .lower-content .post-date {
  position: relative;
  color: #777777;
  font-weight: 500;
  font-size: 16px;
}

.news-block .inner-box .lower-content h4 {
  position: relative;
  font-weight: 700;
  line-height: 1.6em;
  margin-top: 8px;
}

.news-block .inner-box .lower-content h4 a {
  position: relative;
  color: #000000;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block .inner-box .lower-content h4 a:hover {
  color: #000000;
}

.news-block .inner-box .lower-content .post-author {
  position: relative;
  color: #777777;
  font-size: 15px;
  margin-top: 12px;
}

.news-block .inner-box .lower-content .text {
  position: relative;
  color: #777777;
  font-size: 15px;
  margin-top: 12px;
  line-height: 1.7em;
}

.news-block.style-two .inner-box {
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  box-shadow: inherit;
}

.news-block.style-two .inner-box:before {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  width: 130px;
  height: 100%;
  background-color: #f5f5f5;
}

.news-block.style-two .inner-box .lower-content {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

/*** 

====================================================================
	SignUp Section
====================================================================

***/

.signup-section {
  position: relative;
}

.signup-section .side-image {
  position: absolute;
  right: 0px;
  top: -80px;
}

.signup-section .image-column {
  position: relative;
}

.signup-section .image-column .inner-column {
  position: relative;
}

.signup-section .image-column .image {
  position: relative;
  z-index: 1;
}

.signup-section .image-column .image img {
  position: relative;
}

.signup-section .content-column {
  position: relative;
}

.signup-section .content-column .inner-column {
  position: relative;
  padding-top: 70px;
}

.signup-form {
  position: relative;
  max-width: 475px;
  z-index: 1;
}

.signup-form .form-group {
  position: relative;
  display: block;
  z-index: 1;
  margin-bottom: 0px;
}

.signup-form .form-group input[type="text"],
.signup-form .form-group input[type="tel"],
.signup-form .form-group input[type="email"],
.signup-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  font-size: 14px;
  color: #848484;
  line-height: 48px;
  padding: 10px 60px 10px 30px;
  font-weight: 400;
  border-radius: 3px;
  background: #ffffff;
  transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  border-radius: 25px 0px 25px 0px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.signup-form .form-group input[type="email"]:focus {
  border-color: #00d6a9;
}

.signup-form .form-group .send-btn {
  position: absolute;
  width: 65px;
  top: 0px;
  right: 0px;
  height: 60px;
  cursor: pointer;
  line-height: 24px;
  background: #67c7bd;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 2px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0px 0px 25px 0px;
}

.signup-section.style-two {
  background-color: #f9fdff;
  padding-top: 95px;
}

.signup-section.style-three {
  padding-top: 105px;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
  position: relative;
}

.main-footer .pattern-layer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 1324px;
  height: 725px;
  background-repeat: no-repeat;
}

.main-footer .pattern-layer-2 {
  position: absolute;
  right: 140px;
  bottom: 0px;
  width: 100%;
  height: 927px;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.main-footer .widgets-section {
  position: relative;
  padding: 120px 0px 90px;
}

.main-footer .footer-widget {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.main-footer .footer-widget h4 {
  position: relative;
  font-weight: 600;
  color: #222222;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.main-footer .logo-widget {
  position: relative;
}

.main-footer .logo-widget .logo {
  position: relative;
  margin-bottom: 22px;
}

.main-footer .logo-widget .text {
  position: relative;
  font-size: 16px;
  color: #777777;
  line-height: 1.7em;
  margin-bottom: 25px;
}

.main-footer .logo-widget .social-box {
  position: relative;
}

.main-footer .logo-widget .social-box span {
  position: relative;
  color: #67c7bd;
  font-size: 24px;
  font-weight: 700;
  margin-right: 10px;
}

.main-footer .logo-widget .social-box a {
  position: relative;
  font-size: 16px;
  color: #67c7bd;
  margin-right: 15px;
  transform: scale(1); /* Initial scale */
  transition: transform 0.3s ease;
}

.main-footer .logo-widget .social-box a:hover {
  cursor: pointer;
  transform: scale(1.3); /* Scale up by 10% on hover */

}

.main-footer .footer-list {
  position: relative;
}

.main-footer .footer-list li {
  position: relative;
  margin-bottom: 15px;
}

.main-footer .footer-list li a {
  position: relative;
  color: #777777;
  font-size: 16px;
  padding-left: 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .footer-list li a:hover {
  color: #67c7bd;
}

.main-footer .footer-list li a:before {
  position: absolute;
  content: "\f105";
  left: 0px;
  top: 4px;
  line-height: 1em;
  font-family: "FontAwesome";
}
.main-footer .footer-list li.with-out-potiners a:before {
  content: " ";
}

.main-footer .info-list {
  position: relative;
}

.main-footer .info-list li {
  position: relative;
  color: #777777;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 20px;
  padding-left: 25px;
}

.main-footer .info-list li a {
  position: relative;
  color: #777777;
  font-size: 16px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-footer .info-list li .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #67c7bd;
}

.main-footer .info-list li a:hover {
  color: #f48cb3;
}

.main-footer .footer-bottom {
  position: relative;
  padding: 18px 0px;
  border-top: 2px dashed #e8f1ff;
}

.main-footer .footer-bottom .copyright {
  position: relative;
  color: #bbbbbb;
  font-size: 15px;
}

.main-footer .footer-bottom .copyright a {
  position: relative;
  color: #777777;
}

.main-footer .footer-bottom .footer-nav {
  position: relative;
}

.main-footer .footer-bottom .footer-nav li {
  position: relative;
  margin-left: 20px;
  display: inline-block;
}

.main-footer .footer-bottom .footer-nav li a {
  position: relative;
  color: #bbbbbb;
  font-size: 15px;
}

.main-footer .footer-bottom .go-to-top {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  margin-top: -25px;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  padding-top: 4px;
  cursor: pointer;
  background-color: #f48cb3;
}

.apps-widget .social-box {
  position: relative;
}

.apps-widget .social-box span {
  position: relative;
  color: #222222;
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}

.apps-widget .social-box a {
  position: relative;
  width: 32px;
  height: 32px;
  font-size: 16px;
  color: #bbbbbb;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  border-radius: 50px;
  border: 1px solid #bbbbbb;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.apps-widget .social-box a:hover {
  color: #ffffff;
  border-color: #67c7bd;
  background-color: #67c7bd;
}

.apps-widget .btn-box {
  position: relative;
  margin-bottom: 20px;
}

.apps-widget .btn-box a {
  width: 45%;
  margin-right: 10px;
  display: inline-block;
}

.apps-widget .btn-box a:last-child {
  margin-right: 0px;
}

.main-footer.style-two {
  background-color: #fdfeff;
}

.main-footer.style-two .widgets-section {
  padding-top: 90px;
}

.footer-bottom-two {
  position: relative;
  padding: 38px 0px 25px;
  border-top: 2px dashed #ebebeb;
}

.footer-bottom-two .go-to-top {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 50px;
  height: 50px;
  color: #ffffff;
  margin-top: -25px;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  padding-top: 4px;
  cursor: pointer;
  background-color: #67c7bd;
}

.footer-bottom-two .copyright {
  position: relative;
  font-weight: 600;
  color: #777777;
  font-size: 16px;
  text-align: center;
}

.main-footer.style-three {
  background-position: center top;
  background-repeat: repeat-x;
}

.main-footer.style-three .apps-widget .social-box span,
.main-footer.style-three .info-list li .icon,
.main-footer.style-three .info-list li a,
.main-footer.style-three .logo-widget .text,
.main-footer.style-three .info-list li,
.main-footer.style-three .footer-widget h4,
.main-footer.style-three .footer-list li a {
  color: #ffffff;
}

.main-footer.style-three .apps-widget .social-box a {
  color: #ffffff;
  border-color: #ffffff;
}

/* Footer Bottom Three */

.footer-bottom-three {
  position: relative;
  padding: 38px 0px 25px;
  background-color: #f48cb3;
}

.footer-bottom-three .go-to-top {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 50px;
  height: 50px;
  color: #f48cb3;
  margin-top: -25px;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  padding-top: 4px;
  cursor: pointer;
  background-color: #ffffff;
}

.footer-bottom-three .copyright {
  position: relative;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}

.main-footer .top-pattern {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: left top;
}

.main-footer .left-map-pattern {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 403px;
  height: 559px;
  background-repeat: no-repeat;
}

.main-footer .right-map-pattern {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 403px;
  height: 559px;
  background-repeat: no-repeat;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-two {
  position: relative;
  overflow: hidden;
  padding: 280px 0px 180px;
}

.banner-section-two .patern-layer-one {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1178px;
  height: 861px;
  background-position: right top;
  background-repeat: no-repeat;
}

.banner-section-two .patern-layer-two {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 494px;
  height: 666px;
  background-repeat: no-repeat;
}

.banner-section-two .content-column {
  position: relative;
}

.banner-section-two .content-column .inner-column {
  position: relative;
}

.banner-section-two .content-column .title {
  position: relative;
  color: #3c126f;
  font-size: 18px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.banner-section-two .content-column h1 {
  position: relative;
  color: #222222;
  font-weight: 700;
  line-height: 1.1em;
  margin-top: 18px;
}

.banner-section-two .content-column .text {
  position: relative;
  color: #777777;
  font-size: 18px;
  line-height: 1.7em;
  margin-top: 20px;
}

.banner-section-two .content-column .btn-box {
  position: relative;
  margin-top: 35px;
}

.banner-section-two .content-column .btn-box .theme-btn {
  margin-right: 18px;
}

.banner-section-two .image-column {
  position: relative;
}

.banner-section-two .image-column .inner-column {
  position: relative;
}

.banner-section-two .image-column .image {
  position: relative;
  margin-left: -100px;
  margin-right: -100px;
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section {
  position: relative;
}

.services-section.style-two {
  padding: 90px 0px 95px;
}

.services-section .row {
  margin: 0px -45px;
}

.services-section .services-block {
  padding: 0px 45px;
}

.services-section .btn-box {
  margin-top: 30px;
}

/* Services Block */

.services-block {
  position: relative;
  margin-bottom: 80px;
}

.services-block .inner-box {
  position: relative;
  padding: 35px 135px 40px 55px;
  border-radius: 0px 0px 0px 50px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.services-block .inner-box .icon-box {
  position: absolute;
  right: -60px;
  bottom: -40px;
  width: 190px;
  height: 187px;
  color: #ffffff;
  font-size: 60px;
  text-align: center;
  line-height: 187px;
}

.services-block .inner-box .icon-box .icon {
  position: relative;
}

.services-block .inner-box h4 {
  position: relative;
  line-height: 1.3em;
  font-weight: 600;
  margin-top: 12px;
}

.services-block .inner-box h4 a {
  position: relative;
  color: #222222;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.services-block .inner-box h4 a:hover {
  color: #67c7bd;
}

.services-block .inner-box .text {
  position: relative;
  color: #777777;
  font-size: 16px;
  line-height: 1.7em;
  margin-top: 12px;
  max-width: 250px;
}

.services-block .inner-box .read-more {
  position: relative;
  color: #67c7bd;
  font-size: 16px;
  font-weight: 600;
  margin-top: 12px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.services-block .inner-box .read-more:hover {
  color: #000000;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
  position: relative;
  padding-top: 125px;
  padding-bottom: 80px;
}

.services-section-two .blocks-column {
  position: relative;
}

.services-section-two .blocks-column .inner-column {
  position: relative;
  padding-right: 50px;
}

.services-section-two .blocks-column .row {
  margin: 0px -30px;
}

.services-section-two .blocks-column .service-block-two {
  padding: 0px 30px;
}

.services-section-two .blocks-column .service-block-two:first-child {
  left: 0px;
  top: 200px;
}

/* Service Block Two */

.service-block-two {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.service-block-two .inner-box {
  position: relative;
  overflow: hidden;
  padding: 45px 45px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08);
}

.service-block-two .inner-box .shape-one {
  content: "";
  width: 250px;
  height: 250px;
  background: #ff01f6;
  border-radius: 50%;
  position: absolute;
  top: -120px;
  left: -120px;
  transform: scale(0);
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
}

.service-block-two .inner-box:hover .shape-one {
  transform: scale(1);
  webkit-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
  transition-delay: 300ms;
}

.service-block-two .inner-box .shape-two {
  content: "";
  width: 373px;
  height: 373px;
  background: #ff01f6;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  transition: all 600ms ease;
  transform: translate(100%, 100%);
}

.service-block-two .inner-box:hover .shape-two {
  opacity: 1;
  transform: translate(42%, 42%);
  webkit-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
  transition-delay: 600ms;
}

.service-block-two .inner-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 10%;
  opacity: 0;
  background-color: #3b106d;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.service-block-two .inner-box:hover::before {
  height: 100%;
  opacity: 1;
}

.service-block-two .inner-box .icon-box {
  position: relative;
  z-index: 2;
}

.service-block-two .inner-box .icon-box {
  position: relative;
  font-size: 56px;
  line-height: 1em;
  color: #a76fff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box .icon-box .icon {
  position: relative;
}

.service-block-two .inner-box h4 {
  position: relative;
  z-index: 2;
  color: #f48cb3;
  font-weight: 700;
  line-height: 1.3em;
  margin: 25px 0px 16px;
}

.service-block-two .inner-box h4 a {
  position: relative;
  color: #f48cb3;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.service-block-two .inner-box h3 a:hover,
.service-block-two .inner-box .read-more:hover {
  color: #ffffff;
}

.service-block-two .inner-box .text {
  position: relative;
  color: #777777;
  z-index: 2;
  font-size: 16px;
  line-height: 1.8em;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.service-block-two .inner-box:hover .icon-box,
.service-block-two .inner-box:hover h4 a,
.service-block-two .inner-box:hover .text {
  color: #ffffff;
}

.services-section-two .content-column {
  position: relative;
}

.services-section-two .content-column .inner-column {
  position: relative;
  padding-top: 40px;
}

.services-section-two .content-column .sec-title {
  margin-bottom: 32px;
}

.services-section-two .content-column .bold-text {
  position: relative;
  font-size: 22px;
  font-weight: 600;
  color: #ff01f6;
  margin-bottom: 20px;
}

.services-section-two .content-column .text {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #3d415b;
  line-height: 1.6em;
  margin-bottom: 30px;
}

.services-section-two .content-column .theme-btn {
  margin-top: 45px;
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section-two {
  position: relative;
  padding: 0px 0px 0px;
}

.video-section-two:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 120px;
  right: 0px;
  height: 426px;
  background: url(../images/background/5.png) no-repeat;
}

.video-section-two .inner-container {
  position: relative;
}

.video-section-two .inner-container .video-box-two {
  position: relative;
}

.video-section-two .inner-container .video-box-two .image {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  text-align: center;
}

.video-section-two .inner-container .video-box-two .image::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background: url(../images/background/pattern-8.png);
  background-position: center top;
  background-repeat: no-repeat;
}

.video-section-two .inner-container .video-box-two .image img {
  position: relative;
  width: 100%;
  display: block;
}

.video-section-two .inner-container .video-box-two .image .video-content {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding: 170px 15px;
}

.video-section-two
  .inner-container
  .video-box-two
  .image
  .video-content:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0.9;
  background-image: -ms-linear-gradient(top, #f48cb3 0%, #9151f6 100%);
  background-image: -moz-linear-gradient(top, #f48cb3 0%, #9151f6 100%);
  background-image: -o-linear-gradient(top, #f48cb3 0%, #9151f6 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #f48cb3),
    color-stop(100, #9151f6)
  );
  background-image: -webkit-linear-gradient(top, #f48cb3 0%, #9151f6 100%);
  background-image: linear-gradient(to bottom, #f48cb3 0%, #9151f6 100%);
}

.video-section-two
  .inner-container
  .video-box-two
  .image
  .video-content
  .play-box {
  position: relative;
  width: 100px;
  height: 100px;
  color: #f48cb3;
  font-size: 24px;
  text-align: center;
  border-radius: 50px;
  line-height: 100px;
  display: inline-block;
  margin: 0 auto;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 0.4);
}

.video-section-two
  .inner-container
  .video-box-two
  .image
  .video-content
  .play-box
  span {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  z-index: 9;
  color: #f48cb3;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  border-radius: 50%;
  padding-left: 4px;
  background-color: #ffffff;
  display: inline-block;
  margin-top: -50px;
  margin-left: -50px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.video-section-two
  .inner-container
  .video-box-two
  .image
  .video-content
  .play-box
  .ripple,
.video-section-two
  .inner-container
  .video-box-two
  .image
  .video-content
  .play-box
  .ripple:before,
.video-section-two
  .inner-container
  .video-box-two
  .image
  .video-content
  .play-box
  .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100px;
  width: 100px;
  margin-left: 0.5px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -webkit-animation: ripple 3s infinite;
  -moz-animation: ripple 3s infinite;
  -ms-animation: ripple 3s infinite;
  -o-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}

.video-section-two
  .inner-container
  .video-box-two
  .image
  .video-content
  .play-box
  .ripple:before {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}

.video-section-two
  .inner-container
  .video-box-two
  .image
  .video-content
  .play-box
  .ripple:after {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

@-webkit-keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  70% {
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.video-section-two .inner-container .video-box-two .video-title {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  z-index: 1;
  margin-top: 60px;
}

.video-section-two .inner-container .video-box-two h2 {
  position: relative;
  font-weight: 600;
  color: #ffffff;
  z-index: 1;
}

/*** 

====================================================================
	Counter Section Two
====================================================================

***/

.counter-section-two {
  position: relative;
  padding-bottom: 80px;
}

.counter-section-two .inner-container {
  max-width: 970px;
  margin: 0 auto;
  margin-top: -65px;
}

/*fact counter*/

.fact-counter-two {
  position: relative;
}

.fact-counter-two .column {
  position: relative;
  margin-bottom: 30px;
}

.fact-counter-two .column .inner {
  position: relative;
  padding: 38px 30px;
  border-radius: 12px;
  text-align: center;
  z-index: 1;
  background-color: #ffffff;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.1);
}

.fact-counter-two .column .inner .content {
  position: relative;
}

.fact-counter-two .count-outer .percentage {
  position: relative;
  font-weight: 700;
  color: #222222;
  font-size: 36px;
  line-height: 1em;
  font-family: "Hind Siliguri", sans-serif;
}

.fact-counter-two .column .inner .count-outer {
  position: relative;
  font-weight: 700;
  color: #67c7bd;
  font-size: 24px;
  line-height: 1em;
  margin-top: 28px;
  text-transform: uppercase;
}

.fact-counter-two .column .inner .count-outer .count-text {
  font-size: 48px;
}

.fact-counter-two .column .inner .counter-title {
  position: relative;
  color: #222222;
  font-size: 24px;
  font-weight: 500;
}

.fact-counter-two.style-two .column {
  margin-bottom: 45px;
}

.fact-counter-two.style-two .column .inner .count-outer {
  margin-top: 0px;
}

.fact-counter-two.style-two .column .inner {
  padding: 0px;
  text-align: left;
  background: none;
  box-shadow: inherit;
}

.fact-counter-two.style-two .column .inner .counter-title {
  padding-top: 15px;
}

/*** 

====================================================================
	Case Section
====================================================================

***/

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

.case-section .inner-container .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.case-section .inner-container {
  position: relative;
}

.case-section .inner-container:before {
  position: absolute;
  content: "";
  right: 102%;
  top: 0px;
  width: 2000px;
  height: 100%;
  z-index: 10;
  background-color: #ffffff;
}

.case-section .owl-nav {
  display: none;
}

.case-section .owl-dots {
  position: absolute;
  right: 0px;
  top: -60px;
}

.case-section .owl-dots .owl-dot {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0px 4px;
  border-radius: 50px;
  display: inline-block;
  background-color: #d7d7d7;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.case-section .owl-dots .owl-dot.active,
.case-section .owl-dots .owl-dot:hover {
  background-color: #67c7bd;
  width: 50px;
}

/*Gallery Item*/

.gallery-item {
  position: relative;
  margin-bottom: 30px;
}

.gallery-item .inner-box {
  position: relative;
  width: 100%;
}

.gallery-item .image-box {
  position: relative;
  display: block;
  margin: 0px;
  overflow: hidden;
  border-radius: 15px;
}

.gallery-item .image-box img {
  position: relative;
  display: block;
  width: 100%;
  height: 400px;
  object-fit: contain;
}

.gallery-item .inner-box .arrow-link {
  position: absolute;
  right: 30px;
  bottom: -30px;
  width: 60px;
  height: 60px;
  color: #67c7bd;
  font-size: 20px;
  line-height: 60px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  transform: scale(0, 0);
  background-color: #ffffff;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.gallery-item .inner-box .arrow-link:hover {
  color: #ffffff;
  background-color: #3b8880;
}

.gallery-item .inner-box:hover .arrow-link {
  transform: scale(1, 1);
}

.gallery-item .overlay-box {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
  -webkit-transform: perspective(400px) rotateY(-90deg);
  -moz-transform: perspective(400px) rotateY(-90deg);
  -ms-transform: perspective(400px) rotateY(-90deg);
  -o-transform: perspective(400px) rotateY(-90deg);
  transform: perspective(400px) rotateY(-90deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.gallery-item .inner-box:hover .overlay-box {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateY(0deg);
  -moz-transform: perspective(400px) rotateY(0deg);
  -ms-transform: perspective(400px) rotateY(0deg);
  -o-transform: perspective(400px) rotateY(0deg);
  transform: perspective(400px) rotateY(0deg);
  visibility: visible;
}

.gallery-item .overlay-inner {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle;
  padding: 10px 0px;
}

.gallery-item .overlay-inner .content {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.gallery-item .overlay-inner .link {
  position: relative;
  width: 50px;
  height: 50px;
  font-size: 18px;
  color: #ffffff;
  line-height: 50px;
  margin: 0px 3px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  background-color: #67c7bd;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
}

.gallery-item .overlay-inner .link:before {
  position: absolute;
  content: "";
  left: 2px;
  right: -2px;
  top: 2px;
  bottom: -2px;
  z-index: -1;
  background-color: #ffffff;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.gallery-item .overlay-inner .link:hover::before {
  background-color: #67c7bd;
}

.gallery-item .overlay-inner .link .icon {
  position: relative;
}

.gallery-item .overlay-inner .link:hover {
  color: #67c7bd;
  background-color: #ffffff;
}

.gallery-item .inner-box .lower-content {
  position: relative;
  padding: 25px 25px;
  margin-top: -60px;
  margin-right: 52px;
  background-color: #ffffff;
  border-radius: 0px 0px 20px 0px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.gallery-item .inner-box .lower-content h4 {
  position: relative;
  line-height: 1.3em;
  font-weight: 700;
}

.gallery-item .inner-box .lower-content h4 a {
  position: relative;
  color: #110802;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.gallery-item .inner-box .lower-content h4 a:hover {
  color: #67c7bd;
}

.gallery-item .inner-box .lower-content .category {
  position: relative;
  line-height: 1.3em;
  color: #777777;
  font-size: 16px;
  margin-top: 8px;
}

/*** 

====================================================================
	Faq's Section
====================================================================

***/

.faq-section {
  position: relative;
  padding: 70px 0px 60px;
}

.faq-section .accordian-column {
  position: relative;
}

.faq-section .accordian-column .inner-column {
  position: relative;
}

.faq-section .accordian-column .inner-column .theme-btn {
  margin-top: 50px;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box {
  position: relative;
}

.accordion-box .block {
  position: relative;
  padding-bottom: 30px;
}

.accordion-box .block:last-child {
  padding-bottom: 0px;
}

.accordion-box .block .acc-btn {
  font-size: 20px;
  padding-right: 0px;
  padding-left: 50px;
  position: relative;
  cursor: pointer;
  line-height: 30px;
  color: #222222;
  font-weight: 600;
  transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
}

.accordion-box .block .icon-outer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  background-image: -ms-linear-gradient(bottom, #f48cb3 0%, #67c7bd 100%);
  background-image: -moz-linear-gradient(bottom, #f48cb3 0%, #67c7bd 100%);
  background-image: -o-linear-gradient(bottom, #f48cb3 0%, #67c7bd 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #f48cb3),
    color-stop(100, #67c7bd)
  );
  background-image: -webkit-linear-gradient(bottom, #f48cb3 0%, #67c7bd 100%);
  background-image: linear-gradient(to top, #f48cb3 0%, #67c7bd 100%);
}

.accordion-box .block .icon-outer .icon {
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
  font-size: 14px;
  color: #ffffff;
}

.accordion-box .block .icon-outer .icon-plus {
  opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
  opacity: 0;
  color: #ffffff;
  font-weight: 400;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
  opacity: 1;
  color: #ffffff;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
  opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer {
  border-color: #ff3548;
  color: #ff3548;
}

.accordion-box .block .acc-content {
  position: relative;
  display: none;
}

.accordion-box .block .acc-content .content-text {
  padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
  display: block;
}

.accordion-box .block .content {
  position: relative;
  font-size: 14px;
  padding: 10px 0px 0px 0px;
}

.accordion-box .block .content p {
  margin-bottom: 0px;
  line-height: 1.6em;
  font-size: 18px;
  color: #777777;
  padding-left: 50px;
  padding-right: 60px;
  font-weight: 500;
}

.accordion-box .block .content p:last-child {
  margin-bottom: 0px;
}

.accordion-box.style-two .block {
  padding: 25px 20px;
  margin-bottom: 30px;
  border-radius: 7px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.accordion-box.style-two .block .acc-btn {
  font-size: 18px;
  font-weight: 600;
}

.accordion-box.style-two .block .content p {
  font-weight: 400;
}

/*** 

====================================================================
	Testimonials Thumbs Carousel
====================================================================

***/

.testimonials-thumbs-carousel {
  position: relative;
  padding: 130px 0px 50px;
  background-size: cover;
}

.testimonials-thumbs-carousel .pattern-layer-2 {
  position: absolute;
  right: 0px;
  bottom: -5px;
  width: 491px;
  height: 591px;
}

.testimonials-thumbs-carousel
  .carousel-thumbnails
  .pagers-column
  .pattern-layer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
}

.testimonials-thumbs-carousel .carousel-thumbnails .pagers-column .quote-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 80px;
  line-height: 1em;
  margin-left: -110px;
  margin-top: -40px;
  color: rgba(255, 255, 255, 0.8);
}

.testimonials-thumbs-carousel .carousel-indicators {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 0px;
  height: 505px;
  background-position: right top;
}

.testimonials-thumbs-carousel .carousel-indicators li {
  position: absolute;
  width: 80px;
  height: 80px;
  text-align: center;
  color: #202020;
  border-radius: 50px;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  transition: all 900ms ease;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.testimonials-thumbs-carousel .carousel-indicators li .image:before {
  position: absolute;
  content: "";
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  z-index: -1;
  border-radius: 50%;
  border: 10px solid rgba(209, 214, 220, 0.8);
}
.testimonials-thumbs-carousel .carousel-indicators li:nth-child(1) {
  left: 20%;
  top: 30%;
  width: 196px;
  height: 196px;
  border-radius: 50%;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(1).now-in-view {
  left: 0px;
  top: -60px;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(2) {
  right: 50%;
  top: 35%;
  width: 140px;
  height: 140px;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(2).now-in-view {
  right: 70px;
  top: 140px;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(3) {
  left: 30%;
  bottom: 38%;
  width: 100px;
  height: 100px;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(3).now-in-view {
  left: -60px;
  bottom: 70px;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(4) {
  left: 20%;
  bottom: 30%;
  width: 200px;
  height: 200px;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(4).now-in-view {
  left: 240px;
  bottom: -60px;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(5) {
  left: 300px;
  top: 100px;
  width: 47px;
  height: 47px;
}

.testimonials-thumbs-carousel .carousel-indicators li:nth-child(5).now-in-view {
  left: 300px;
  top: 100px;
}

.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators img {
  width: 100%;
  overflow: hidden;
  display: block;
  border-radius: 50%;
}

.testimonials-thumbs-carousel .carousel-thumbnails .carousel-indicators li {
  height: auto;
  border: none;
}

.testimonials-thumbs-carousel
  .carousel-thumbnails
  .carousel-indicators
  li
  .image {
  position: relative;
}

.testimonials-thumbs-carousel
  .carousel-thumbnails
  .carousel-indicators
  li.active {
}

.testimonials-thumbs-carousel .carousel-column {
  margin-left: -50px;
}

/* Testimonial Block Two */

.testimonial-block-two {
  position: relative;
}

.testimonial-block-two .inner-box .slide-text {
  position: relative;
  font-size: 16px;
  color: #ffffff;
  line-height: 2em;
  max-width: 450px;
  margin-bottom: 50px;
  word-break: break-all;
}

.testimonial-block-two .inner-box .lower-content {
  position: relative;
  padding-left: 150px;
  padding-top: 20px;
  min-height: 108px;
}

.testimonial-block-two .inner-box .author-image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 108px;
  height: 108px;
  border-radius: 50px;
}

.testimonial-block-two .inner-box .author-image img {
  border-radius: 50%;
  width: 100%;
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.12);
}

.testimonial-block-two .inner-box .author-image .quote-icon {
  position: absolute;
  right: 0px;
  top: 5px;
  width: 40px;
  height: 40px;
  color: #ffffff;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  border-radius: 50px;
  background-color: #f48cb3;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.testimonial-block-two .inner-box .slide-info {
  position: relative;
  display: inline-block;
}

.testimonial-block-two .inner-box .author-title {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.testimonial-block-two .inner-box .designation {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  margin-top: 7px;
  font-weight: 300;
}

.testimonial-block-two .inner-box .slide-info .rating {
  position: relative;
  margin-top: 8px;
}

.testimonial-block-two .inner-box .slide-info .rating .fa {
  position: relative;
  color: #ffcc00;
}

.testimonials-thumbs-carousel .carousel-control-prev {
  position: absolute;
  right: 65px;
  top: auto;
  left: auto;
  bottom: 0px;
  font-size: 18px;
  color: #373a5b;
  width: 50px;
  height: 50px;
  opacity: 1;
  line-height: 58px;
  text-align: center;
  border-radius: 50px;
  font-weight: 700;
  display: inline-block;
  margin: 0px 15px 0px 0px;
  background-color: #e7ecf2;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonials-thumbs-carousel .carousel-control-prev:before {
  position: absolute;
  content: "\f104";
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  font-family: "FontAwesome";
}

.testimonials-thumbs-carousel .carousel-control-next {
  position: absolute;
  right: 0px;
  top: auto;
  bottom: 0px;
  font-size: 18px;
  color: #373a5b;
  width: 50px;
  height: 50px;
  opacity: 1;
  line-height: 58px;
  text-align: center;
  border-radius: 50px;
  font-weight: 700;
  display: inline-block;
  margin: 0px 15px 0px 0px;
  background-color: #e7ecf2;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonials-thumbs-carousel .carousel-control-next:before {
  position: absolute;
  content: "\f105";
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  font-family: "FontAwesome";
}

.testimonials-thumbs-carousel .carousel-control-prev span,
.testimonials-thumbs-carousel .carousel-control-next span {
  background: none;
}

.testimonials-thumbs-carousel .carousel-control-prev:hover,
.testimonials-thumbs-carousel .carousel-control-next:hover {
  color: #ffffff;
  background-color: #f48cb3;
}

/*** 

====================================================================
	News Section Two
====================================================================

***/

.news-section-two {
  position: relative;
  padding: 120px 0px 60px;
}

.sidebar-info-contents {
  position: relative;
}

.sidebar-info-contents .content-inner {
  position: relative;
}

.sidebar-info-contents .content-inner .logo {
  padding: 0px 0px 20px;
}

.sidebar-info-contents .content-inner .logo img {
  display: inline-block;
  max-width: 100%;
}

.sidebar-info-contents .content-inner .content-box {
  position: relative;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.sidebar-info-contents .content-inner .content-box h4 {
  position: relative;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.sidebar-info-contents .content-inner .content-box .text {
  position: relative;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 25px;
}

.sidebar-info-contents .content-inner .contact-info {
  position: relative;
  margin-top: 60px;
}

.sidebar-info-contents .content-inner .contact-info h4 {
  position: relative;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.sidebar-info-contents .content-inner .social-box {
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
}

.sidebar-info-contents .content-inner .social-box li {
  position: relative;
  display: inline-block;
  margin-right: 6px;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a {
  position: relative;
  width: 36px;
  height: 36px;
  color: #222222;
  z-index: 1;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar-info-contents .content-inner .social-box li a:hover {
  background-color: #f48cb3;
}

.close-side-widget,
.close-side-widget:hover {
  color: #ffffff;
  font-size: 24px;
}

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(
    0.86,
    0,
    0.07,
    1
  ); /* easeInOutQuint */
}

.sidenav-bar-visible .search-popup {
  width: 80%;
}

.search-popup:before {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 560px;
  background-image: url(../images/icons/waves-shape.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 0px;
  content: "";
}

.search-active .search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 75%;
  margin: 0 auto;
  margin-top: -200px;
  border-radius: 50%;
  text-align: center;
  background-color: #ff70e0;
  width: 70px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  opacity: 0;
  visibility: hidden;
}

.search-popup .close-search span {
  position: relative;
  display: block;
  height: 70px;
  width: 70px;
  font-size: 30px;
  line-height: 70px;
  color: #ffffff;
}

.search-active .search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active .search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: #000000;
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: #ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: #000000;
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
  color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: #000000;
}

.search-popup .close-search.style-two {
  position: absolute;
  right: 25px;
  left: auto;
  color: #ffffff;
  width: auto;
  height: auto;
  top: 25px;
  margin: 0px;
  border: none;
  background: none !important;
  box-shadow: none !important;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-popup .close-search.style-two span {
  font-size: 20px;
  color: #ffffff;
}

/*** 

====================================================================
	Banner Section Three
====================================================================

***/

.banner-section-three {
  position: relative;
  overflow: hidden;
  padding: 240px 0px 100px;
}

.banner-section-three .patern-layer-one {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1153px;
  height: 990px;
  background-position: right top;
  background-repeat: no-repeat;
}

.banner-section-three .patern-layer-two {
  position: absolute;
  right: 60px;
  top: 150px;
  width: 278px;
  height: 278px;
  background-repeat: no-repeat;
}

.banner-section-three .circle-box {
  position: absolute;
  right: -60px;
  top: 270px;
  width: 278px;
  height: 278px;
  border-radius: 50%;
  background-color: #f5f7fb;
}

.banner-section-three .content-column {
  position: relative;
}

.banner-section-three .content-column .inner-column {
  position: relative;
  padding-top: 120px;
  padding-left: 70px;
}

.banner-section-three .content-column .title {
  position: relative;
  color: #3c126f;
  font-size: 18px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.banner-section-three .content-column h2 {
  position: relative;
  color: #222222;
  font-weight: 700;
  line-height: 1.3em;
  margin-top: 18px;
}

.banner-section-three .content-column .text {
  position: relative;
  color: #777777;
  font-size: 18px;
  line-height: 1.7em;
  margin-top: 20px;
}

.banner-section-three .content-column .btn-box {
  position: relative;
  margin-top: 35px;
}

.banner-section-three .content-column .btn-box .theme-btn {
  margin-right: 18px;
}

.banner-section-three .image-column {
  position: relative;
}

.banner-section-three .image-column .inner-column {
  position: relative;
}

.banner-section-three .image-column .image {
  position: relative;
  margin-left: -20px;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three {
  position: relative;
}

.services-section-three.style-two {
  padding-top: 90px;
}

.services-section-three .icon-one {
  position: absolute;
  left: 10%;
  top: 10%;
  width: 33px;
  height: 33px;
}

.services-section-three .icon-two {
  position: absolute;
  left: 10%;
  top: 92%;
  width: 45px;
  height: 45px;
}

.services-section-three .content-column {
  position: relative;
  margin-bottom: 40px;
}

.services-section-three .content-column .inner-column {
  position: relative;
}

.services-section-three .content-column .text {
  position: relative;
}

.services-section-three .content-column .text p {
  position: relative;
  color: #777777;
  font-size: 16px;
  line-height: 1.7em;
}

.services-section-three .content-column .text p:last-child {
  margin-bottom: 0px;
}

/*** 

====================================================================
	Featured Section Two
====================================================================

***/

.featured-section-two {
  position: relative;
  padding-top: 60px;
}

.featured-section-two.style-two {
  padding-bottom: 70px;
}

.featured-block-two {
  position: relative;
  margin-bottom: 30px;
}

.featured-block-two .inner-box {
  position: relative;
  z-index: 1;
  padding: 28px 30px;
  border-radius: 0px 0px 25px 0px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.12);
}

.featured-block-two .inner-box:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 0px;
  height: 100%;
  background-color: #0a5df1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 0px 0px 25px 0px;
}

.featured-block-two .inner-box:hover::before {
  width: 100%;
}

.featured-block-two .inner-box .content {
  position: relative;
  padding-left: 85px;
  min-height: 60px;
  padding-top: 3px;
}

.featured-block-two .inner-box .content .icon-box {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #ff7f7f;
  font-size: 60px;
  line-height: 1em;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.featured-block-two .inner-box .content .text {
  position: relative;
  color: #f48cb3;
  font-size: 16px;
  line-height: 1.7em;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.featured-block-two .inner-box:hover .content .icon-box,
.featured-block-two .inner-box:hover .text {
  color: #ffffff !important;
}

.featured-block-two:nth-child(2) .inner-box .content .icon-box {
  color: #67c7bd;
}

.featured-block-two:nth-child(3) .inner-box .content .icon-box {
  color: #0166ff;
}

.featured-block-two:nth-child(4) .inner-box .content .icon-box {
  color: #e9a716;
}

/*** 

====================================================================
	Business Section Two
====================================================================

***/

.business-section-two {
  position: relative;
  padding: 80px 0px 140px;
}

.business-section-two .layer-one {
  position: absolute;
  left: 0px;
  top: -60px;
  width: 767px;
  height: 883px;
  background-repeat: no-repeat;
}

.business-section-two .image-column {
  position: relative;
  margin-bottom: 40px;
}

.business-section-two .image-column .inner-column {
  position: relative;
}

.business-section-two .content-column {
  position: relative;
}

.business-section-two .content-column .inner-column {
  position: relative;
  padding-left: 60px;
  padding-top: 90px;
}

.business-section-two .content-column .text {
  position: relative;
  color: #777777;
  font-size: 16px;
  line-height: 1.7em;
  margin-bottom: 45px;
}

/*** 

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action-section {
  position: relative;
  padding: 160px 0px 160px;
  background-size: cover;
}

.call-to-action-section .content {
  position: relative;
  text-align: center;
}

.call-to-action-section .content h2 {
  position: relative;
  color: #ffffff;
  font-weight: 600;
}

.call-to-action-section .content .text {
  position: relative;
  color: #ffffff;
  line-height: 1.8em;
  font-weight: 400;
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 25px;
}

.call-to-action-section .content .contact-btn {
  position: relative;
  padding: 16px 34px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  border: 1px solid #ffffff;
  border-radius: 0px 0px 15px 0px;
  font-family: "Montserrat", sans-serif;
}

.call-to-action-section .content .contact-btn:hover {
  border-color: #0464f7;
  background-color: #0464f7;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section {
  position: relative;
  padding: 105px 0px 100px;
}

.team-section .owl-carousel .owl-stage-outer {
  padding-top: 10px;
}

.team-section .owl-nav {
  display: none;
}

.team-section .owl-dots {
  position: relative;
  margin-top: 0px;
  text-align: center;
}

.team-section .owl-dots .owl-dot {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0px 4px;
  border-radius: 50px;
  display: inline-block;
  background-color: #d7d7d7;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.team-section .owl-dots .owl-dot.active,
.team-section .owl-dots .owl-dot:hover {
  background-color: #67c7bd;
  width: 50px;
}

.team-block {
  position: relative;
  margin-bottom: 30px;
}

.team-block .inner-box {
  position: relative;
  padding: 25px 25px 0px;
  background-color: #f5f5f5;
  border-radius: 200px 200px 0px 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block .inner-box:hover {
  background: none;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.team-block .inner-box .image {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  background-color: #f48cb3;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block .inner-box:hover .image {
  background-color: #0a5df1;
}

.team-block .inner-box .image img {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.team-block .inner-box .lower-content {
  position: relative;
  padding-top: 25px;
  text-align: center;
}

.team-block .inner-box .lower-content h4 {
  position: relative;
  line-height: 1.3em;
}

.team-block .inner-box .lower-content h4 a {
  position: relative;
  color: #0a15a9;
  font-size: 24px;
  font-weight: 600;
}

.team-block .inner-box .lower-content .designation {
  position: relative;
  color: #777777;
  font-size: 16px;
  margin-top: 8px;
  font-weight: 600;
}

.team-block .inner-box .lower-content .social-nav {
  position: relative;
  margin-top: 22px;
}

.team-block .inner-box .lower-content .social-nav li {
  position: relative;
  margin: 0px 2px;
  display: inline-block;
}

.team-block .inner-box .lower-content .social-nav li a {
  position: relative;
  color: #222222;
  font-size: 16px;
  padding: 12px 14px 20px;
  border-radius: 50px 50px 0px 0px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.team-block .inner-box .lower-content .social-nav li a:hover {
  color: #ffffff;
  background-color: #7100ff;
}

/*** 

====================================================================
	Testimonial Section Two
====================================================================

***/

.testimonial-section-two {
  position: relative;
  padding: 0px 0px 110px;
}

.testimonial-section-two .map-pattern {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 715px;
  background-position: center center;
  background-repeat: no-repeat;
}

.testimonial-section-two .owl-carousel .owl-stage-outer {
  padding: 20px 0px 60px;
}

.testimonial-section-two .owl-theme .testimonial-block-three {
  margin: 0px 70px;
}

.testimonial-section-two .owl-carousel {
  margin: 0px -70px;
  width: auto;
}

.testimonial-section-two .owl-dots {
  display: none;
}

.testimonial-section-two .owl-nav {
  position: absolute;
  right: 70px;
  top: -70px;
}

.testimonial-section-two .owl-nav .owl-prev,
.testimonial-section-two .owl-nav .owl-next {
  position: relative;
  width: 65px;
  height: 40px;
  color: #0207b3;
  font-size: 24px;
  border-radius: 4px;
  margin-left: 18px;
  text-align: center;
  line-height: 38px;
  display: inline-block;
  border: 1px solid #0207b3;
}

.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover {
  background-color: #f48cb3;
  border-color: #f48cb3;
  color: #ffffff;
}

/* Testimonial Block Three */

.testimonial-block-three {
  position: relative;
}

.testimonial-block-three .inner-box {
  position: relative;
  padding: 40px 35px;
  border-radius: 18px;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.testimonial-block-three .inner-box .text {
  position: relative;
  color: #777777;
  font-size: 16px;
  line-height: 1.9em;
}

.testimonial-block-three .inner-box .image-outer {
  position: absolute;
  left: -65px;
  bottom: -60px;
  display: inline-block;
}

.testimonial-block-three .inner-box:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  width: 181px;
  height: 169px;
  background: url(../images/icons/circle.png) no-repeat;
}

.testimonial-block-three .inner-box .image-outer .quote-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 56px;
  height: 56px;
  z-index: 1;
  color: #ffffff;
  font-size: 26px;
  line-height: 56px;
  text-align: center;
  border-radius: 50px;
  font-weight: 600;
  background-color: #5001b4;
}

.testimonial-block-three .inner-box .image-outer .image {
  position: relative;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.testimonial-block-three .inner-box .info-box {
  position: relative;
  text-align: right;
  margin-top: 60px;
}

.testimonial-block-three .inner-box .info-box h4 {
  position: relative;
  color: #f48cb3;
  font-size: 24px;
  line-height: 1.3em;
  font-weight: 700;
}

.testimonial-block-three .inner-box .info-box .designation {
  position: relative;
  color: #67c7bd;
  font-size: 16px;
  margin-top: 8px;
}

.testimonial-block-three .inner-box .info-box .rating {
  position: relative;
  color: #ffcc00;
  font-size: 16px;
  margin-top: 6px;
}

.news-block-two {
  position: relative;
}

.news-block-two .inner-box {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.news-block-two .inner-box .image {
  position: relative;
}

.news-block-two .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.news-block-two .inner-box .image .plus {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
  background: rgba(0, 0, 0, 0.7);
  -moz-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.news-block-two .inner-box:hover .image .plus {
  opacity: 1;
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  visibility: visible;
}

.news-block-two .inner-box .image .plus:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.7;
  background-image: -ms-linear-gradient(top, #0463f7 0%, #4f02b4 100%);
  background-image: -moz-linear-gradient(top, #0463f7 0%, #4f02b4 100%);
  background-image: -o-linear-gradient(top, #0463f7 0%, #4f02b4 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #0463f7),
    color-stop(100, #4f02b4)
  );
  background-image: -webkit-linear-gradient(top, #0463f7 0%, #4f02b4 100%);
  background-image: linear-gradient(to bottom, #0463f7 0%, #4f02b4 100%);
}

.news-block-two .inner-box .image .plus .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  color: #ec49b2;
  text-align: center;
  line-height: 40px;
  border-radius: 50px;
  margin-left: -20px;
  margin-top: -20px;
  display: inline-block;
  background-color: #ffffff;
}

.news-block-two .inner-box .lower-content {
  position: relative;
  padding: 25px 25px;
  border: 1px solid #d7d7d7;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .inner-box:hover {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.news-block-two .inner-box:hover .lower-content {
  border: 1px solid transparent;
}

.news-block-two .inner-box .post-meta {
  position: relative;
}

.news-block-two .inner-box .post-meta li {
  position: relative;
  margin-right: 18px;
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.news-block-two .inner-box .post-meta li .icon {
  position: relative;
  margin-right: 8px;
  display: inline-block;
}

.news-block-two .inner-box .post-meta li:last-child {
  margin-right: 0px;
}

.news-block-two .inner-box h4 {
  position: relative;
  font-weight: 700;
  line-height: 1.6em;
  margin-top: 15px;
}

.news-block-two .inner-box h4 a {
  position: relative;
  color: #000000;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .inner-box h4 a:hover {
  color: #f48cb3;
}

.news-block-two .inner-box .read-more {
  position: relative;
  color: #f48cb3;
  font-size: 16px;
  padding: 12px 30px;
  font-weight: 600;
  margin-top: 20px;
  border: 1px solid #d7d7d7;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.news-block-two .inner-box .read-more:hover {
  background-color: #f48cb3;
  border-color: #f48cb3;
  color: #ffffff;
}

/*** 

====================================================================
	Page Title
====================================================================

***/

.page-title {
  position: relative;
  overflow: hidden;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.page-title .section-icons {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.page-title .section-icons .icon-one {
  position: absolute;
  left: 6%;
  top: 35%;
  width: 58px;
  height: 67px;
  background-repeat: no-repeat;
}

.page-title .section-icons .icon-two {
  position: absolute;
  left: 6%;
  top: 65%;
  width: 91px;
  height: 99px;
  background-repeat: no-repeat;
}

.page-title .section-icons .icon-three {
  position: absolute;
  left: 26%;
  top: 35%;
  width: 58px;
  height: 67px;
  background-repeat: no-repeat;
}

.page-title .section-icons .icon-four {
  position: absolute;
  left: 48%;
  top: 35%;
  width: 101px;
  height: 101px;
  background-repeat: no-repeat;
}

.page-title .section-icons .icon-five {
  position: absolute;
  left: 48%;
  top: 65%;
  width: 64px;
  height: 60px;
  background-repeat: no-repeat;
}

.page-title .section-icons .icon-six {
  position: absolute;
  right: 3%;
  top: 25%;
  width: 58px;
  height: 67px;
  background-repeat: no-repeat;
}

.page-title .inner-container {
  position: relative;
  z-index: 5;
  padding: 265px 0px 265px;
}

.page-title .auto-container {
  position: relative;
}

.page-title h2 {
  position: relative;
  color: #67c7bd;
  line-height: 1.3em;
  font-weight: 700;
}

.page-title .bread-crumb {
  position: relative;
  padding: 16px 0px 0px;
}

.page-title .bread-crumb li {
  position: relative;
  float: left;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
  text-transform: capitalize;
  cursor: default;
  padding-right: 15px;
  margin-right: 12px;
}

.page-title .bread-crumb li:before {
  position: absolute;
  right: -2px;
  font-size: 14px;
  line-height: 30px;
  color: #ffffff;
  content: "\f105";
  font-weight: 700;
  font-family: "FontAwesome";
}

.page-title .bread-crumb li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.page-title .bread-crumb li:last-child:before {
  display: none;
}

.page-title .bread-crumb li a {
  color: #ffffff;
  font-weight: 400;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover {
  color: #67c7bd;
}

/* Team Page Section */

.team-page-section {
  position: relative;
  padding: 70px 0px 0px;
}

.team-page-section .team-block {
  margin-bottom: 80px;
}

/* Faq Page Section */

.faq-page-section {
  position: relative;
  padding: 60px 0px 80px;
}

.faq-page-section .inner-container {
  position: relative;
  max-width: 970px;
  margin: 0 auto;
}

/*** 

====================================================================
	Price Page Section
====================================================================

***/

.price-page-section {
  position: relative;
  padding: 70px 0px 90px;
}

.price-page-section .sec-title {
  margin-bottom: 100px;
}

.price-page-section .price-block-two:nth-child(2) {
  transform: translateY(-50px);
}

.price-page-section .price-block-two:nth-child(2) .inner-box {
  padding: 55px 40px 55px;
}

.price-page-section .price-block-two:nth-child(2) .inner-box .title {
  margin-bottom: 60px;
}

.price-page-section .price-block-two:nth-child(2) .inner-box .price-list {
  margin-bottom: 55px;
}

.price-block-two {
  position: relative;
}

.price-block-two .inner-box {
  position: relative;
  padding: 44px 40px 48px;
  border-radius: 15px;
  border: 1px solid #ebebeb;
}

.price-block-two .inner-box .title {
  position: relative;
  color: #bbbbbb;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.price-block-two .inner-box .price {
  position: relative;
  font-size: 72px;
  color: #222222;
  line-height: 1em;
  font-weight: 700;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.price-block-two .inner-box:hover .price {
  color: #ec49b2;
}

.price-block-two .inner-box .price sup {
  position: relative;
  font-weight: 400;
  font-size: 60px;
}

.price-block-two .inner-box .price span {
  position: relative;
  color: #bbbbbb;
  font-size: 16px;
  font-weight: 500;
  margin-left: 50px;
  text-transform: capitalize;
}

.price-block-two .inner-box h4 {
  position: relative;
  font-weight: 600;
  color: #222222;
}

.price-block-two .inner-box .price-list {
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
}

.price-block-two .inner-box .price-list li {
  position: relative;
  padding-left: 40px;
  color: #777777;
  font-size: 16px;
  margin-bottom: 10px;
}

.price-block-two .inner-box .price-list li:before {
  position: absolute;
  content: "\f00c";
  left: 0px;
  top: -1px;
  color: #ec49b2;
  font-family: "FontAwesome";
}

.price-block-two .inner-box .theme-btn {
  color: #777777;
  font-family: "Montserrat", sans-serif;
}

.price-block-two .inner-box .theme-btn:hover {
  color: #ffffff;
}

/*** 

====================================================================
	Testimonial Page Section
====================================================================

***/

.testimonial-page-section {
  position: relative;
  padding: 95px 0px 70px;
}

.testimonial-page-section .row {
  margin: 0px -60px;
}

.testimonial-page-section .testimonial-block-three {
  padding: 0px 60px;
  margin-bottom: 90px;
}

/* Comming Soon */

.comming-soon {
  position: relative;
  text-align: center;
  padding: 100px 0px 100px;
}

.comming-soon .content {
  position: relative;
}

.comming-soon .content .content-inner {
  position: relative;
}

.comming-soon .content .content-inner h2 {
  position: relative;
  color: #222222;
  font-size: 90px;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 80px;
}

.comming-soon .content .content-inner .text {
  position: relative;
  color: #222222;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6em;
  margin-top: 28px;
  margin-bottom: 60px;
  letter-spacing: 1px;
}

/***

====================================================================
	Countdown style
====================================================================

***/

.time-counter {
  position: relative;
}

.time-counter .time-countdown {
  position: relative;
}

.time-counter .time-countdown .counter-column {
  position: relative;
  margin: 0px 15px 0px;
  width: 170px;
  height: 170px;
  text-align: center;
  display: inline-block;
  padding: 10px 0px 10px;
  border: 2px solid #222222;
  color: #222222;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 30px;
}

.time-counter .time-countdown .counter-column .count {
  position: relative;
  display: block;
  font-size: 65px;
  line-height: 40px;
  padding: 30px 10px;
  color: #222222;
  letter-spacing: 1px;
  font-weight: 300;
}

.comming-soon .emailed-form .form-group {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 20px;
}

.comming-soon .emailed-form .form-group input[type="text"],
.comming-soon .emailed-form .form-group input[type="tel"],
.comming-soon .emailed-form .form-group input[type="email"],
.comming-soon .emailed-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 20px;
  height: 60px;
  font-size: 14px;
  color: #797979;
  overflow: hidden;
  padding: 10px 50px 10px 30px;
  background: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  border: 1px solid #cccccc;
}

.comming-soon .emailed-form .form-group input[type="submit"],
.comming-soon .emailed-form button {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 160px;
  height: 50px;
  line-height: 40px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  background: #222222;
  letter-spacing: 1px;
  text-transform: capitalize;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
  position: relative;
  padding: 100px 0px 80px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
  margin-bottom: 0px;
}

.sidebar-widget {
  margin-bottom: 30px;
}

/* Service List */

.sidebar .service-list {
  position: relative;
  border: 1px solid #d7d7d7;
}

.sidebar .service-list li {
  position: relative;
  line-height: 24px;
  margin-bottom: 0px;
  border-bottom: 1px solid #d7d7d7;
}

.sidebar .service-list li:last-child {
  margin-bottom: 0px;
  border-bottom: 0px;
}

.sidebar .service-list li a {
  position: relative;
  display: block;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  padding: 17px 25px;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.sidebar .service-list li a:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 0px;
  height: 100%;
  z-index: -1;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  background-image: -ms-linear-gradient(left, #3604ac 0%, #5918fe 100%);
  background-image: -moz-linear-gradient(left, #3604ac 0%, #5918fe 100%);
  background-image: -o-linear-gradient(left, #3604ac 0%, #5918fe 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, #3604ac),
    color-stop(100, #5918fe)
  );
  background-image: -webkit-linear-gradient(left, #3604ac 0%, #5918fe 100%);
  background-image: linear-gradient(to right, #3604ac 0%, #5918fe 100%);
}

.sidebar .service-list li a:after {
  font-family: "FontAwesome";
  content: "\f061";
  position: absolute;
  right: 20px;
  top: 16px;
  display: block;
  line-height: 26px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  z-index: 5;
}

.sidebar .service-list li.current a:before,
.sidebar .service-list li:hover a:before {
  width: 100%;
}

.sidebar .service-list li a:hover,
.sidebar .service-list li.current a {
  color: #ffffff;
}

/* Broucher Widget */

.broucher-widget {
  position: relative;
}

.broucher-widget .widget-content {
  position: relative;
  padding: 25px 25px;
  background-color: #f5f5f5;
  border: 1px solid #d7d7d7;
}

.broucher-widget .widget-content .content-inner {
  position: relative;
  padding-left: 85px;
}

.broucher-widget .widget-content h4 {
  position: relative;
  color: #67c7bd;
  font-weight: 600;
  margin-bottom: 20px;
}

.broucher-widget .widget-content .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0.5;
  color: #67c7bd;
  font-size: 64px;
  line-height: 1em;
  font-weight: 400;
}

.broucher-widget .widget-content .content-inner .text {
  position: relative;
  color: #777777;
  font-size: 14px;
  line-height: 1.7em;
  margin-bottom: 20px;
}

.broucher-widget .widget-content .download {
  position: relative;
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
}

.broucher-widget.style-two .widget-content {
  background: none;
}

.broucher-widget.style-two .widget-content h4 {
  color: #222222;
}

.broucher-widget.style-two .widget-content .icon {
  opacity: 1;
  color: #ff3ed3;
}

/* Help Widget */

.help-widget {
  position: relative;
}

.help-widget .widget-content {
  position: relative;
  padding: 25px 32px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.help-widget .widget-content h4 {
  position: relative;
  color: #222222;
  font-weight: 600;
  margin-bottom: 15px;
}

.help-widget .widget-content .text {
  position: relative;
  color: #777777;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom: 15px;
}

.help-widget .widget-content .help-list {
  position: relative;
}

.help-widget .widget-content .help-list li {
  position: relative;
  padding-left: 30px;
  color: #666666;
  font-size: 16px;
  margin-bottom: 10px;
}

.help-widget .widget-content .help-list li .icon {
  position: absolute;
  left: 0px;
  top: 0px;
  color: #67c7bd;
}

.help-widget .widget-content .help-list li:last-child {
  margin-bottom: 0px;
}

/* Project Widget */

.project-widget .widget-content {
  position: relative;
  padding: 25px 25px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
}

.project-widget .widget-content h4 {
  position: relative;
  color: #000000;
  font-weight: 600;
  margin-bottom: 15px;
}

.project-widget .widget-content .project-info-list {
  position: relative;
}

.project-widget .widget-content .project-info-list li {
  position: relative;
  color: #777777;
  font-size: 16px;
  margin-bottom: 10px;
}

.project-widget .widget-content .project-info-list li:last-child {
  margin-bottom: 0px;
}

.project-widget .widget-content .project-info-list li span {
  position: relative;
  color: #67c7bd;
  font-weight: 700;
  width: 120px;
  display: inline-block;
}

/* Contact Widget */

.contact-widget .widget-content {
  position: relative;
  padding: 25px 25px;
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
}

.contact-widget .widget-content h4 {
  position: relative;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
}

/* Instagram Widget */

.instagram-widget h4 {
  position: relative;
  color: #000000;
  font-weight: 600;
  margin-bottom: 20px;
}

/*** 

====================================================================
	Contact Widget Form
====================================================================

 ***/

.contact-widget-form {
  position: relative;
}

.contact-widget-form .form-group {
  position: relative;
  margin-bottom: 20px;
}

.contact-widget-form .form-group input[type="text"],
.contact-widget-form .form-group input[type="password"],
.contact-widget-form .form-group input[type="tel"],
.contact-widget-form .form-group input[type="email"],
.contact-widget-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 10px 20px;
  height: 50px;
  font-size: 14px;
  border-radius: 0px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-widget-form .form-group input[type="text"]:focus,
.contact-widget-form .form-group input[type="password"]:focus,
.contact-widget-form .form-group input[type="tel"]:focus,
.contact-widget-form .form-group input[type="email"]:focus,
.contact-widget-form .form-group select:focus,
.contact-widget-form .form-group textarea:focus {
  border-color: #67c7bd;
}

.contact-widget-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 10px 20px;
  color: #a5a5a5;
  height: 140px;
  font-size: 14px;
  resize: none;
  border-radius: 0px;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-widget-form .theme-btn {
  cursor: pointer;
}

/* Sticky Top */

.sticky-top {
  top: 110px;
  z-index: 1;
}

/* Services Detail */

.services-detail {
  position: relative;
}

.services-detail .inner-box {
  position: relative;
}

.services-detail .inner-box .image {
  position: relative;
}

.services-detail .inner-box .image img {
  position: relative;
}

.services-detail .inner-box .lower-content {
  position: relative;
  padding-top: 35px;
}

.services-detail .inner-box .lower-content h3 {
  position: relative;
  color: #222222;
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 20px;
}

.services-detail .inner-box .lower-content h4 {
  position: relative;
  color: #67c7bd;
  font-weight: 700;
  margin-bottom: 12px;
}

.services-detail .inner-box .lower-content .text {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

.services-detail .inner-box .lower-content .text p {
  position: relative;
  color: #777777;
  font-size: 16px;
  line-height: 1.7em;
}

.services-detail .inner-box .lower-content .text p:last-child {
  margin-bottom: 0px;
}

/*** 

====================================================================
	Projects Page Section
====================================================================

***/

.projects-page-section {
  position: relative;
  padding: 50px 0px 95px;
}

.projects-page-section .pagination-outer {
  margin-top: 30px;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.pagination-outer {
  text-align: center;
}

.styled-pagination {
  position: relative;
  border-radius: 50px;
  background-color: #f5f5f5;
  display: inline-block;
}

.styled-pagination li {
  position: relative;
  margin: 0px 1px 0px;
  display: inline-block;
}

.styled-pagination li a {
  position: relative;
  width: 40px;
  height: 40px;
  color: #777777;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background: none;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a {
  color: #ffffff;
  background-color: #222222;
}

.styled-pagination li.prev a {
  font-size: 16px;
  color: #ffffff;
  background-color: #f48cb3;
}

.styled-pagination li.next a {
  font-size: 16px;
  color: #ffffff;
  background-color: #006dfb;
}

/* Instagram Widget */

.sidebar .instagram-widget .images-outer {
  position: relative;
  margin: 0px -4px;
}

.sidebar .instagram-widget .image-box {
  position: relative;
  float: left;
  width: 33.3333%;
  padding: 0px 6px;
  margin-bottom: 12px;
}

.sidebar .instagram-widget .image-box:nth-child(3),
.sidebar .instagram-widget .image-box:nth-child(6) {
  margin-right: 0px;
}

.sidebar .instagram-widget .image-box .overlay-box {
  position: absolute;
  content: "";
  left: 12px;
  top: 8px;
  bottom: 8px;
  right: 12px;
  display: block;
  z-index: 1;
  opacity: 0;
  text-align: center;
  padding: 8px;
  color: #ffffff;
  font-size: 24px;
  line-height: 44px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
  background-color: #67c7bd;
}

.sidebar .instagram-widget .image-box .overlay-box:before {
  position: absolute;
  top: 50%;
  margin-left: -12px;
  margin-top: -22px;
  display: inline-block;
}

.sidebar .instagram-widget .image-box:hover .overlay-box {
  opacity: 1;
}

.sidebar .instagram-widget .image-box img {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* Project Detail */

.projects-detail {
  position: relative;
}

.projects-detail .inner-box {
  position: relative;
}

.projects-detail .inner-box .image {
  position: relative;
}

.projects-detail .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
}

.projects-detail .inner-box .lower-content {
  position: relative;
  padding-top: 25px;
}

.projects-detail .inner-box .lower-content h3 {
  position: relative;
  font-weight: 700;
  color: #000000;
  line-height: 1.4em;
  margin-bottom: 20px;
}

.projects-detail .inner-box .lower-content .text h4 {
  position: relative;
  font-weight: 700;
  color: #67c7bd;
  line-height: 1.4em;
  margin-bottom: 15px;
}

.projects-detail .inner-box .lower-content .text {
  position: relative;
}

.projects-detail .inner-box .lower-content .text p {
  position: relative;
  color: #777777;
  font-size: 16px;
  line-height: 1.7em;
}

.projects-detail .inner-box .lower-content .two-column {
  margin-bottom: 18px;
}

.projects-detail .inner-box .lower-content .two-column .list-style-three li {
  margin-bottom: 18px;
}

.projects-detail
  .inner-box
  .lower-content
  .two-column
  .list-style-three
  li:before {
  color: #67c7bd;
}

.related-projects {
  position: relative;
  padding-bottom: 70px;
}

.related-projects .inner-container {
  position: relative;
  padding: 95px 0px 0px;
  border-top: 1px solid #dddddd;
}

.related-projects .owl-nav {
  display: none;
}

.related-projects .owl-dots {
  position: absolute;
  right: 0px;
  top: -60px;
}

.related-projects .owl-dots .owl-dot {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0px 4px;
  border-radius: 50px;
  display: inline-block;
  background-color: #d7d7d7;
  transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
}

.related-projects .owl-dots .owl-dot.active,
.related-projects .owl-dots .owl-dot:hover {
  background-color: #67c7bd;
  width: 50px;
}

.news-page-section {
  position: relative;
  padding: 65px 0px 110px;
}

.news-page-section .pagination-outer {
  margin-top: 30px;
}

/*Search Box Widget*/

.sidebar .search-box .form-group {
  position: relative;
  margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
  position: relative;
  line-height: 30px;
  padding: 10px 50px 10px 30px;
  background: #ffffff;
  display: block;
  font-size: 15px;
  width: 100%;
  height: 60px;
  color: #797979;
  font-weight: 400;
  border-radius: 50px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
}

.sidebar .search-box .form-group textarea::-webkit-input-placeholder,
.sidebar .search-box .form-group input::-webkit-input-placeholder {
  color: #797979;
}

.sidebar .search-box .form-group button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 60px;
  width: 60px;
  display: block;
  font-size: 16px;
  color: #0800ad;
  line-height: 100%;
  font-weight: normal;
  background: none;
}

/*Sidebar Title*/

.sidebar-title {
  position: relative;
  margin-bottom: 25px;
}

.sidebar-title h3 {
  color: #222222;
  font-weight: 600;
  line-height: 1.2em;
  display: inline-block;
  text-transform: capitalize;
}

/*Blog Category*/

.cat-list {
  position: relative;
}

.cat-list li {
  position: relative;
}

.cat-list li a {
  position: relative;
  color: #777777;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: block;
  padding-left: 26px;
  border-bottom: 1px solid #dddddd;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.cat-list li a span {
  position: absolute;
  right: 0px;
}

.cat-list li:last-child a {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.cat-list li a:hover {
  color: #0800ad;
}

/*Post Widget*/

.popular-posts .post {
  position: relative;
  font-size: 14px;
  color: #666666;
  min-height: 110px;
  padding-left: 110px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e7e7eb;
}

.popular-posts .post .post-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
}

.popular-posts .post .post-thumb img {
  display: block;
  width: 100%;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.popular-posts .post .text {
  position: relative;
  top: 0px;
  font-size: 18px;
  margin: 0px 0px 3px;
  font-weight: 700;
  color: #222222;
  line-height: 1.5em;
  text-transform: capitalize;
}

.popular-posts .post .text a {
  color: #222222;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.popular-posts .post a:hover {
  color: #0800ad;
}

.popular-posts .post-info {
  position: relative;
  font-size: 14px;
  color: #777777;
  font-weight: 400;
  padding-left: 20px;
}

.popular-posts .post-info:before {
  position: absolute;
  content: "\f073";
  left: 0px;
  top: 4px;
  color: #777777;
  font-size: 14px;
  line-height: 1em;
  font-family: "FontAwesome";
}

/* Popular Tags */

.sidebar .popular-tags a {
  position: relative;
  display: inline-block;
  line-height: 24px;
  padding: 11px 24px 11px;
  margin: 0px 10px 15px 0px;
  color: #777777;
  text-align: center;
  font-size: 14px;
  background: none;
  font-weight: 500;
  border-radius: 0px 0px 20px 0px;
  border: 2px solid #ebebeb;
  text-transform: capitalize;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
  border-color: #0800ad;
  background-color: #0800ad;
  color: #ffffff;
}

/* News Detail */

.blog-detail {
  position: relative;
  margin-bottom: 30px;
}

.blog-detail .inner-box {
  position: relative;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.blog-detail .inner-box .inner-content {
  position: relative;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.blog-detail .inner-box:before {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  width: 130px;
  height: 100%;
  background-color: #f5f5f5;
}

.blog-detail .inner-box .image {
  position: relative;
  overflow: hidden;
  background-color: #ec49b2;
}

.blog-detail .inner-box .image img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 600ms ease;
  -ms-transition: all 600ms ease;
  -o-transition: all 600ms ease;
  -moz-transition: all 600ms ease;
  transition: all 600ms ease;
}

.blog-detail .inner-box:hover .image img {
  transform: scale(1.2, 1.2);
  opacity: 0.5;
}

.blog-detail .inner-box .lower-content {
  position: relative;
  padding: 30px 30px;
  background-color: #ffffff;
}

.blog-detail .inner-box .lower-content .post-meta {
  position: relative;
  margin-bottom: 12px;
}

.blog-detail .inner-box .lower-content .post-meta li {
  position: relative;
  margin-right: 18px;
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.blog-detail .inner-box .lower-content .post-meta li .icon {
  position: relative;
  margin-right: 8px;
  display: inline-block;
}

.blog-detail .inner-box .lower-content .post-meta li:last-child {
  margin-right: 0px;
}

.blog-detail .inner-box .lower-content .post-date {
  position: relative;
  color: #777777;
  font-weight: 500;
  font-size: 16px;
}

.blog-detail .inner-box .lower-content h4 {
  position: relative;
  font-weight: 700;
  line-height: 1.6em;
  margin-bottom: 12px;
  color: #000000;
}

.blog-detail .inner-box .lower-content h4 a {
  position: relative;
  color: #000000;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.blog-detail .inner-box .lower-content h4 a:hover {
  color: #0a36ea;
}

.blog-detail .inner-box .lower-content .post-author {
  position: relative;
  color: #777777;
  font-size: 15px;
  margin-top: 12px;
}

.blog-detail .inner-box .lower-content .text {
  position: relative;
}

.blog-detail .inner-box .lower-content .text p {
  position: relative;
  color: #777777;
  font-size: 15px;
  margin-bottom: 12px;
  line-height: 1.8em;
}

.blog-detail .inner-box .lower-content .text blockquote {
  position: relative;
  margin-bottom: 35px;
}

.blog-detail .inner-box .lower-content .text blockquote .quote-inner {
  position: relative;
  padding-left: 70px;
  padding-top: 10px;
}

.blog-detail
  .inner-box
  .lower-content
  .text
  blockquote
  .quote-inner
  .quote-icon-outer {
  position: absolute;
  left: 0px;
  top: 22px;
}

.blog-detail
  .inner-box
  .lower-content
  .text
  blockquote
  .quote-inner
  .quote-icon-outer:before {
  position: absolute;
  content: "";
  left: 15px;
  top: -17px;
  width: 2px;
  height: 100px;
  background-color: #e5f3ff;
}

.blog-detail
  .inner-box
  .lower-content
  .text
  blockquote
  .quote-inner
  .quote-icon-outer:after {
  position: absolute;
  content: "";
  left: 20px;
  top: -17px;
  width: 2px;
  height: 92px;
  background-color: #e5f3ff;
}

.blog-detail
  .inner-box
  .lower-content
  .text
  blockquote
  .quote-inner
  .quote-icon-outer
  .line {
  position: absolute;
  content: "";
  left: 25px;
  top: -17px;
  width: 2px;
  height: 84px;
  background-color: #e5f3ff;
}

.blog-detail
  .inner-box
  .lower-content
  .text
  blockquote
  .quote-inner
  .quote-icon-outer
  .icon {
  position: relative;
  width: 40px;
  height: 40px;
  z-index: 1;
  color: #0800ad;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  background-color: #e5f3ff;
}

.blog-detail
  .inner-box
  .lower-content
  .text
  blockquote
  .quote-inner
  .quote-text {
  position: relative;
  color: #222222;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.7em;
}

.blog-detail .inner-box .lower-content .text .two-column p {
  padding-top: 15px;
  line-height: 2em;
}

/* Post Share Options*/

.blog-detail .post-share-options {
  position: relative;
  margin-top: 50px;
}

.blog-detail .post-share-options .post-share-inner {
  position: relative;
  padding-top: 25px;
  border-top: 1px solid #dddddd;
}

.blog-detail .post-share-options .tags span {
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  margin-right: 8px;
  text-transform: capitalize;
}

.blog-detail .post-share-options .tags a {
  position: relative;
  color: #777777;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  margin-right: 4px;
  display: inline-block;
  text-transform: capitalize;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}

.blog-detail .post-share-options .tags {
  position: relative;
  color: #ff4800;
  font-size: 16px;
  font-weight: 400;
  margin-top: 3px;
}

.blog-detail .post-share-options .tags a:hover {
  color: #020e28;
}

.blog-detail .post-share-options .social-box {
  position: relative;
  margin-top: 4px;
}

.blog-detail .post-share-options .social-box .share {
  position: relative;
  color: #000000;
  font-size: 16px;
  font-weight: 700;
}

.blog-detail .post-share-options .social-box li {
  position: relative;
  margin-left: 13px;
  display: inline-block;
}

.blog-detail .post-share-options .social-box li a {
  position: relative;
  font-size: 14px;
  color: #3d415b;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.blog-detail .post-share-options .social-box li a:hover {
  color: #fe5722;
}

/* Author Box */

.author-box {
  position: relative;
  padding: 30px 30px;
  margin-top: 70px;
  margin-bottom: 55px;
  background-color: #4527a4;
  border-radius: 0px 0px 20px 0px;
}

.author-box .author-inner {
  position: relative;
  padding-top: 18px;
  padding-left: 170px;
}

.author-box .thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 130px;
  width: 130px;
  overflow: hidden;
}

.author-box .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.author-box .name {
  position: relative;
  display: block;
  line-height: 30px;
  color: #ffffff;
  font-weight: 600;
  margin-bottom: 5px;
  display: inline-block;
  margin-right: 25px;
}

.author-box .text {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 18px;
  line-height: 2em;
  margin-top: 6px;
}

.author-box .social-icon {
  position: relative;
  float: right;
}

.author-box .social-icon li {
  position: relative;
  display: inline-block;
  margin-right: 6px;
}

.author-box .social-icon li:last-child {
  margin-right: 0;
}

.author-box .social-icon li a {
  position: relative;
  width: 36px;
  height: 36px;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
  color: #ffffff;
  border-radius: 50px;
  text-align: center;
  display: inline-block;
  border: 1px solid #ffffff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.author-box .social-icon li a:hover {
  color: #4527a4;
  border-color: #ffffff;
  background-color: #ffffff;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
  position: relative;
  margin-top: 60px;
  margin-bottom: 50px;
}

.sidebar-page-container .group-title {
  position: relative;
}

.sidebar-page-container .group-title h3 {
  position: relative;
  color: #222222;
  font-weight: 700;
  margin-bottom: 30px;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box {
  position: relative;
  padding: 0px 0px 0px;
  margin-bottom: 60px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child {
  margin-bottom: 0px;
}

.sidebar-page-container .comments-area .comment {
  position: relative;
  font-size: 14px;
  min-height: 120px;
  padding: 15px 0px 0px 160px;
}

.sidebar-page-container .comments-area .reply-comment {
  margin-left: 160px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 120px;
  border-radius: 50%;
  margin-bottom: 20px;
  overflow: hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
  width: 100%;
  display: block;
}

.sidebar-page-container .comments-area .comment-info {
  margin-bottom: 15px;
}

.sidebar-page-container .comments-area .comment-box strong {
  font-size: 20px;
  font-weight: 600;
  color: #222222;
  display: block;
  line-height: 1.3em;
  display: inline-block;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box .text {
  color: #777777;
  font-size: 16px;
  line-height: 1.9em;
  margin-bottom: 0px;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
  font-size: 16px;
  color: #777777;
  margin-left: 15px;
  display: inline-block;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
  position: absolute;
  right: 0px;
  top: 18px;
  font-size: 16px;
  color: #0800ad;
  font-weight: 600;
  text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
  color: #ff8eaf;
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form .group-title h4 {
  position: relative;
  margin-bottom: 50px;
}

.comment-form .form-group {
  margin-bottom: 20px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 28px;
  padding: 10px 36px;
  color: #888888;
  border: 1px solid #dddddd;
  height: 60px;
  font-size: 14px;
  border-radius: 0px;
  background: #ffffff;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
  border-color: #ff8eaf;
}

.comment-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 25px 36px 25px;
  color: #888888;
  border: 1px solid #dddddd;
  height: 185px;
  background: #ffffff;
  resize: none;
  font-size: 14px;
  border-radius: 0px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.comment-form .theme-btn {
  cursor: pointer;
}

.contact-page-section {
  position: relative;
  padding: 60px 0px 60px;
}

/* Error Section */

.error-section {
  position: relative;
  padding: 40px 0px 90px;
}

.error-section .content {
  position: relative;
  text-align: center;
}

.error-section h1 {
  position: relative;
  color: #222222;
  font-size: 180px;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 10px;
}

.error-section h2 {
  position: relative;
  color: #222222;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.error-section .text {
  position: relative;
  color: #222222;
  font-size: 20px;
  font-weight: 300;
  margin-top: 20px;
  margin-bottom: 30px;
}

.contact-page-section {
  position: relative;
  padding: 75px 0px 90px;
}

.contact-page-section .map-boxed {
  position: relative;
  margin-top: 60px;
}

/*** 

====================================================================
	Contact Form
====================================================================

 ***/

.contact-form {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}

.contact-form .form-group {
  position: relative;
  margin-bottom: 30px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 10px 25px;
  height: 60px;
  color: #000000;
  font-size: 16px;
  border-radius: 0px;
  border: 1px solid #cccccc;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
  border-color: #0a6fff;
}

.contact-form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  line-height: 26px;
  padding: 10px 25px;
  color: #000000;
  height: 160px;
  font-size: 16px;
  resize: none;
  border-radius: 0px;
  border: 1px solid #cccccc;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-form .theme-btn {
  cursor: pointer;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
  border-color: #ff0000 !important;
}

.contact-form label.error {
  display: block;
  line-height: 24px;
  padding: 5px 0px 0px;
  margin: 0px;
  text-transform: uppercase;
  font-size: 12px;
  color: #ff0000;
  font-weight: 500;
}

/*** 

====================================================================
	Contact Info Section
====================================================================

 ***/

.contact-info-section {
  position: relative;
  padding-bottom: 60px;
}

.contact-info-section .image-column {
  position: relative;
}

.contact-info-section .image-column .inner-column {
  position: relative;
}

.contact-info-section .info-column {
  position: relative;
}

.contact-info-section .info-column .inner-column {
  position: relative;
}

.contact-info-section .info-column .contact-number {
  position: relative;
  font-weight: 700;
  color: #67c7bd;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.3em;
  margin-bottom: 25px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-info-section .info-column .contact-number:hover {
  color: #000000;
}

.contact-info-section .info-column .social-box {
  position: relative;
}

.contact-info-section .info-column .social-box a {
  position: relative;
  width: 44px;
  height: 44px;
  color: #67c7bd;
  line-height: 42px;
  font-size: 16px;
  margin-right: 8px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  border: 1px solid #67c7bd;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

.contact-info-section .info-column .social-box a:hover {
  color: #67c7bd;
  border-color: #000000;
  background-color: #000000;
}

/*** 

====================================================================
	Register Section
====================================================================

 ***/

.register-section {
  position: relative;
  padding: 130px 0px 130px;
}

.register-section .form-box {
  position: relative;
  max-width: 550px;
  padding: 40px 30px;
  margin: 0 auto;
  width: 100%;
  background-color: #f9f9f9;
  border: 1px solid rgba(9, 105, 255, 0.7);
}

.register-section .form-box:before {
  position: absolute;
  content: "";
  left: -20px;
  top: -20px;
  right: -20px;
  bottom: -20px;
  border: 15px solid rgba(9, 105, 255, 0.7);
}

.register-section .form-box h1 {
  position: relative;
  color: #222222;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3em;
  text-align: center;
  margin-bottom: 30px;
}

/* Styled Form */

.styled-form {
  position: relative;
}

.styled-form .submit-text {
  font-size: 15px;
  color: #9e9e9e;
  font-weight: 400;
  margin-top: 10px;
}

.styled-form .form-group {
  position: relative;
  margin-bottom: 15px;
  font-size: 14px;
  color: #222222;
}

.styled-form .form-group.social-icon-one {
  padding-top: 8px;
  line-height: 30px;
}

.checkout-section .styled-form .form-group {
  position: relative;
  margin-bottom: 20px;
}

.styled-form .form-group .check-box {
  line-height: 24px;
  font-size: 15px;
  font-weight: normal;
  padding-top: 5px;
  color: #272727;
}

.styled-form .form-group .check-box label {
  position: relative;
  top: -1px;
  font-weight: normal;
  padding: 0px;
  font-size: 15px;
  cursor: pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label {
  cursor: pointer;
}

.styled-form .form-group .adon-icon {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 15px;
  color: #999999;
  z-index: 2;
}

.styled-form .form-group .field-label {
  display: block;
  color: #272727;
  text-transform: capitalize;
  font-size: 16px;
  margin-bottom: 7px;
  font-weight: 400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
  position: relative;
  display: block;
  width: 100%;
  background: #ffffff;
  line-height: 30px;
  padding: 8px 20px;
  height: 50px;
  border: 1px solid #f4f4f4;
  transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
}

.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"] {
  line-height: 26px;
  height: 44px;
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
  border-color: #25a9e0;
}

.styled-form .form-group .theme-btn {
  min-width: 150px;
  text-align: center;
  padding: 11px 34px;
  border-radius: 0px;
  cursor: pointer;
}

.styled-form .remember-me {
  position: relative;
  color: #222222;
  font-size: 16px;
  font-weight: 500;
}

/* This sami added */
/* Effect 1: Brackets */

.main-menu .navigation > li > a::before,
.main-menu .navigation > li > a::after {
  display: inline-block;
  opacity: 0;
  color: #67c7bd;
  font-weight: 700;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s;
}

.main-menu .navigation > li > a::before {
  margin-right: 5px;
  content: "<";
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px);
}

.main-menu .navigation > li > a::after {
  margin-left: 5px;
  content: ">";
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
}

.main-menu .navigation > li > a:hover::before,
.main-menu .navigation > li > a:hover::after,
.main-menu .navigation > li > a:focus::before,
.main-menu .navigation > li > a:focus::after {
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}

/* Services hover */
.head-Services:hover {
  color: #67c7bd;
}