/* ==========================================================================

   IMPORT GOOGLE FONTS

   ========================================================================== */

@import url("https://fonts.googleapis.com/css?family=Rubik:400,400i,500");

@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600");



/* ==========================================================================

   GENERAL

   ========================================================================== */

body {

  font-family: 'Rubik', sans-serif;

  color: #a0a6ad;

  font-size: 14px;

  font-weight: 400;

  background: #fff;

  overflow-x: hidden;

}



html {

  overflow-x: hidden;

}



p {

  font-size: 14px;

  color: #5e629c;

  line-height: 26px;

  margin-bottom: 0;

}



a:hover,

a:focus {

  color: #000;

}



a {

  color: #000;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



h1,

h2,

h3,

h4,

h5 {

  font-family: 'Poppins', sans-serif;

  font-size: 47px;

  font-weight: 600;

}



ul {

  margin: 0;

  padding: 0;

}



ul li {

  list-style: none;

}



a:hover,

a:focus {

  text-decoration: none;

  outline: none;

}



a:not([href]):not([tabindex]) {

  color: #fff;

}



a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

  color: #fff;

}



.bg-transparent {

  background: transparent !important;

}



.bg-defult {

  background: #3c9cfd !important;

}



/* ==========================================================================

   Section Title

   ========================================================================== */



.form-control:focus {

  outline: none;

  box-shadow: none;

}



.section-header {

  color: #fff;

  margin-bottom: 50px;

  text-align: center;

  position: relative;

}



.section-header .section-title {

  font-size: 35px;

  margin: 1rem 0px -1rem;

  font-weight: 600;

  position: relative;

  line-height: 30px;

  color: #151948;

  padding-top: 30px;

  margin-top: 36px;

}



.section-header .desc-text p {

  font-size: 18px;

  color: #5e629c;

  line-height: 26px;

  margin-bottom: 0;

}

.box{

  height: 60px;

}

/* ==========================================================================

   Buttons

   ========================================================================== */

.btn {

  font-size: 14px;

  padding: 10px 30px;

  border-radius: 4px;

  font-family: 'Rubik', sans-serif;

  letter-spacing: 1px;

  font-weight: 500;

  color: #fff;

  border: none;

  text-transform: uppercase;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  display: inline-block;

}



.btn:focus,

.btn:active {

  box-shadow: none;

  outline: none;
  
  color: #fff;

}



.btn-common {

  background-color: #1C75FB;

  position: relative;

  z-index: 1;

  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);

  width: 160px;

  height: 50px;

  padding: 14px 15px;

}



.btn-common:hover {

  background-color: #5533FF;

  color: #fff;

  transform: translateY(-2px);

}



.btn-light-bg {

  background-color: #ff704f;

}



.btn-border {

  border-style: solid;

  border-width: 1px;

  cursor: pointer;

  background-color: transparent;

  border-color: #3ecf8e;

  color: #3ecf8e;

  width: 160px;

  height: 50px;

  padding: 14px 15px;

}



.btn-border:hover {

  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);

  transform: translateY(-2px);

}



.btn-border-filled {

  cursor: pointer;

  background-color: #27d5f5;

  border: 1px solid #27d5f5;

  color: #fff;

  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);

  width: 180px;

  height: 50px;

  padding: 15px 15px;

}



.btn-border-filled:hover {

  color: #fff;

  background-color: transparent;

  border-color: #fff;

  transform: translateY(-2px);

}



.btn-lg {

  padding: 14px 33px;

  text-transform: uppercase;

  font-size: 16px;

}



.btn-rm {

  color: #3c9cfd;

  padding: 10px 0;

  text-transform: capitalize;

  font-size: 16px;

}



.btn-rm i {

  vertical-align: middle;

}



.btn-singin {

  background: #7fc9fb;

  color: #fff;

  padding: 10px 23px;

  margin-left: 30px;

  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);

}



.btn-singin:hover,

.btn-singin:active,

.btn-singin:focus {

  color: #fff;

  box-shadow: 0px 0px 0px 0px rgba(96, 94, 94, 0.17);

}



.btn-light-singin:hover,

.btn-light-singin:active,

.btn-light-singin:focus {

  color: #fff;

  box-shadow: 0px 0px 0px 0px rgba(96, 94, 94, 0.17);

}



.btn-apple {

  border-width: 2px;

  border-color: #3c96ff;

  border-style: solid;

  background: linear-gradient(to right, #3c96ff 0%, #2dfbff 100%);

  /* -webkit-background-clip: text; */

  -webkit-text-fill-color: transparent;

  transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}



.btn-apple i {

  background: linear-gradient(to right, #3c96ff 0%, #2dfbff 100%);

  /* -webkit-background-clip: text; */

  -webkit-text-fill-color: transparent;

}



.btn-apple:hover,

.btn-apple:active,

.btn-apple:focus {

  background: linear-gradient(to right, #3c96ff 0%, #2dfbff 100%) !important;

  /* -webkit-background-clip: text !important; */

  -webkit-text-fill-color: transparent !important;

}



button:focus {

  outline: none !important;

}



.btn-border-fill {

  background: #fff;

  border-color: #fff;

  color: #3c9cfd;

}



.btn-subtitle {

  color: #191c1e;

  font-family: 'Poppins', sans-serif;

  background: #dbecff;

  text-align: center;

  border-radius: 30px;

  padding: 6px 30px;

  text-transform: uppercase;

  font-weight: 700;

  margin-bottom: 20px;

  font-size: 14px;

}



.clear {

  clear: both;

}

/* 

.mt {

  margin-top: 80px;

} */



.mt-30 {

  margin-top: 30px;

}



.mb-30 {

  margin-bottom: 30px;

}



.pt-30 {

  padding-top: 30px;

}



.pb-30 {

  padding-bottom: 30px;

}



.pt-70 {

  padding-top: 70px;

}



.mb-50 {

  margin-bottom: 50px;

}



.padding-0 {

  padding: 0;

}



.pr-20 {

  padding-right: 20px;

}



.pl-20 {

  padding-left: 20px;

}



.pl-70 {

  padding-left: 70px;

}



.pr-70 {

  padding-right: 70px;

}



/* Preloader */

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  z-index: 9999999;

}



.loader {

  top: 50%;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  position: relative;

  margin: 0 auto;

}



#loader-1:before,

#loader-1:after {

  content: "";

  position: absolute;

  top: -10px;

  left: -10px;

  width: 100%;

  height: 100%;

  border-radius: 100%;

  border: 7px solid transparent;

  border-top-color: #3c9cfd;

}



#loader-1:before {

  z-index: 100;

  animation: spin 2s infinite;

}



#loader-1:after {

  border: 7px solid #fafafa;

}



@keyframes spin {

  0% {

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



/* ========================================================================== 

   Scroll To Up 

   ========================================================================== */

.back-to-top {

  display: none;

  position: fixed;

  bottom: 120px;

  right: 20px;

  width: 45px;

  height: 45px;

  line-height: 50px;

  cursor: pointer;

  text-align: center;

  border-radius: 4px;

  background: #5533ff;

  background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);

  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);

  z-index: 9999999;

}



.back-to-top i {

  color: #fff;

  font-size: 20px;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



/* ==========================================================================

   Navbar Style

   ========================================================================== */

.logo-menu a {

  font-size: 20px;

  color: #fff;

}



.menu-bg {

  background: #5533ff;

  background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%) !important;

  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);

  z-index: 9999;

  padding: 5px;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.menu-bg .menu-button {

  top: 0;

}



.menu-bg .menu-button:hover {

  cursor: pointer;

  color: #3c9cfd;

}



.menu-bg .logo-menu a {

  color: #3c9cfd;

}



.menu-bg .navbar-nav .nav-link {

  color: #ffffff !important;

}



.menu-bg .navbar-nav .nav-link:hover {

  color: #ffffff !important;

}



.menu-bg .navbar-nav .active {

  color: #ffffff !important;

}



.navbar-expand-md .navbar-nav .nav-link {

  color: #fff;

  font-size: 16px;

  padding: 8px 0px;

  margin-left: 26px;

  font-family: 'Poppins', sans-serif;

  position: relative;

  font-weight: 500;

}



.navbar-expand-md .navbar-nav .nav-link:before {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  width: 0;

  height: 2px;

  background: #ffffff;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  transition: 0.3s;

}



.navbar-expand-md .navbar-nav .active::before,

.navbar-expand-md .navbar-nav .nav-link:hover::before {

  width: 100%;

}



.navbar-brand {

  color: #fff;

}



.navbar-expand-md .navbar-nav .nav-link:focus,

.navbar-expand-md .navbar-nav .nav-link:hover,

.navbar-expand-md .navbar-nav .nav-link:hover:before {

  color: #ffffff;

}



.navbar-expand-md .navbar-nav .active>.nav-link,

.navbar-expand-md .navbar-nav .nav-link.active,

.navbar-expand-md .navbar-nav .nav-link.active:before,

.navbar-expand-md .navbar-nav .nav-link.open,

.navbar-expand-md .navbar-nav .open>.nav-link {

  color: #ffffff;

}



.navbar-expand-md .navbar-toggler {

  background: transparent;

  border: 1px solid #fff;

  border-radius: 3px;

  margin: 5px;

  cursor: pointer;

  float: right;

}



.navbar-expand-md .navbar-toggler i {

  color: #fff !important;

}



.navbar-expand-md .navbar-toggler:focus {

  outline: none;

}



/* ==========================================================================

   Hero Area

   ========================================================================== */

.hero-area {

  position: relative;

}



.hero-area .overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  background: #5533ff;

  background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);

  -webkit-transform: skewY(-12deg);

  transform: skewY(-12deg);

  -webkit-transform-origin: 0;

  transform-origin: 0;

  z-index: -12;

}



.hero-area .overlay :nth-child(1) {

  width: 33.33333%;

  width: calc(100% / 2);

  top: 0;

  left: 16.66666%;

  left: calc(calc(100% / 3) / 2);

  right: auto;

  background: #5533ff;

  background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);

  height: 200px;

}



.hero-area .overlay :nth-child(2) {

  width: 33.33333%;

  width: calc(100% /3);

  bottom: 0;

  background: #5533ff;

  background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);

  position: absolute;

  height: 155px;

  left: 3%;

}



.hero-area .contents {

  padding: 220px 0;

}



.hero-area .contents h2 {

  color: #fff;

  font-size: 40px;

  font-weight: 500;

  line-height: 60px;

  margin-bottom: 20px;

}



.hero-area .contents p {

  color: #fff;

  font-size: 18px;

  line-height: 26px;

}



.hero-area .contents .btn {

  margin-top: 40px;

  margin-right: 20px;

  text-transform: uppercase;

  width: 180px;

  height: 50px;

  padding: 15px 15px;

}



.hero-area .contents .btn-border {

  border: 1px solid #fff;

  color: #27d5f5 !important;

  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);

  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);

  width: 180px;

  height: 50px;

  padding: 15px 15px;

  background: #fff;

}



.hero-area .contents .btn-border:hover {

  background: #fff;

  color: #3ecf8e;

}



.hero-area .intro-img {

  padding: 180px 0 0px;

}



.hero-area .intro-img img {

  display: block;

  height: auto;

  max-width: 100%;

}



/* ==========================================================================

   About 

   ========================================================================== */

#services .services-item {

  padding: 60px 11px;

  border: 1px solid #ddd;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



#services .services-item:hover {

  border: 1px solid #3ecccf;

  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  -moz-transition: all .4s ease;

  -webkit-transition: all .4s ease;

  transition: all .4s ease;

}



#services .services-item .icon {

  background: #e3fdff;

  width: 110px;

  height: 110px;

  margin: 0px auto;

  margin-bottom: 0px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-bottom: 25px;

}



#services .services-item .icon i {

  font-size: 40px;

  color: #3ecccf;

  position: absolute;

  left: 0;

  right: 0;

  top: 30%;

}



#services .services-item h4 {

  font-size: 20px;

  font-weight: 600;

  color: #151948;

  margin-bottom: 15px;

}



#services .services-item p {

  font-size: 16px;

  margin-bottom: 10px;

  color: #5e629c;

}



/* ==========================================================================

   business-plan Section 

   ========================================================================== */

#business-plan {

  padding-bottom: 130px;

}



#business-plan .container-fluid {

  padding-right: 30px;

  padding-left: 30px;

}



#business-plan .business-item-info {

  margin-top: 60px;

}



#business-plan .business-item-info h3 {

  font-size: 35px;

  font-weight: 600;

  margin-bottom: 25px;

  color: #151948;

}



#business-plan .business-item-info h5 {

  font-size: 20px;

  font-weight: 900;

  color: #151948;

}



#business-plan .business-item-info p {

  font-size: 16px;

}



/* ==========================================================================

   Features 

   ========================================================================== */

#features {

  background: #f9f9f9;

  padding-bottom: 65px;

}



#features .featured-bg {

  background-color: #fff;

  line-height: 30px;

}



/* #features .featured-border1 {

  border-top: 1px solid #ededed;

  border-bottom: 1px solid #ededed;

  border-right: 1px solid #ededed;

  border-left: 1px solid #ededed;

} */



#features .featured-border2 {

  border-bottom: 1px solid #ededed;

}



#features .featured-border3 {

  border-right: 1px solid #ededed;

}



#features .feature-item {

  padding: 30px;

  overflow: hidden;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



#features .feature-item h4 {

  font-size: 17px;

  font-weight: 900;

  color: #151948;

  margin-top: 30px;

}



#features .feature-item p {

  font-size: 16px;

  display: block;

}



#features .feature-item:hover {

  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  /* -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease; */

  background-color: #f8f8f8;

}



/* List 1 */

#features .feature-item .feature-info ul .list1{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

#features .feature-item .feature-info ul li.list1:before {

	content: "✔";

  font-weight: 600;

  color: #4aabdc;

	position: absolute;

	left: 0;

}



/* List 2 */

#features .feature-item .feature-info ul .list2{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

#features .feature-item .feature-info ul li.list2:before {

	content: "✔";

  font-weight: 600;

	position: absolute;

	left: 0;

  color: #f67171;

}



/* List 3 */

#features .feature-item .feature-info ul .list3{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

#features .feature-item .feature-info ul li.list3:before {

	content: "✔";

  font-weight: 600;

	position: absolute;

	left: 0;

  color: #c359d3;

}



/* List 4 */

#features .feature-item .feature-info ul .list4{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

#features .feature-item .feature-info ul li.list4:before {

	content: "✔";

  font-weight: 600;

	position: absolute;

	left: 0;

  color: #41d2db;

}



/* List 5 */

#features .feature-item .feature-info ul .list5{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

#features .feature-item .feature-info ul li.list5:before {

	content: "✔";

  font-weight: 600;

	position: absolute;

	left: 0;

  color: #f2942a;

}



/* List 6 */

#features .feature-item .feature-info ul .list6{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

#features .feature-item .feature-info ul li.list6:before {

	content: "✔";

  font-weight: 600;

	position: absolute;

	left: 0;

  color: #9471f6;

}



/* List 7 */

#features .feature-item .feature-info ul .list7{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

#features .feature-item .feature-info ul li.list7:before {

	content: "✔";

  font-weight: 600;

	position: absolute;

	left: 0;

  color: #4cd0a1;

}



/* List 8 */

#features .feature-item .feature-info ul .list8{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

#features .feature-item .feature-info ul li.list8:before {

	content: "✔";

  font-weight: 600;

	position: absolute;

	left: 0;

  color: #f683f9;

}



/* Superlite List */



.carousel-item ul li.list9{

  position: relative;

	list-style: none;

	margin-left: 0;

	padding-left: 1.2em;

}

.carousel-item ul li.list9:before {

	content: "✔";

  font-weight: 600;

	position: absolute;

	left: 0;

  color: #f683f9;

}



/* Start */



/* Icon 1 */



#features .feature-item .feature-icon.icon1 i {

  font-size: 25px;

  color: #4aabdc;

  position: absolute;

  left: 0;

  right: 0;

  top: 32%;

}

#features .feature-item .feature-icon.icon1 {

  background: #e3feff;

  width: 60px;

  height: 60px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-right: 12px;

  margin-top: 12px;

  float: left;

}

#features .feature-item:hover .feature-icon.icon1 i {

  color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

} 

#features .feature-item:hover .feature-icon.icon1 {

  background: #4aabdc;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}





/* Icon 2 */



#features .feature-item .feature-icon.icon2 i {

  font-size: 25px;

  color: #f67171;

  position: absolute;

  left: 0;

  right: 0;

  top: 32%;

}

#features .feature-item .feature-icon.icon2 {

  background: #ffe8e8;

  width: 60px;

  height: 60px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-right: 12px;

  margin-top: 12px;

  float: left;

}

#features .feature-item:hover .feature-icon.icon2 i {

  color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

} 

#features .feature-item:hover .feature-icon.icon2 {

  background: #f67171;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



/* Icon 3 */



#features .feature-item .feature-icon.icon3 i {

  font-size: 25px;

  color: #c359d3;

  position: absolute;

  left: 0;

  right: 0;

  top: 32%;

}

#features .feature-item .feature-icon.icon3 {

  background: #fdefff;

  width: 60px;

  height: 60px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-right: 12px;

  margin-top: 12px;

  float: left;

}

#features .feature-item:hover .feature-icon.icon3 i {

  color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

} 

#features .feature-item:hover .feature-icon.icon3 {

  background: #c359d3;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



/* Icon 4 */



#features .feature-item .feature-icon.icon4 i {

  font-size: 25px;

  color: #41d2db;

  position: absolute;

  left: 0;

  right: 0;

  top: 32%;

}

#features .feature-item .feature-icon.icon4 {

  background: #e4fdff;

  width: 60px;

  height: 60px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-right: 12px;

  margin-top: 12px;

  float: left;

}

#features .feature-item:hover .feature-icon.icon4 i {

  color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

} 

#features .feature-item:hover .feature-icon.icon4 {

  background: #41d2db;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



/* Icon 5 */



#features .feature-item .feature-icon.icon5 i {

  font-size: 25px;

  color: #f2942a;

  position: absolute;

  left: 0;

  right: 0;

  top: 32%;

}

#features .feature-item .feature-icon.icon5 {

  background: #fff5ea;

  width: 60px;

  height: 60px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-right: 12px;

  margin-top: 12px;

  float: left;

}

#features .feature-item:hover .feature-icon.icon5 i {

  color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

} 

#features .feature-item:hover .feature-icon.icon5 {

  background: #f2942a;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



/* Icon 6 */



#features .feature-item .feature-icon.icon6 i {

  font-size: 25px;

  color: #9471f6;

  position: absolute;

  left: 0;

  right: 0;

  top: 32%;

}

#features .feature-item .feature-icon.icon6 {

  background: #ebe4ff;

  width: 60px;

  height: 60px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-right: 12px;

  margin-top: 12px;

  float: left;

}

#features .feature-item:hover .feature-icon.icon6 i {

  color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

} 

#features .feature-item:hover .feature-icon.icon6 {

  background: #9471f6;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



/* Icon 7 */



#features .feature-item .feature-icon.icon7 i {

  font-size: 25px;

  color: #4cd0a1;

  position: absolute;

  left: 0;

  right: 0;

  top: 32%;

}

#features .feature-item .feature-icon.icon7 {

  background: #e5fff6;

  width: 60px;

  height: 60px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-right: 12px;

  margin-top: 12px;

  float: left;

}

#features .feature-item:hover .feature-icon.icon7 i {

  color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

} 

#features .feature-item:hover .feature-icon.icon7 {

  background: #4cd0a1;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



/* Icon 8 */



#features .feature-item .feature-icon.icon8 i {

  font-size: 25px;

  color: #f683f9;

  position: absolute;

  left: 0;

  right: 0;

  top: 32%;

}

#features .feature-item .feature-icon.icon8 {

  background: #ffecff;

  width: 60px;

  height: 60px;

  text-align: center;

  display: block;

  border-radius: 50%;

  position: relative;

  margin-right: 12px;

  margin-top: 12px;

  float: left;

}

#features .feature-item:hover .feature-icon.icon8 i {

  color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

} 

#features .feature-item:hover .feature-icon.icon8 {

  background: #f683f9;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}





/* ==========================================================================

   Features 

   ========================================================================== */

#download-app {

  padding-bottom: 100px;

}



#download-app .download-info {

  padding-top: 30px;

}



#download-app .download-info h3 {

  font-size: 35px;

  font-weight: 600;

  margin-bottom: 20px;

  line-height: 44px;

}



#download-app .download-info p {

  font-size: 16px;

  display: block;

  margin-bottom: 35px;

}



#download-app .download-info .downlaod-btn {

  padding-bottom: 50px;

  border-bottom: 1px solid #ff704f;

  margin-bottom: 40px;

}



#download-app .download-info .downlaod-btn a.play-store {

  font-size: 12px;

  box-shadow: 0px 10px 20px 2px rgba(255, 112, 79, 0.24);

  border-radius: 35px;

  text-transform: inherit;

  text-align: left;

  padding: 15px 80px;

  width: 195px;

  height: 65px;

  line-height: 18px;

  margin-right: 35px;

  background: #ff704f;

  background-position-x: left;

  background-position-y: center;

  background-position: 20%;

}



#download-app .download-info .downlaod-btn a {

  position: relative;

}



#download-app .download-info .downlaod-btn a.play-store span {

  font-size: 15px;

  font-weight: 500;

}



#download-app .download-info .downlaod-btn a.play-store i {

  position: absolute;

  left: 40px;

  font-size: 28px;

  color: #fff;

  top: 18px;

}



#download-app .download-info .downlaod-btn a.ios-store i {

  position: absolute;

  left: 40px;

  font-size: 28px;

  color: #000;

  top: 18px;

}



#download-app .download-info .downlaod-btn a.ios-store {

  border: 1px solid #ff704f;

  color: #151948;

  font-size: 12px;

  box-shadow: 0px 10px 20px 2px rgba(255, 112, 79, 0.24);

  border-radius: 35px;

  text-transform: inherit;

  text-align: left;

  padding: 15px 80px;

  width: 195px;

  height: 65px;

  line-height: 18px;

  margin-right: 35px;

  background: #fff;

  background-position-x: left;

  background-position-y: center;

  background-position: 20%;

  position: relative;

}



#download-app .download-info .downlaod-btn a.play-store:hover {

  color: #151948;

  -webkit-transition: all 0.8s ease-in-out;

  -moz-transition: all 0.8s ease-in-out;

  -o-transition: all 0.8s ease-in-out;

  transition: all 0.8s ease-in-out;

}



#download-app .download-info .downlaod-btn a.ios-store span {

  font-size: 15px;

}



#download-app .download-info .downlaod-btn a.ios-store:hover {

  color: #ff704f;

  -webkit-transition: all 0.8s ease-in-out;

  -moz-transition: all 0.8s ease-in-out;

  -o-transition: all 0.8s ease-in-out;

  transition: all 0.8s ease-in-out;

}



#download-app .download-statatics h3 {

  color: #151948;

  font-size: 30px;

  font-weight: 600;

  margin-bottom: 0px;

}



#download-app .download-statatics p {

  font-size: 18px;

  color: #5e629c;

}



/* ==========================================================================

   Showcase 

   ========================================================================== */

#showcase {

  padding-bottom: 375px;

}



#showcase .right-position {

  position: relative;

}



#showcase .showcase-area {

  position: absolute;

  width: 97%;

  z-index: 12;

  top: 260px;

  margin: 0px auto;

}



#showcase .showcase-text h2 {

  color: #fff;

}



#showcase .showcase-text p {

  color: #fff;

}



#showcase .gradient-bg {

  background: #5533ff;

  background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);

  padding: 119px 0px 80px 0px;

}



#showcase .showcase-slider .owl-controls .owl-page.active span,

#showcase .showcase-slider .owl-controls.clickable .owl-page:hover span {

  filter: Alpha(Opacity=100);

  opacity: 1;

  background: #3ecf8e;

}



#showcase .showcase-slider .owl-controls .owl-page span {

  display: block;

  width: 12px;

  height: 12px;

  margin: 5px 7px;

  filter: Alpha(Opacity=50);

  opacity: 0.5;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  background: #3ecf8e;

}



#showcase .showcase-slider .owl-controls .active span {

  width: 15px;

  height: 15px;

}



#showcase .showcase-slider .screenshot-thumb {

  width: 100%;

  height: 100%;

  position: relative;

}



#showcase .showcase-slider .screenshot-thumb .fancy-table {

  padding-top: 72px;

}



#showcase .showcase-slider .screenshot-thumb p {

  color: #fff;

  font-size: 16px;

  font-style: italic;

  margin-bottom: 10px;

}



#showcase .showcase-slider .screenshot-thumb h5 {

  font-size: 20px;

  color: #fff;

  display: block;

  font-weight: 600;

}



#showcase .showcase-slider .screenshot-thumb .zoom-icon a {

  display: inline-block;

  margin: 8px;

}



#showcase .showcase-slider .screenshot-thumb .zoom-icon a:hover i {

  color: #000;

  -webkit-transition: all 200ms ease-in;

  -ms-transition: all 200ms ease-in;

  -moz-transition: all 200ms ease-in;

  transition: all 200ms ease-in;

}



#showcase .showcase-slider .screenshot-thumb .zoom-icon a i {

  color: #fff;

  font-size: 20px;

}



#showcase .showcase-slider .screenshot-thumb>.hover-content {

  background-color: #3ecf8e;

  opacity: 0.90;

  height: 85%;

  left: 0;

  opacity: 0;

  position: absolute;

  top: 0;

  -webkit-transition-duration: 500ms;

  -o-transition-duration: 500ms;

  transition-duration: 500ms;

  width: 83%;

  margin: 25px;

}



#showcase .showcase-slider .screenshot-thumb:hover .hover-content {

  opacity: 0.8;

  -webkit-transition-duration: 500ms;

  -o-transition-duration: 500ms;

  transition-duration: 500ms;

}



#showcase .showcase-slider .owl-wrapper-outer {

  padding: 20px 0px;

}



/*---------------------------------------------------------------------------

   Superlite section

  ---------------------------------------------------------------------------*/

  .superlite-heading1{

    margin: 0;

    font-size: 26px;

    font-weight: 700;

    color: #151948;

  }

  .superlite-heading2{

    color: #5e629c;

    margin: 15px 0 0 0;

    font-size: 20px;

    line-height: 35px;

  }

  .superlite-list li.litelist:before {

    content: "✔";

    font-size:25px;

    color:#4cd0a1;

    position: absolute;

  }

  .superlite-list span{

    margin-left: 25px;

  }

  .superlite-list{

    color: #5e629c;

    font-size: 20px;

    line-height: 35px;

    margin: 15px 0 0 0;

  }

  

/* ==========================================================================

   Testimonial section

   ========================================================================== */

#testimonial {

  margin-bottom: 270px;

  background: url(../testimonial-bg.html) no-repeat center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}



#testimonial .right-position {

  position: relative;

}



#testimonial .testimonial-area {

  position: absolute;

  width: 100%;

  z-index: 12;

  top: 260px;

  margin: 0px auto;

}



#testimonial #client-testimonial {

  background-color: #fff;

  padding: 54px;

  -webkit-box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  -moz-box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

}



#testimonial #client-testimonial .content-inner p {

  font-size: 24px;

  color: #5e629c;

  font-style: italic;

  line-height: 35px;

}



#testimonial #client-testimonial .author-info {

  padding-top: 26px;

  padding-bottom: 20px;

}



#testimonial #client-testimonial .author-info h5 {

  color: #151948;

  font-size: 18px;

}



#testimonial #client-testimonial h5 span {

  font-size: 16px;

  color: #5e629c;

  font-style: italic;

}



#testimonial #client-testimonial .owl-controls .owl-buttons div.owl-prev {

  color: #3ecf8e;

  display: inline-block;

  zoom: 1;

  display: inline;

  margin: 5px;

  font-size: 16px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 50px;

  background: #fff;

  filter: Alpha(Opacity=50);

  position: absolute;

  left: -20px;

  top: 48%;

  opacity: 1;

  border: 1px solid #ccc;

  width: 38px;

  height: 38px;

  padding: 8px 0px;

}



#testimonial #client-testimonial .owl-controls .owl-buttons div.owl-next {

  color: #3ecf8e;

  display: inline-block;

  zoom: 1;

  display: inline;

  margin: 5px;

  font-size: 16px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  border-radius: 50px;

  background: #fff;

  filter: Alpha(Opacity=50);

  position: absolute;

  right: -20px;

  top: 48%;

  opacity: 1;

  border: 1px solid #ccc;

  width: 38px;

  height: 38px;

  padding: 8px 0px;

}



#testimonial #client-testimonial .owl-controls .owl-buttons div.owl-prev:hover,

#testimonial #client-testimonial .owl-controls .owl-buttons div.owl-next:hover {

  color: #fff;

  background: #3ecf8e;

  border-color: #3ecf8e;

}



#testimonial .video-promo-content {

  padding-top: 0;

  padding-bottom: 300px;

}



#testimonial .video-play-button {

  position: absolute;

  z-index: 10;

  top: 30%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  box-sizing: content-box;

  display: block;

  width: 32px;

  height: 44px;

  /* background: #fa183d; */

  border-radius: 50%;

  padding: 18px 20px 18px 28px;

}



#testimonial .video-play-button:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 100px;

  height: 100px;

  background: #fff;

  border-radius: 50%;

  animation: pulse-border 1500ms ease-out infinite;

}



#testimonial .video-play-button:after {

  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 100px;

  height: 100px;

  background: #fff;

  border-radius: 50%;

  transition: all 200ms;

  opacity: 0.5;

}



#testimonial .video-play-button:hover:after {

  background-color: #28ca81;

}



#testimonial .video-play-button:hover span {

  border-left: 22px solid #fff;

  border-top: 14px solid transparent;

  border-bottom: 14px solid transparent;

  border-radius: 2px;

}



#testimonial .video-play-button span {

  display: block;

  position: relative;

  z-index: 3;

  width: 0;

  height: 0;

  border-left: 22px solid #3ecf8e;

  border-top: 14px solid transparent;

  border-bottom: 14px solid transparent;

  border-radius: 2px;

  margin-top: 8px;

  margin-left: 5px;

}



@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }



  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}



@keyframes pulse-church-members {

  0% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    background-color: #FF0;  

  }



  50% {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

    background-color: #FF0;  

  }



  100% {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

  }

}

/* ==========================================================================

   Our Pricing 

   ========================================================================== */

#pricing .pricing-table {

  padding: 55px 0px;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



#pricing .pricing-table h3 {

  font-size: 20px;

  color: #151948;

  font-weight: 500;

  text-transform: uppercase;

  margin-bottom: 11px;

}



#pricing .pricing-table h1 {

  color: #3ecf8e;

  font-size: 50px;

  font-weight: 500;

  position: relative;

  padding-left: 10px;

}



#pricing .pricing-table h1 span {

  font-size: 16px;

  position: absolute;

  left: 20%;

  top: 10px;

}


#pricing .pricing-table ul li {

  font-size: 16px;

  font-weight: 400;

  color: #5e629c;

  display: block;

  line-height: 33px;

}



#pricing .pricing-table:hover {


  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  -moz-transition: all .4s ease;

  -webkit-transition: all .4s ease;

  transition: all .4s ease;
  

}

#pricing .pricing-table:hover .btn-common {

  background-color: #5533FF;

  position: relative;
  
  transform: translateY(-2px);

  z-index: 1;

  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);

  width: 160px;

  height: 50px;

  padding: 14px 15px;

}

#pricing .pricing-table:hover p.month{
  color: #5533FF !important;
}
#pricing .pricing-table:hover p.year{
  color: #5533FF !important;
}
#pricing .pricing-table:hover p.strikethrough{
  color: #a8aaa2 !important;
}
#pricing .pricing-table:hover p.limit{
  color: #a8aaa2 !important;
}


/* ==========================================================================

   team section

   ========================================================================== */

#team .single-team {

  border: 1px solid #ddd;

  position: relative;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



#team .single-team img {

  width: 100%;

}



#team .single-team .team-social-icons {

  position: absolute;

  left: 0;

  right: 0;

  text-align: center;

  top: -20px;

}



#team .single-team .team-social-icons ul.social-list li {

  display: inline-block;

  width: 35px;

  height: 35px;

  border: 1px solid #ccc;

  border-radius: 50%;

  padding: 5px;

  line-height: 30px;

  margin: 4px;

  background: #fff;

}



#team .single-team .team-social-icons ul.social-list li:hover {

  background: #3ecf8e;

  -moz-transition: all .4s ease;

  -webkit-transition: all .4s ease;

  border-color: #3ecf8e;

  transition: all .4s ease;

}



#team .single-team .team-social-icons ul.social-list li:hover a {

  display: block;

}



#team .single-team .team-social-icons ul.social-list li:hover a i {

  color: #fff;

  -moz-transition: all .4s ease;

  -webkit-transition: all .4s ease;

  transition: all .4s ease;

}



#team .single-team .team-social-icons ul.social-list li a i {

  color: #3ecf8e;

  font-size: 16px;

}



#team .single-team:hover {

  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



#team .single-team .team-details {

  padding: 45px 0px 30px 0px;

  position: relative;

}



#team .single-team .team-details h5.team-title {

  font-size: 16px;

  font-weight: 600;

  display: block;

  margin-bottom: 0;

}



#team .single-team .team-details p {

  font-size: 12px;

  color: #5e629c;

}



/* ==========================================================================

   Blog section

   ========================================================================== */

.blog-hero-area {

  background: url(../hero-area.html) no-repeat;

  background-size: auto;

  background-size: cover;

  color: #fff;

  overflow: hidden;

  position: relative;

}



.blog-hero-area .contents {

  padding: 160px 0 140px;

}



#blog {

  background: #f9f9f9;

}



#blog .blog-item-wrapper {

  border: 1px solid #ddd;

  background-color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



#blog .blog-item-wrapper:hover {

  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

  border-color: #3ecf8e;

}



#blog .blog-item-wrapper:hover h3 a {

  color: #3ecf8e;

}



#blog .blog-item-wrapper .blog-item-text {

  padding: 26px 30px 30px 30px;

}



#blog .blog-item-wrapper h3 {

  font-size: 20px;

  font-weight: 600;

  line-height: 28px;

  margin-bottom: 12px;

}



#blog .blog-item-wrapper h3 a {

  color: #151948;

}



#blog .blog-item-wrapper p {

  font-size: 15px;

  line-height: 23px;

  margin-bottom: 20px;

}



#blog .blog-item-wrapper a.read-more {

  color: #3ecf8e;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 500;

  position: relative;

}



#blog .blog-item-wrapper a.read-more i {

  color: #3ecf8e;

  font-size: 10px;

  position: absolute;

  top: 3px;

}



#blog .blog-item-wrapper .author {

  border-top: 1px solid #ddd;

  padding: 18px 30px 35px 30px;

}



#blog .blog-item-wrapper span.name a {

  color: #5e629c;

  font-size: 14px;

}



#blog .blog-item-wrapper span.name i {

  color: #3ecf8e;

  margin-right: 5px;

}



#blog .blog-item-wrapper span.date a {

  color: #5e629c;

  font-size: 14px;

}



#blog .blog-item-wrapper span.date i {

  color: #3ecf8e;

  margin-right: 5px;

}



/* ==========================================================================

   Blog index2 version

   ========================================================================== */

#blog2 {

  background: #fff;

}



#blog2 .blog-item-wrapper {

  border: 1px solid #ddd;

  background-color: #fff;

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

}



#blog2 .blog-item-wrapper:hover {

  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  -moz-transition: all .8s ease;

  -webkit-transition: all .8s ease;

  transition: all .8s ease;

  border-color: #ff704f;

}



#blog2 .blog-item-wrapper:hover h3 a {

  color: #ff704f;

}



#blog2 .blog-item-wrapper .blog-item-text {

  padding: 26px 30px 30px 30px;

}



#blog2 .blog-item-wrapper h3 {

  font-size: 20px;

  font-weight: 600;

  line-height: 28px;

  margin-bottom: 12px;

}



#blog2 .blog-item-wrapper h3 a {

  color: #151948;

}



#blog2 .blog-item-wrapper p {

  font-size: 15px;

  line-height: 23px;

  margin-bottom: 20px;

}



#blog2 .blog-item-wrapper a.read-more {

  color: #ff704f;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 500;

  position: relative;

}



#blog2 .blog-item-wrapper a.read-more i {

  color: #ff704f;

  font-size: 10px;

  position: absolute;

  top: 3px;

}



#blog2 .blog-item-wrapper .author {

  border-top: 1px solid #ddd;

  padding: 18px 30px 35px 30px;

}



#blog2 .blog-item-wrapper span.name a {

  color: #5e629c;

  font-size: 14px;

}



#blog2 .blog-item-wrapper span.name i {

  color: #ff704f;

  margin-right: 5px;

}



#blog2 .blog-item-wrapper span.date a {

  color: #5e629c;

  font-size: 14px;

}



#blog2 .blog-item-wrapper span.date i {

  color: #ff704f;

  margin-right: 5px;

}



/* ==========================================================================

   Blog single post section

   ========================================================================== */

.blog-hero-area .contents h2 {

  color: #fff;

  font-size: 52px;

  font-weight: 300;

  margin-bottom: 25px;

}



#blog .blog-item-wrapper {

  -webkit-transition: transform .2s linear, -webkit-box-shadow .2s linear;

  -moz-transition: transform .2s linear, -moz-box-shadow .2s linear;

  transition: transform .2s linear, box-shadow .2s linear;

}



#blog .blog-item-wrapper:hover {

  box-shadow: 0 10px 50px 0 rgba(84, 110, 122, 0.35);

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

}



#blog-single {

  padding: 80px 0;

  background: #ecf0f1;

}



#blog-single .blog-post {

  background: #fff;

  overflow: hidden;

  margin-bottom: 40px;

}



#blog-single .blog-post .post-thumb img {

  width: 100%;

}



#blog-single .blog-post .post-content {

  padding: 30px;

}



#blog-single .blog-post .post-content h3 {

  font-size: 30px;

  padding-bottom: 10px;

}



#blog-single .blog-comment {

  background: #fff;

  padding: 50px 30px;

  margin-top: 30px;

  overflow: hidden;

}



#blog-single .blog-comment h4 {

  font-size: 24px;

  margin-bottom: 30px;

}



#blog-single .blog-comment .comment-list {

  list-style: none;

  margin: 0;

  padding: 0;

  margin-bottom: 50px;

}



#blog-single .blog-comment .comment-list .the-comment {

  border-bottom: 1px solid #e7e6e6;

  padding-bottom: 25px;

  margin-bottom: 25px;

}



#blog-single .blog-comment .comment-list .children {

  padding-left: 40px;

}



#blog-single .blog-comment .avatar {

  float: left;

  margin-right: 15px;

  padding: 5px;

  border-radius: 3px;

  background: #fff;

  border: 1px dashed #346afe;

}



#blog-single .blog-comment .comment-author {

  margin-bottom: 10px;

}



#blog-single .blog-comment .meta {

  margin-bottom: 10px;

  color: #999;

}



.blog-hero-area .post-meta {

  color: #fff;

  margin-top: 15px;

  margin-bottom: 15px;

}



.blog-hero-area .post-meta ul li {

  display: inline-block;

  margin-right: 8px;

  margin-left: 8px;

}



.blog-hero-area .post-meta ul li i {

  margin-right: 5px;

}



.blog-hero-area .post-meta ul li a {

  color: #fff;

}



.blog-hero-area .post-meta ul li a:hover {

  color: #ff704f;

}



#blog-single .form-control {

  width: 100%;

  margin-bottom: 20px;

  padding: 15px 30px;

  font-size: 14px;

  border-radius: 30px;

  border: 1px solid transparent;

  background: #f5f5f5;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  transition: all .3s;

}



#blog-single .btn-common {

  background-color: #ff704f;

  position: relative;

  z-index: 1;

  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);

  width: 160px;

  height: 50px;

  padding: 14px 15px;

}



#blog-single .form-control:focus {

  border: 1px solid #ff704f;

  outline: none;

  box-shadow: none;

}



#subscribe .form-control {

  width: 100%;

  margin-bottom: 20px;

  padding: 15px 30px;

  font-size: 14px;

  border-radius: 30px;

  border: 1px solid transparent;

  background: #f5f5f5;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  transition: all .3s;

}



.btn.disabled,

.btn:disabled {

  opacity: 1;

}



#blog-single textarea {

  border-radius: 4px !important;

}



.text-danger {

  font-size: 14px;

  margin-top: 10px;

}



.list-unstyled li {

  color: #d9534f;

}



/* ==========================================================================

   Contact section

   ========================================================================== */

#contact form#contactForm .form-group {

  margin-bottom: 30px;

}



#contact form#contactForm input[type=text],

#contact form#contactForm input[type=email] {

  min-height: 52px;

  padding: 0px 0 0 16px;

  font-size: 16px;

  color: #5e629c;

}



#contact form#contactForm textarea {

  padding: 15px 0 0 28px;

  font-size: 16px;

  color: #5e629c;

}



#contact form#contactForm .form-control:focus {

  border: 1px solid #3ecccf;

  outline: none;

  box-shadow: none;

  background: #e3feff;

}



/* ==========================================================================

   Footer section

   ========================================================================== */

#footer-Content {

  padding-top: 130px;

  background: #180e29;

}



#footer-Content .footer-logo img {

  padding-top: 70px;

}



#footer-Content .form-control:focus {

  outline: none;

  box-shadow: none;

  background: #e5fff3;

}



#footer-Content .copyright {

  margin-top: 125px;

  border-top: 1px solid #3c1f6e;

  padding-top: 30px;

  padding-bottom: 30px;

}



#footer-Content .copyright p {

  color: #3ecf8e;

  font-size: 18px;

}



#footer-Content .copyright a {

  color: #ddd;

}



#footer-Content .widget p {

  color: #e2e2e2;

  font-size: 16px;

  line-height: 32px;

}



#footer-Content .widget .subscribe-area {

  position: relative;

  height: 40px;

  margin-top: 18px;

}



#footer-Content .widget .subscribe-area input[type=email] {

  background: #24153c;

  border: 1px solid #fff;

  color: #e2e2e2;

  font-size: 14px;

  font-style: italic;

  height: 38px;

}



#footer-Content .widget .subscribe-area span i {

  position: absolute;

  right: 0;

  width: 60px;

  height: 38px;

  color: #fff;

  top: 0;

  background: #3ecf8e;

  display: block;

  padding: 9px 20px;

  font-size: 18px;

  border-radius: 0px 4px 4px 0px;

}



#footer-Content h3.block-title {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 30px;

}



#footer-Content ul.menu li a {

  color: #e2e2e2;

  font-size: 16px;

  font-weight: 400;

  line-height: 32px;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  transition: all 300ms;

}



#footer-Content ul.menu li a:hover {

  color: #3ecf8e;

  padding-left: 5px;

  -webkit-transition: all 300ms;

  -o-transition: all 300ms;

  transition: all 300ms;

}



.header-btn {

  display: flex;

  flex-direction: row;

}



.btn-watch {

  cursor: pointer;

  background-color: #ffffff;

  color: #1f5bd3 !important;

  box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);

  width: 223px !important;

  /* font-size: 1.2rem;

  font-weight: 700;

  line-height: 1; */

  padding-left: 20px !important;

  padding-right: 20px !important;

}



.pulse {

  font-size: 1.2rem;

  font-weight: 700;

  line-height: 1;

  width: 20px;

  height: 20px;

  top: .03em;

  left: -.2em;

  margin-right: 6px;

  border-radius: 50%;

  color: #fff;

  background: #4278e3;

  box-shadow: 0 0 0 rgba(128, 144, 177, .4);

  animation: pulse 2s infinite;

}



.btn-watch:hover {

  animation: none;

}



@keyframes pulse {

	0% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 rgba(87, 89, 206, 0.7);

	}



	70% {

		transform: scale(1);

		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);

	}



	100% {

		transform: scale(0.95);

		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

	}

}

@keyframes pulse-church-members {

  0% {

    transform: scale(0.95);

    box-shadow: 0 0 0 0 rgb(87 89 206 / 70%);

}

70% {

    transform: scale(0.95);

    box-shadow: 0 0 0 5px #4169e1;

}

100% {

    transform: scale(0.95);

    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);

}

}

.pulse .icon-play {

  position: relative;

  width: .7em;

  height: .7em;

  margin: 0 auto;

  fill: currentColor;

  left: .03em;

  color: #fff;

}



.pricing-null {

  font-size: 26px !important;

  position: absolute;

  left: 36% !important;

  top: 10px;

}



.pricing-small {

  font-size: 26px !important;

  position: absolute;

  left: 14% !important;

  top: 10px;

}



.pricing-medium {

  font-size: 26px !important;

  position: absolute;

  left: 11% !important;

  top: 10px;

}



.pricing-large {

  font-size: 26px !important;

  position: absolute;

  left: 8% !important;

  top: 10px;

}



.event-manag {

 padding: 42px 31px 66px !important;

}



.mass-commun {

  padding: 42px 26px 18px !important;

}



.data-analysis {

  padding: 42px 36px !important;

}

.expense-mang {

  padding: 42px 36px 18px !important;

}



.mobile-acce {

  padding: 42px 36px !important;

}







/* Goodson */







/*--------------------------------------------------------------

# Testimonials

--------------------------------------------------------------*/

.quote{

  color: #C0C0C0 !important;

}

.testimonials .section-title{

  text-align: center;

  padding: 100px 0 20px 0;

  font-weight: 600;

}

.testimonials .testimonial-item {

  box-sizing: content-box;

  padding: 30px 30px 0 30px;

  margin: 30px 15px;

  text-align: center;

  min-height: 350px;

  box-shadow: 0px 0px 25px 0px rgba(95, 95, 95, 0.24);

  background-color: white;

  min-height: 454px;

  border-radius: 10px;

 

}

.testimonials .testimonial-item:hover{

  background-color: #f8f8f8;

  box-shadow: 0px 5px 17px -7px rgba(0, 0, 0, 0.75);

}



.testimonials .testimonial-item .testimonial-img {

    height: 80px;

    width: 80px;

    border: 3px solid white;

    border-radius:50% ;

    -webkit-border-radius:50% ;

    -moz-border-radius:50% ;

    -ms-border-radius:50% ;

    -o-border-radius:50% ;

}



.testimonials .testimonial-item h3 {

  font-size: 18px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #111;

  position: relative;

  margin-top: 20px;

}



.testimonials .testimonial-item h4 {

  font-size: 14px;

  color: rgb(78, 74, 74);

  margin: 0;

  position: relative;

}



.testimonials .testimonial-item .fa-quote-left, .testimonials .testimonial-item .fa-quote-right {

  color: #fedac0;

  font-size: 26px;

}



.testimonials .testimonial-item .fa-quote-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.testimonials .testimonial-item .fa-quote-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

}



.testimonials .testimonial-item p {

  font-style: normal;

  margin: 15px 0;

  color: black;

  text-align: left;

}



.testimonials .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.testimonials .swiper-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  background-color: #C8C8C8;

  opacity: 1;

  margin: 0px 7px !important;

}



.testimonials .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #3c9dd6;

  width: 12px;

  height: 12px;

  margin: 0px 7px !important;

} 



 .testimonials .testimonial-item .curv1, .curv2, .curv3, .curv4, .curv4,.curv5, .curv6, .curv7, .curv8{

    margin-top: -133px;

    width: 300px;

    margin-left: -20px;

  }



@media (max-width: 1263px){

  .testimonials .testimonial-item .curv1,

  .testimonials .testimonial-item .curv2,

  .testimonials .testimonial-item .curv3,

  .testimonials .testimonial-item .curv4,

  .testimonials .testimonial-item .curv5,

  .testimonials .testimonial-item .curv6,

  .testimonials .testimonial-item .curv7,

  .testimonials .testimonial-item .curv8{

    display: none;

  }

  .aalayam-screen{

    width: 350px;

    margin-left: -7px;

  }

}

@media (max-width: 1120px){

  .testimonials .testimonial-item .curv1,

  .testimonials .testimonial-item .curv2,

  .testimonials .testimonial-item .curv3,

  .testimonials .testimonial-item .curv4,

  .testimonials .testimonial-item .curv5,

  .testimonials .testimonial-item .curv6,

  .testimonials .testimonial-item .curv7,

  .testimonials .testimonial-item .curv8{

      display: none;

  }

}

@media (max-width: 767px){

  .testimonials .testimonial-item .curv1,

  .testimonials .testimonial-item .curv2,

  .testimonials .testimonial-item .curv3,

  .testimonials .testimonial-item .curv4,

  .testimonials .testimonial-item .curv5,

  .testimonials .testimonial-item .curv6,

  .testimonials .testimonial-item .curv7,

  .testimonials .testimonial-item .curv8{

    display: none;

  }

  .aalayam-screen{

    width: 350px;

    margin-left: -7px;

  }

}

@media (max-width: 479px){

  .testimonials .testimonial-item .curv1,

  .testimonials .testimonial-item .curv2,

  .testimonials .testimonial-item .curv3,

  .testimonials .testimonial-item .curv4,

  .testimonials .testimonial-item .curv5,

  .testimonials .testimonial-item .curv6,

  .testimonials .testimonial-item .curv7,

  .testimonials .testimonial-item .curv8{

    display: none;

  }

  .aalayam-screen{
    width: 92% !important;
    margin-left: 15px !important;
  }

}  

/* .pulse:after {

  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 10px;

  height: 10px;

  background:rgba(87, 89, 206, 0.7);

  border-radius: 50%;

  transition: all 200ms;

} */



.full-nav{

	background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%) !important;

}



.cont_principal {

  text-align: center;

  position: absolute;  

  width: 100%;

  height: 100%;

  overflow: hidden;

  background-color: #f9f9f9;

}

.cont_error {

  position: absolute;

  width: 100%;

  height: 300px;

  top: 50%;

  margin-top:-150px;

}



.cont_error > h1  {

  font-family: 'Lato', sans-serif;  

  font-weight: 400;

  font-size:150px;

  color:#fff;

  position: relative;

  left:-100%;

  transition: all 0.5s;

}

.cont_error h1{

  color: #9294AE;

}



.cont_error > p  {

  font-family: 'Lato', sans-serif;  

  font-weight: 300;

  font-size:24px;

  letter-spacing: 5px;

  color:#9294AE;

  position: relative;

  left:100%;

  transition: all 0.5s;

  transition-delay: 0.5s;

  -webkit-transition: all 0.5s;

  -webkit-transition-delay: 0.5s;

}



.cont_aura_1 {

  position:absolute;

  width:300px;

  height: 120%;

  top:25px;

  right: -340px;

  background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%) !important;

  box-shadow: 0px 0px  60px  20px  rgba(137,100,222,0.5);

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}

.cont_aura_2 {

  position:absolute;

  width:100%;

  height: 300px;

  right:-10%;

  bottom:-301px;

  background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%) !important;

  box-shadow: 0px 0px 60px 10px rgba(131, 95, 214, 0.5),0px 0px  20px  0px  rgba(0,0,0,0.1);

  z-index:5;

  transition: all 0.5s;

  -webkit-transition: all 0.5s;

}



.cont_error_active > .cont_error > h1 {

  left:0%;

}

.cont_error_active > .cont_error > p {

  left:0%;

}



.cont_error_active > .cont_aura_2 {

  animation-name: animation_error_2;

  animation-duration: 4s;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

  animation-direction: alternate;

  transform: rotate(-20deg);    

}

.cont_error_active > .cont_aura_1 {

  transform: rotate(20deg);

  right:-170px;

  animation-name: animation_error_1;

  animation-duration: 4s;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

  animation-direction: alternate;

}



@-webkit-keyframes animation_error_1 {

  from {

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

  }

  to {  -webkit-transform: rotate(25deg);

    transform: rotate(25deg);

  }

}

@-o-keyframes animation_error_1 {

  from {

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

  }

  to {  -webkit-transform: rotate(25deg);

    transform: rotate(25deg);

  }



}

@-moz-keyframes animation_error_1 {

  from {

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

  }

  to {  -webkit-transform: rotate(25deg);

    transform: rotate(25deg);

  }



}

@keyframes animation_error_1 {

  from {

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg);

  }

  to {  -webkit-transform: rotate(25deg);

    transform: rotate(25deg);

  }

}

@-webkit-keyframes animation_error_2 {

  from { -webkit-transform: rotate(-15deg); 

    transform: rotate(-15deg);

  }

  to { -webkit-transform: rotate(-20deg);

    transform: rotate(-20deg);

  }

}

@-o-keyframes animation_error_2 {

  from { -webkit-transform: rotate(-15deg); 

    transform: rotate(-15deg);

  }

  to { -webkit-transform: rotate(-20deg);

    transform: rotate(-20deg);

  }

}

@-moz-keyframes animation_error_2 {

  from { -webkit-transform: rotate(-15deg); 

    transform: rotate(-15deg);

  }

  to { -webkit-transform: rotate(-20deg);

    transform: rotate(-20deg);

  }

}

@keyframes animation_error_2 {

  from { -webkit-transform: rotate(-15deg); 

    transform: rotate(-15deg);

  }

  to { -webkit-transform: rotate(-20deg);

    transform: rotate(-20deg);

  }

}



@media (max-width: 900px) {

  .cont_error_active > .cont_aura_1 {

    display: none;

	}

  .cont_error_active > .cont_aura_2 {

    display: none;

  }

  .cont_error{

    padding: 3px;

  }

}
.strikethrough {
  text-decoration: line-through;
}
@media only screen and (max-width: 600px) {
  .fountain {
    font-size: 27px;
    margin-bottom: 21px;
        margin-top: 26px !important;
  }
  .cover-wrapper {
    padding:  0px !important;
}
/* .section-header .section-title {
   padding-top: 0px !important; 
   margin-top: 0px !important; 
} */
.genesis{
  font-size: 25px !important;
}
 .head-title{
  font-size: 29px !important;
} 
.bank{
  margin-top: 40px !important;
  text-align: center;
}
.text-random{
  text-align: center;
}
.guise{
  width: 66% !important;
        margin-left: 67px;
}
.effigy{
  width: 125% ;
  margin-top: 150px ;
  margin-left: -24px ;
}
.verbosity{
  margin-top: 20px !important;
  padding-top: 0px !important;
}
.upholstery{
  padding-top: 0px !important;
}
.leeway{
margin:0 !important;
}
.testimonials .section-title {
   padding: 0px 0 20px 0 !important; 
}
.rim{
  margin-top: 0 !important;
}
}