/*
--------------------------
	Css Indexing
--------------------------
	Table of Css Content
	------- *** -------

--------------------------
** @typography
--------------------------
** Normalize
--------------------------
** Global style
--------------------------
**  Preloader Css
--------------------------
**  breadcrumb-area
--------------------------
** Main Menu Area Start
--------------------------
** Hero Area Start
--------------------------
** feature Area Start
--------------------------
** How It Work Area Start
--------------------------
** Why Chose Us Area Start
--------------------------
** Video Area Start
--------------------------
** Counter Area Start 
--------------------------
** app-screenshot-area
--------------------------
** Testimonial Area Start
--------------------------
** Pricing Area Start 
--------------------------
** Download Area Start
--------------------------
** Team Area Start
--------------------------
** FAQ Area Start  
--------------------------
** Blog Area Start
--------------------------
** Gate In Tuch Area Area Start
--------------------------
** Contact Area Start
--------------------------
** Footer Area Start
--------------------------
** Blog & Blog details Area Start
--------------------------
** Color 2 CSS
--------------------------
** Color 3 CSS
--------------------------
** Color 4 CSS
--------------------------
** Color 5 CSS
--------------------------
** Home 2 Css Start
--------------------------
** Home 3 Css Start
--------------------------
**  Home 4 Css Start
--------------------------
** Home 5 Css Start
--------------------------
** Home 6 Css Start
--------------------------


*/
/*-----------------
    @Typography
-----------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Poppins:400,500,600,700");
/*====================
** Normalize
====================*/
html {
  font-family: "Roboto", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  margin: 0;
  color: #555;
  overflow-x: hidden; }

h1 {
  font-size: 60px;
  line-height: 1.0833333333333333; }

h2 {
  font-size: 52px;
  line-height: 1.4444444444444444; }

h3 {
  font-size: 26px;
  line-height: 1.0833333333333333; }

h4 {
  font-size: 22px;
  line-height: 1.2380952380952381; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #242424;
  font-family: "Poppins", sans-serif; }

p {
  font-size: 16px;
  color: #555;
  line-height: 1.625;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

a {
  color: #242424;
  text-decoration: none; }

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none; }

a i {
  padding: 0 2px; }

img {
  max-width: 100%; }

/*input and button type focus outline disable*/
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
select:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ddd; }

/**
 * 5.0 - Alignments
 */
.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em; }

/*---------------------------
** Global style
---------------------------*/
.mybtn1 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 17px 40px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  -webkit-background: -webkit-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
  -moz-background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
  background: -o-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
  background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
  border: 0px;
  cursor: pointer;
  background-size: 400% 100%;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .mybtn1 i {
    opacity: 0;
    width: 0px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
  .mybtn1:hover {
    color: #fff;
    background-position: 100% 0; }
    .mybtn1:hover i {
      opacity: 1;
      padding-left: 10px;
      width: auto; }
  .mybtn1:focus {
    outline: 0px; }

.mybtn2 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 17px 35px;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  -webkit-background: -webkit-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
  -moz-background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
  background: -o-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
  background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
  background-size: 400% 100%;
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.14);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .mybtn2 i {
    opacity: 1;
    margin-left: 7px;
    font-size: 12px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  .mybtn2:hover {
    color: #fff;
    background-position: 100% 0; }
  .mybtn2:focus {
    outline: 0px; }

@-webkit-keyframes shapeani1 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-moz-keyframes shapeani1 {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(0px); } }

@-o-keyframes shapeani1 {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(0px); } }

@keyframes shapeani1 {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes shapeani2 {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@-moz-keyframes shapeani2 {
  0% {
    transform: translateX(0px); }
  50% {
    transform: translateX(-20px); }
  100% {
    transform: translateX(0px); } }

@-o-keyframes shapeani2 {
  0% {
    transform: translateX(0px); }
  50% {
    transform: translateX(-20px); }
  100% {
    transform: translateX(0px); } }

@keyframes shapeani2 {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  50% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }

@-webkit-keyframes shapeimg {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes shapeimg {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes shapeimg {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes shapeimg {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes b-shadow {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); } }

@-moz-keyframes b-shadow {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); } }

@-o-keyframes b-shadow {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); } }

@keyframes b-shadow {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); } }

.mix {
  display: none; }

.remove-col-padding {
  padding: 0; }

.navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: .3rem;
  padding-left: 0.3rem; }

.bottomtotop i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  font-size: 14px;
  text-align: center;
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  bottom: 15px;
  right: 15px;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.3);
  z-index: 999;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s; }

.br-10 {
  border-radius: 10px; }

.section-title {
  text-align: center;
  margin-bottom: 56px; }
  .section-title.extra-padding .title {
    margin-bottom: 24px; }
  .section-title.white .subtitle {
    color: #fff; }
  .section-title.white .title {
    color: #fff; }
  .section-title.white p {
    color: rgba(255, 255, 255, 0.7); }
  .section-title .title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 13px;
    color: #242424;
    font-weight: 700;
    text-transform: none; }
    .section-title .title span {
      -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
      -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
      background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .section-title p {
    max-width: 650px;
    font-size: 16px;
    line-height: 26px;
    color: #555;
    margin: 0 auto; }
  .section-title.darkbg .title {
    color: #fff; }
    .section-title.darkbg .title span {
      color: #fff; }
  .section-title.darkbg p {
    color: rgba(255, 255, 255, 0.95); }

.background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F7F8FC;
  z-index: -9999; }

.form-element.margin-bottom-30 {
  margin-bottom: 27px; }

.form-element label {
  color: #242424;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px; }
  .form-element label span {
    color: #BE1F27; }

.form-element select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.has-icon {
  position: relative;
  display: block; }
  .has-icon.textarea .the-icon {
    top: 25px; }
  .has-icon .input-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .has-icon .the-icon {
    font-size: 14px;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #7c7c90; }

.input-field {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border-radius: 3px;
  color: #555;
  margin-bottom: 20px; }
  .input-field::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #555; }
  .input-field:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #555; }
  .input-field::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #555; }
  .input-field:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #555; }
  .input-field.borderd {
    border: 2px solid rgba(0, 0, 0, 0.07); }
    .input-field.borderd:focus {
      border: 2px solid rgba(0, 0, 0, 0.3); }
  .input-field.textarea {
    min-height: 137px;
    padding: 15px 20px;
    resize: none; }
  .input-field.error {
    border: 1px solid #9191ff; }
    .input-field.error::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #9191ff; }
    .input-field.error:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #9191ff; }
    .input-field.error::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #9191ff; }
    .input-field.error:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #9191ff; }
    .input-field.error:focus {
      border-color: #9191ff; }

.video-play-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 72px;
  text-align: center;
  font-size: 26px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  z-index: 1; }
  .video-play-btn:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1; }
  .video-play-btn i {
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: text-color;
    -moz-animation-name: text-color;
    -o-animation-name: text-color;
    animation-name: text-color;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    position: inherit;
    z-index: 9; }

.email-success {
  display: block;
  width: 100%; }

.checkbox-element {
  display: inline-block; }

.checkbox-wrapper {
  display: inline-block; }

.margin-top-minus-200 {
  margin-top: -200px; }

.checkbox-inner {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  color: #585869;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .checkbox-inner input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
  .checkbox-inner .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1); }
  .checkbox-inner input:checked ~ .checkmark {
    background-color: #9191ff; }
  .checkbox-inner .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .checkbox-inner input:checked ~ .checkmark:after {
    display: block; }
  .checkbox-inner .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.table-responsive {
  display: table; }

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }

@-moz-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.3);
    opacity: 0; } }

@-o-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.3);
    opacity: 0; } }

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0; } }

@media only screen and (max-width: 991px) {
  .row.reorder-xs {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    direction: rtl; }
  .row.reorder-xs > [class*="col-"] {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    direction: ltr; } }

/*-------------------------
    Preloader Css
---------------------------*/
.preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .preloader-inner .cancel-preloader {
    position: absolute;
    bottom: 30px;
    right: 30px; }
    .preloader-inner .cancel-preloader a {
      background-color: #fff;
      font-weight: 600;
      text-transform: capitalize;
      color: #9191ff;
      width: 200px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: 30px;
      display: block;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .preloader-inner .cancel-preloader a:hover {
        background-color: #00aeff;
        color: #fff; }

.cube-folding {
  width: 50px;
  height: 50px;
  display: inline-block;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 0; }

.cube-folding span {
  position: relative;
  width: 25px;
  height: 25px;
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  display: inline-block; }

.cube-folding span::before {
  content: '';
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 25px;
  height: 25px;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -moz-animation: folding 2.5s infinite linear both;
  -webkit-animation: folding 2.5s infinite linear both;
  animation: folding 2.5s infinite linear both; }

.cube-folding .leaf2 {
  -moz-transform: rotateZ(90deg) scale(1.1);
  -ms-transform: rotateZ(90deg) scale(1.1);
  -webkit-transform: rotateZ(90deg) scale(1.1);
  transform: rotateZ(90deg) scale(1.1); }

.cube-folding .leaf2::before {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background-color: #f2f2f2; }

.cube-folding .leaf3 {
  -moz-transform: rotateZ(270deg) scale(1.1);
  -ms-transform: rotateZ(270deg) scale(1.1);
  -webkit-transform: rotateZ(270deg) scale(1.1);
  transform: rotateZ(270deg) scale(1.1); }

.cube-folding .leaf3::before {
  -moz-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  background-color: #f2f2f2; }

.cube-folding .leaf4 {
  -moz-transform: rotateZ(180deg) scale(1.1);
  -ms-transform: rotateZ(180deg) scale(1.1);
  -webkit-transform: rotateZ(180deg) scale(1.1);
  transform: rotateZ(180deg) scale(1.1); }

.cube-folding .leaf4::before {
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background-color: #e6e6e6; }

@-moz-keyframes folding {
  0%, 10% {
    -moz-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -moz-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -moz-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@-webkit-keyframes folding {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes folding {
  0%, 10% {
    -moz-transform: perspective(140px) rotateX(-180deg);
    -ms-transform: perspective(140px) rotateX(-180deg);
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -moz-transform: perspective(140px) rotateX(0deg);
    -ms-transform: perspective(140px) rotateX(0deg);
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -moz-transform: perspective(140px) rotateY(180deg);
    -ms-transform: perspective(140px) rotateY(180deg);
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

.cube-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  text-align: center; }

.cube-wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  width: 90px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  z-index: 1;
  -moz-animation: shadow 0.5s ease infinite alternate;
  -webkit-animation: shadow 0.5s ease infinite alternate;
  animation: shadow 0.5s ease infinite alternate; }

.cube-wrapper .loading {
  font-size: 16px;
  letter-spacing: 0.1em;
  display: block;
  color: white;
  position: relative;
  top: 25px;
  z-index: 2;
  -moz-animation: text 0.5s ease infinite alternate;
  -webkit-animation: text 0.5s ease infinite alternate;
  animation: text 0.5s ease infinite alternate;
  text-transform: uppercase; }

@-moz-keyframes text {
  100% {
    top: 35px; } }

@-webkit-keyframes text {
  100% {
    top: 35px; } }

@keyframes text {
  100% {
    top: 35px; } }

@-moz-keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px; } }

@-webkit-keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px; } }

@keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px; } }

.navigation.innerpage {
  background: #fff;
  border-bottom: 0px; }

/*-----------------------------
breadcrumb-area
------------------------------*/
.breadcrumb-area {
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  padding: 184px 0px 100px;
  position: relative;
  overflow: hidden; }
  .breadcrumb-area .title {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 12px; }
  .breadcrumb-area .links {
    padding-left: 0px; }
    .breadcrumb-area .links li {
      display: inline-block;
      position: relative;
      margin-right: 20px; }
      .breadcrumb-area .links li::after {
        position: absolute;
        content: "\f054";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -17px;
        color: #fff; }
      .breadcrumb-area .links li:last-child::after {
        display: none; }
      .breadcrumb-area .links li a {
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        -webkit-transition: 0.3s ease-in;
        -moz-transition: 0.3s ease-in;
        -o-transition: 0.3s ease-in;
        transition: 0.3s ease-in; }
        .breadcrumb-area .links li a i {
          -webkit-transition: 0.3s ease-in;
          -moz-transition: 0.3s ease-in;
          -o-transition: 0.3s ease-in;
          transition: 0.3s ease-in;
          color: #fff; }
        .breadcrumb-area .links li a:hover, .breadcrumb-area .links li a.active {
          color: #eee; }
          .breadcrumb-area .links li a:hover i, .breadcrumb-area .links li a.active i {
            color: #eee; }
      .breadcrumb-area .links li i {
        color: #fff;
        display: inline-block;
        padding: 0px 5px; }

/*---------------------------
** Main Menu  Area Start
---------------------------*/
.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .navigation.stiky-nav {
    background: #fff;
    border-bottom: 0px;
    -webkit-box-shadow: 0px 5px 20px rgba(36, 36, 36, 0.12);
    -moz-box-shadow: 0px 5px 20px rgba(36, 36, 36, 0.12);
    box-shadow: 0px 5px 20px rgba(36, 36, 36, 0.12); }
  .navigation .navbar {
    padding: 0px 0px 0px; }
    .navigation .navbar .navbar-brand {
      font-size: 30px;
      line-height: 50px;
      font-weight: 700;
      padding: 0px;
      margin-top: -2px;
      text-transform: uppercase;
      color: #242424; }
      .navigation .navbar .navbar-brand img {
        max-width: 170px; }
    .navigation .navbar #mainmenu ul .nav-item .nav-link {
      color: #242424;
      position: relative;
      padding: 25px 10px 25px; }
      .navigation .navbar #mainmenu ul .nav-item .nav-link::before {
        position: absolute;
        content: " ";
        width: 3px;
        height: 3px;
        left: 50%;
        border-radius: 50px;
        bottom: 0;
        opacity: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
        -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
        background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
        background-image: linear-gradient(55deg, #ec77ab, #7873f5);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
      .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before, .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
        position: absolute;
        content: " ";
        width: 70%;
        height: 3px;
        left: 50%;
        -webkit-transform: translate(-50%);
        -moz-transform: translate(-50%);
        -o-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        bottom: 0px;
        opacity: 1;
        -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
        -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
        background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
        background-image: linear-gradient(55deg, #ec77ab, #7873f5); }
    .navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu {
      display: block;
      padding: 0px;
      margin-top: 0px;
      border: 0px;
      border-radius: 0px;
      -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.06);
      box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.06); }
      .navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
        background: #fff;
        padding: 10px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.185);
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:hover {
          background: #ddd; }
        .navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:last-child {
          border-bottom: 0px; }

/*---------------------------
** Main Menu Area End
---------------------------*/
/*-----------------------------
** Hero Area Start
------------------------------*/
.hero-area {
  position: relative;
  padding: 195px 0px 120px; }
  .hero-area .bgimg {
    position: absolute;
    bottom: 0%;
    width: auto; }
  .hero-area .shape1 {
    position: absolute;
    top: 250px;
    left: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .hero-area .shape2 {
    position: absolute;
    top: 180px;
    left: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .hero-area .left-content .content .title {
    font-size: 40px;
    line-height: 58px;
    color: #242424;
    font-weight: 600; }
  .hero-area .left-content .content .subtitle {
    font-size: 18px;
    line-height: 28px;
    color: #242424;
    margin-top: 24px; }
  .hero-area .left-content .content .links {
    margin-top: 46px;
/*    padding-right: 15px;*/ }
    .hero-area .left-content .content .links a {
      margin-left: 0px; }
      .hero-area .left-content .content .links a.left-link {
        margin-right: 14px; }
  .hero-area .right-area {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0px 20px; }
    .hero-area .right-area .img {
      display: inline-block;
      position: relative; }
      .hero-area .right-area .img::after {
        position: absolute;
        content: " ";
        width: 300px;
        height: 300px;
        background: #ec77ab;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        -webkit-animation: b-shadow 2s linear infinite;
        animation: b-shadow 2s linear infinite; }

/*---------------------------
** feature Area Start
---------------------------*/
.feature {
  padding: 110px 0px 120px;
  position: relative;
  overflow: hidden; }
  .feature .bgshape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-width: 500px;
    z-index: -9; }
  .feature .shape1 {
    position: absolute;
    top: 200px;
    right: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .feature .shape2 {
    position: absolute;
    top: 130px;
    right: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .feature .info .info-title {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #242424;
    margin-bottom: 43px;
    display: block; }
    .feature .info .info-title span {
      -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
      -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
      background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .feature .info .link {
    margin-top: 45px; }
  .feature .box {
    text-align: center;
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5); }
    .feature .box .inner-box {
      width: 100%;
      height: 100%;
      background: #fff;
      position: relative;
      z-index: 99;
      padding: 45px 25px 21px;
      border: 2px solid rgba(0, 0, 0, 0.06);
      -webkit-transition: 0.3s ease-in;
      -moz-transition: 0.3s ease-in;
      -o-transition: 0.3s ease-in;
      transition: 0.3s ease-in; }
      .feature .box .inner-box .icon {
        color: #242424;
        font-size: 35px;
        -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
        -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
        background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
        background-image: linear-gradient(55deg, #ec77ab, #7873f5);
        display: inline-block;
        width: 70px;
        height: 70px;
        text-align: center;
        line-height: 70px;
        border-radius: 4px;
        color: #fff;
        position: relative;
        margin-bottom: 16px;
        -webkit-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in; }
        .feature .box .inner-box .icon::after {
          position: absolute;
          content: " ";
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          z-index: -5;
          -webkit-transition: all 0.5s ease-in;
          -o-transition: all 0.5s ease-in;
          transition: all 0.5s ease-in; }
      .feature .box .inner-box .title {
        font-size: 20px;
        line-height: 30px;
        font-weight: 600;
        color: #242424;
        margin: 23px 0px 19px; }
      .feature .box .inner-box .text {
        margin-bottom: 0px; }
      .feature .box .inner-box:hover .icon {
        border-radius: 50%; }
        .feature .box .inner-box:hover .icon::after {
          -webkit-box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3);
          box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3); }
  .feature .owl-item.active.center .inner-box .icon {
    border-radius: 50%; }
    .feature .owl-item.active.center .inner-box .icon::after {
      -webkit-box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3);
      box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3); }
  .feature .owl-controls .owl-nav div.owl-prev,
  .feature .owl-controls .owl-nav div.owl-next {
    color: #555;
    font-size: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 53px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); }
  .feature .owl-controls .owl-nav div.owl-prev {
    left: -20%; }
  .feature .owl-controls .owl-nav div.owl-next {
    right: -20%; }
  .feature:hover .owl-controls .owl-nav div.owl-next:hover,
  .feature:hover .owl-controls .owl-nav div.owl-prev:hover {
    color: #fff;
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5); }

/*---------------------------
** About Area End
---------------------------*/
/*-----------------------------
** How It Work Area Start
------------------------------*/
.howitwork {
  padding: 110px 0px 120px;
  position: relative; }
  .howitwork .bgshape {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 500px;
    z-index: -9; }
  .howitwork .bgshape1 {
    position: absolute;
    top: 0;
    left: 0; }
  .howitwork .bgshape2 {
    position: absolute;
    bottom: 0;
    left: 0; }
  .howitwork .shape1 {
    position: absolute;
    top: 200px;
    left: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .howitwork .shape2 {
    position: absolute;
    top: 130px;
    left: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .howitwork .section-title {
    margin-bottom: 52px; }
  .howitwork .left-area {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0px 120px; }
    .howitwork .left-area .img {
      display: inline-block;
      position: relative;
      width: 300px;
      padding: 18px; }
      .howitwork .left-area .img::before {
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        background: url(../images/frem.png);
        background-size: contain;
        background-repeat: no-repeat;
        top: 2px;
        left: 0;
        z-index: 1; }
      .howitwork .left-area .img::after {
        position: absolute;
        content: " ";
        width: 250px;
        height: 250px;
        background: #75b2f0;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        -webkit-animation: b-shadow 2s linear infinite;
        animation: b-shadow 2s linear infinite; }
  .howitwork .right-area {
    padding-left: 80px; }
    .howitwork .right-area .item:focus {
      outline: 0px; }
    .howitwork .right-area .item .content {
      padding: 23px 25px 25px 36px;
      margin: 10px 10px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .howitwork .right-area .item .content::after {
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -9; }
      .howitwork .right-area .item .content .left-content {
        margin-right: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        align-self: center; }
        .howitwork .right-area .item .content .left-content .icon {
          color: #242424;
          font-size: 20px;
          -webkit-background-image: -webkit-linear-gradient(350deg, #ec77ab, #7873f5);
          -moz-background-image: linear-gradient(100deg, #ec77ab, #7873f5);
          background-image: -o-linear-gradient(350deg, #ec77ab, #7873f5);
          background-image: linear-gradient(100deg, #ec77ab, #7873f5);
          display: inline-block;
          width: 40px;
          height: 40px;
          text-align: center;
          line-height: 40px;
          border-radius: 4px;
          color: #fff;
          position: relative;
          -webkit-transition: all 0.5s ease-in;
          -o-transition: all 0.5s ease-in;
          transition: all 0.5s ease-in; }
          .howitwork .right-area .item .content .left-content .icon::after {
            position: absolute;
            content: " ";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            z-index: -5;
            -webkit-transition: all 0.5s ease-in;
            -o-transition: all 0.5s ease-in;
            transition: all 0.5s ease-in; }
      .howitwork .right-area .item .content .right-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .howitwork .right-area .item .content .right-content .title {
          font-size: 20px;
          line-height: 30px;
          font-weight: 600; }
        .howitwork .right-area .item .content .right-content .text {
          margin-bottom: 0px; }
    .howitwork .right-area .item.slick-slide.slick-current.slick-active .content::after {
      background: #fff;
      -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15); }
    .howitwork .right-area .item.slick-slide.slick-current.slick-active .content .icon {
      border-radius: 50%; }
      .howitwork .right-area .item.slick-slide.slick-current.slick-active .content .icon::after {
        -webkit-box-shadow: 0px 0px 0px 5px rgba(117, 178, 240, 0.3), 0px 0px 0px 10px rgba(117, 178, 240, 0.3);
        box-shadow: 0px 0px 0px 5px rgba(117, 178, 240, 0.3), 0px 0px 0px 10px rgba(117, 178, 240, 0.3); }
    .howitwork .right-area .slick-arrow {
      color: #555;
      font-size: 18px;
      position: absolute;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      width: 50px;
      height: 50px;
      line-height: 50px;
      border-radius: 50%;
      background: #fff;
      margin-left: 10px;
      color: #777;
      -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); }
      .howitwork .right-area .slick-arrow:hover {
        color: #fff;
        -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
        -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
        background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
        background-image: linear-gradient(55deg, #ec77ab, #7873f5); }
      .howitwork .right-area .slick-arrow.slidPrv4 {
        top: -35px; }
      .howitwork .right-area .slick-arrow.slidNext4 {
        bottom: -84px;
        line-height: 53px; }

/*---------------------------
** Why Chose Us Area Start
---------------------------*/
.why-use-this-app {
  padding: 120px  0px 120px;
  position: relative; }
  .why-use-this-app .bgshape1 {
    position: absolute;
    top: 0;
    left: 0; }
  .why-use-this-app .bgshape2 {
    position: absolute;
    bottom: 0;
    left: 0; }
  .why-use-this-app .right-area {
    display: block;
    width: 100%;
    text-align: center; }
    .why-use-this-app .right-area .img {
      display: inline-block;
      position: relative; }
  .why-use-this-app .row-one img {
    max-width: 260px; }
  .why-use-this-app .row-one .img1 {
    width: 190px;
    margin-right: 20px;
    -webkit-animation: shapeani1 3s linear infinite;
    animation: shapeani1 3s linear infinite; }
  .why-use-this-app .row-two {
    margin-top: 120px; }
    .why-use-this-app .row-two .img img {
      max-width: 260px; }
    .why-use-this-app .row-two .img .img2 {
      width: 190px;
      margin-left: 20px;
      position: absolute;
      bottom: 0px;
      z-index: 3;
      -webkit-animation: shapeani2 3s linear infinite;
      animation: shapeani2 3s linear infinite; }
  .why-use-this-app .row-three {
    margin-top: 203px; }
    .why-use-this-app .row-three .right-area {
      position: relative;
      width: 100%;
      height: 100%; }
      .why-use-this-app .row-three .right-area .img {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: right; }
        .why-use-this-app .row-three .right-area .img .img1 {
          position: absolute;
          left: 0;
          bottom: 0;
          margin-right: 20px;
          z-index: 0; }
        .why-use-this-app .row-three .right-area .img .img2 {
          width: 260px;
          position: absolute;
          bottom: 0;
          right: 0;
          -webkit-animation: shapeani2 3s linear infinite;
          animation: shapeani2 3s linear infinite; }
  .why-use-this-app .content {
    text-align: left !important; }
    .why-use-this-app .content .section-title {
      text-align: left;
      margin-bottom: 36px; }
      .why-use-this-app .content .section-title p {
        max-width: 100%; }
    .justify-content-between .content .feature-list,
    .why-use-this-app .content .feature-list {
      padding-left: 0px;
      margin-bottom: 55px; }
      .justify-content-between .content .feature-list li,
      .why-use-this-app .content .feature-list li {
        list-style: none; }
        .justify-content-between .content .feature-list li p,
        .why-use-this-app .content .feature-list li p {
          cursor: pointer;
          position: relative;
          padding-left: 50px; }
          .justify-content-between .content .feature-list li p i, 
          .why-use-this-app .content .feature-list li p i {
            position: absolute;
            left: 0;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 20px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 20px;
            -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25); }
	  .justify-content-between .content .feature-list li p:hover i,
          .why-use-this-app .content .feature-list li p:hover i {
            -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
            -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
            background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            color: #fff; }

/*---------------------------
** Video Area Start
---------------------------*/
.video {
  padding-top: 110px;
  position: relative; }
  .video .bgshape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-width: 500px;
    z-index: -9; }
  .video .bgshape1 {
    position: absolute;
    top: 0;
    left: 0; }
  .video .bgshape2 {
    position: absolute;
    bottom: 0;
    left: 0; }
  .video .shape1 {
    position: absolute;
    top: 200px;
    right: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .video .shape2 {
    position: absolute;
    top: 130px;
    right: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .video .section-title .title {
    margin-bottom: 24px; }
  .video .video-wrapper {
    position: relative; }
    .video .video-wrapper .video-box {
      position: relative;
      -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
      -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
      background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      padding: 250px 0px 250px;
      z-index: 99;
      border-radius: 5px;
      position: relative;
      overflow: hidden; }
      .video .video-wrapper .video-box::after {
        position: absolute;
        content: " ";
        width: 100%;
        height: 100%;
        background: url(../images/video.png) no-repeat center;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: -1; }
      .video .video-wrapper .video-box .overly {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
        -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
        background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
        background-image: linear-gradient(55deg, #ec77ab, #7873f5);
        opacity: 0.4; }
      .video .video-wrapper .video-box .play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }

/*---------------------------
** Counter Area Start
---------------------------*/
.counter-area {
  padding: 100px 0px 110px; }
  .counter-area .fun-box .icon {
    color: #242424;
    font-size: 30px;
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 3px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    position: relative;
    margin-bottom: 16px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    .counter-area .fun-box .icon::after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      z-index: -5;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
  .counter-area .fun-box .counter-wrapper {
    display: block;
    margin-top: 3px; }
    .counter-area .fun-box .counter-wrapper .counter {
      font-size: 36px;
      line-height: 50px;
      color: #242424;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 0px; }
    .counter-area .fun-box .counter-wrapper .math {
      color: #242424;
      font-size: 30px;
      line-height: 50px;
      margin-left: 5px;
      position: relative;
      top: -2px; }
  .counter-area .fun-box .categori {
    font-size: 20px;
    line-height: 30px;
    color: #242424;
    font-weight: 500;
    margin-top: 7px; }
  .counter-area .fun-box:hover .icon {
    border-radius: 50%; }
    .counter-area .fun-box:hover .icon::after {
      -webkit-box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3);
      box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3); }

/*---------------------------
** Counter Area End
---------------------------*/
/* -------------------------------------
app-screenshot-area
----------------------------------------- */
.app-screenshot-area {
  padding: 110px 0px 113px;
  position: relative; }
  .app-screenshot-area .bgshape {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 500px;
    z-index: -9; }
  .app-screenshot-area .shape1 {
    position: absolute;
    top: 200px;
    left: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .app-screenshot-area .shape2 {
    position: absolute;
    top: 130px;
    left: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }

.preview-icon {
  background-color: rgba(0, 0, 0, 0.85);
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  margin: 0 auto; }

.preview-icon i {
  border-radius: 70px;
  color: #fff;
  font-size: 30px;
  height: 70px;
  left: 0;
  line-height: 70px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 70px; }

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

.app-screenshot-area .slick-dots {
  bottom: -70px; }

.swiper-container {
  width: 100%;
  padding-bottom: 60px;
  position: relative;
  padding-top: 10px; }

.swiper-container .frem {
  position: absolute;
  width: 297px;
  z-index: 99;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0px; }

.swiper-slide {
  width: 297px;
  height: auto;
  padding: 0 15px; }

.swiper-slide img {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

.swiper-slide .slider-image .preview-icon {
  z-index: -1;
  width: calc(100% - 30px); }

.swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1; }

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0; }

.swiper-pagination-bullet {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #75b2f0;
  border-radius: 100%;
  display: inline-block;
  height: 12px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 12px; }

.swiper-pagination-bullet-active {
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  border: medium none;
  height: 12px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  width: 12px; }

/*---------------------------
** Testimonial Area Start
---------------------------*/
.testimonial-area {
  padding: 110px 0px 95px;
  position: relative; }
  .testimonial-area .bgshape1 {
    position: absolute;
    top: 0;
    left: 0; }
  .testimonial-area .bgshape2 {
    position: absolute;
    bottom: 0;
    left: 0; }
  .testimonial-area .section-title {
    margin-bottom: 30px; }
  .testimonial-area .testimonial-slider .owl-stage-outer {
    overflow: hidden; }
  .testimonial-area .testimonial-slider .client {
    margin: 25px 30px 25px;
    padding: 30px 30px 30px;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; }
    .testimonial-area .testimonial-slider .client .client-image {
      display: inline-block;
      width: 250px;
      margin-right: 30px;
      border: 4px solid #ec77ab;
      background: #fff;
      position: relative; }
      .testimonial-area .testimonial-slider .client .client-image img {
        width: 100%; }
    .testimonial-area .testimonial-slider .client .content {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: left; }
      .testimonial-area .testimonial-slider .client .content .client-say {
        margin-bottom: 19px; }
      .testimonial-area .testimonial-slider .client .content .client-name {
        color: #242424;
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 0px;
        text-transform: uppercase; }
        .testimonial-area .testimonial-slider .client .content .client-name a {
          color: #242424;
          font-size: 20px;
          font-weight: 600;
          line-height: 30px;
          text-transform: capitalize; }
      .testimonial-area .testimonial-slider .client .content .designation {
        color: #555;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0px; }
      .testimonial-area .testimonial-slider .client .content .stars {
        padding-left: 0px;
        margin-bottom: 8px;
        margin-top: 7px; }
        .testimonial-area .testimonial-slider .client .content .stars li {
          display: inline-block;
          color: yellowgreen;
          font-size: 16px; }
  .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-prev,
  .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-next {
    color: #555;
    font-size: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 53px;
    border-radius: 50%;
    border-radius: 50px;
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); }
  .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-prev {
    left: -30%; }
  .testimonial-area .testimonial-slider .owl-controls .owl-nav div.owl-next {
    right: -30%; }
  .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-next:hover,
  .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-prev:hover {
    color: #fff;
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5); }

/*---------------------------
** Testimonial Area End
---------------------------*/
/*-----------------------------
** Pricing Area Start
------------------------------*/
.pricing {
  padding: 110px 0px 120px;
  position: relative; }
  .pricing .shape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 500px;
    z-index: -9; }
  .pricing .shape1 {
    position: absolute;
    top: 200px;
    right: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .pricing .shape2 {
    position: absolute;
    top: 130px;
    right: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .pricing .pricing-tab .tab-menu {
    display: block;
    text-align: center; }
    .pricing .pricing-tab .tab-menu #my-tab {
      display: inline-block;
      text-align: center;
      margin-bottom: 23px; }
      .pricing .pricing-tab .tab-menu #my-tab .nav-item {
        display: inline-block; }
        .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link {
          margin-bottom: 7px;
          margin-left: 5px;
          margin-right: 5px;
          list-style: none;
          display: inline-block;
          padding: 12px 30px;
          color: #555;
          border-radius: 50px;
          cursor: pointer;
          -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); }
          .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link.active, .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link:hover {
            color: #fff;
            -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
            -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
            background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            background-position: 100% 0; }
  .pricing .price-box {
    -webkit-box-shadow: 0px 0px 30px rgba(36, 36, 36, 0.08);
    -moz-box-shadow: 0px 0px 30px rgba(36, 36, 36, 0.08);
    box-shadow: 0px 0px 30px rgba(36, 36, 36, 0.08);
    text-align: center;
    padding: 22px 30px 30px;
    position: relative;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out; }
    .pricing .price-box::after {
      position: absolute;
      content: " ";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: -99; }
    .pricing .price-box .price-title .heading-title {
      color: #242424;
      font-size: 20px;
      font-weight: 600;
      line-height: 30px;
      margin-bottom: 0px; }
    .pricing .price-box .price-title .heading-sub-title {
      margin-bottom: 0px;
      font-size: 14px;
      line-height: 24px;
      font-weight: 500; }
    .pricing .price-box .price-rate {
      color: #242424;
      font-size: 40px;
      -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
      -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
      background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      display: inline-block;
      width: 80px;
      height: 80px;
      text-align: center;
      line-height: 80px;
      border-radius: 4px;
      color: #fff;
      position: relative;
      margin-bottom: 16px;
      margin: 22px 0px 12px;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }
      .pricing .price-box .price-rate::after {
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -5;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
      .pricing .price-box .price-rate .center-align-content {
        position: absolute;
        top: 50%;
        display: block;
        text-align: center;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 9; }
      .pricing .price-box .price-rate .price {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0px;
        font-weight: 700;
        color: #fff; }
      .pricing .price-box .price-rate .duration {
        color: #fff;
        font-size: 14px;
        margin-bottom: 0px; }
    .pricing .price-box .service-feature .service-feature-list {
      margin-left: 0px;
      padding-left: 0px;
      list-style: none; }
      .pricing .price-box .service-feature .service-feature-list li p {
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 38px; }
    .pricing .price-box .buy-btn-wrapper {
      margin-top: 20px;
      display: block; }
    .pricing .price-box:hover {
      -webkit-box-shadow: 0px 15px 40px rgba(36, 36, 36, 0.14);
      -moz-box-shadow: 0px 15px 40px rgba(36, 36, 36, 0.14);
      box-shadow: 0px 15px 40px rgba(36, 36, 36, 0.14); }
      .pricing .price-box:hover .price-rate {
        border-radius: 50%; }
        .pricing .price-box:hover .price-rate::after {
          -webkit-box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3);
          box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3); }

/*-----------------------------
** Pricing Area Start
------------------------------*/
/*---------------------------
** Download Area Start
---------------------------*/
.download-app {
  position: relative;
  padding: 110px 0px 120px; }
  .download-app .bgshape1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -9; }
  .download-app .bgshape2 {
    position: absolute;
    bottom: 0;
    left: 0; }
  .download-app .section-title {
    text-align: left;
    margin-bottom: 48px; }
    .download-app .section-title p {
      margin-left: 0px;
      max-width: 100%; }
  .download-app .left-area {
    position: relative;
    height: 100%;
    width: 100%; }
    .download-app .left-area img {
      position: absolute;
      bottom: -120px;
      z-index: -3; }
  .download-app .rating-wraper .title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 17px; }
  .download-app .rating-wraper .review-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .download-app .rating-wraper .review-area .left {
      text-align: center; }
      .download-app .rating-wraper .review-area .left .rate {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 0px; }
      .download-app .rating-wraper .review-area .left .stars {
        padding-left: 0px;
        margin: 0px 0px 0px; }
        .download-app .rating-wraper .review-area .left .stars li {
          display: inline-block;
          color: yellowgreen;
          font-size: 12px;
          margin-right: -2px; }
      .download-app .rating-wraper .review-area .left .total-download {
        font-size: 14px; }
    .download-app .rating-wraper .review-area .right {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .download-app .rating-wraper .review-area .right .reating-poll li {
        list-style: none;
        margin-bottom: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .download-app .rating-wraper .review-area .right .reating-poll li span {
          line-height: 14px;
          font-size: 14px;
          margin-right: 10px; }
        .download-app .rating-wraper .review-area .right .reating-poll li .progress {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          height: 10px;
          border-radius: 50px; }
          .download-app .rating-wraper .review-area .right .reating-poll li .progress .progress-bar {
            -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
            -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
            background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            border-radius: 50px; }
  .download-app .download-option {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 30px; }
    .download-app .download-option li {
      display: inline-block;
      margin-right: 30px; }
      .download-app .download-option li .option {
        display: inline-block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-background: -webkit-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
        -moz-background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
        background: -o-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
        background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
        background-size: 400% 100%;
        padding: 12px 30px;
        border-radius: 3px;
        color: #fff;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear; }
        .download-app .download-option li .option:hover {
          background-position: 100% 0; }
        .download-app .download-option li .option .left {
          margin-right: 17px; }
          .download-app .download-option li .option .left i {
            font-size: 30px; }
        .download-app .download-option li .option span {
          font-size: 14px; }
        .download-app .download-option li .option p {
          margin-bottom: 0px;
          font-size: 18px;
          color: #fff;
          font-weight: 600; }

/*---------------------------
** Team Area Start
---------------------------*/
.team {
  padding: 110px 0px 179px;
  position: relative;
  overflow: hidden; }
  .team .bgshape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-width: 500px;
    z-index: -9; }
  .team .shape1 {
    position: absolute;
    top: 200px;
    right: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .team .shape2 {
    position: absolute;
    top: 130px;
    right: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .team .owl-stage-outer .owl-stage {
    padding: 26px 0px; }
  .team .section-title {
    margin-bottom: 30px; }
  .team .team-member {
    position: relative;
    overflow: hidden;
    background: #fff;
    z-index: 2;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
    .team .team-member .member-pic img {
      width: 100%; }
    .team .team-member .member-data {
      -webkit-background: -webkit-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
      -moz-background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
      background: -o-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
      background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
      background-size: 400% 100%;
      text-align: center;
      padding: 18px 20px 17px;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      .team .team-member .member-data .title {
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 2px; }
      .team .team-member .member-data .position {
        color: #fff;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 400;
        margin-bottom: 0px; }
    .team .team-member .social {
      -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
      -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
      background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      position: absolute;
      right: -50px;
      top: 15px;
      border-radius: 5px 0px 0px 5px;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      .team .team-member .social ul {
        padding-left: 0px;
        margin-bottom: 0px; }
        .team .team-member .social ul li {
          list-style: none; }
          .team .team-member .social ul li a {
            text-decoration: none;
            width: 35px;
            height: 35px;
            font-size: 16px;
            text-align: center;
            line-height: 35px;
            display: block;
            color: #fff; }
    .team .team-member:hover .member-data {
      background-position: 100% 0; }
  .team .owl-controls {
    display: block;
    text-align: center; }
    .team .owl-controls .owl-nav {
      position: absolute;
      z-index: 9999;
      bottom: -59px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      display: inline-block; }
      .team .owl-controls .owl-nav div {
        font-size: 0px;
        position: relative;
        width: 45px;
        height: 45px;
        display: inline-block; }
        .team .owl-controls .owl-nav div.owl-next {
          margin-left: 25px; }
          .team .owl-controls .owl-nav div.owl-next::after {
            position: absolute;
            content: "\f054";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            font-size: 16px;
            top: 0;
            left: 0;
            width: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            border-radius: 50%;
            background: #fff;
            -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
            -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
            background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }
        .team .owl-controls .owl-nav div.owl-prev {
          margin-left: -25px; }
          .team .owl-controls .owl-nav div.owl-prev::after {
            position: absolute;
            content: "\f053";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            font-size: 16px;
            top: 0;
            left: 0;
            width: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            border-radius: 50%;
            background: #fff;
            -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
            -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
            background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }
  .team .owl-item:hover .team-member .social {
    right: 0px; }

/*---------------------------
** Team Area End
---------------------------*/
/*-----------------------------
** FAQ Area Start
------------------------------*/
.faq {
  padding: 110px 0px 107px;
  position: relative;
  overflow: hidden; }
  .faq .bgshape {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 500px;
    z-index: -9; }
  .faq .bgshape1 {
    position: absolute;
    top: 0;
    left: 0; }
  .faq .bgshape2 {
    position: absolute;
    bottom: 0;
    left: 0; }
  .faq .shape1 {
    position: absolute;
    top: 200px;
    left: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .faq .shape2 {
    position: absolute;
    top: 130px;
    left: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .faq .section-title .title span {
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: text-color;
    -moz-animation-name: text-color;
    -o-animation-name: text-color;
    animation-name: text-color;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .faq .round-shape8 {
    position: absolute;
    top: 60%;
    width: 80px;
    height: 80px;
    left: 50px;
    z-index: -9;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .faq .round-shape3 {
    position: absolute;
    top: 85%;
    left: 0px;
    z-index: -9;
    -webkit-animation-duration: 4.4s;
    -moz-animation-duration: 4.4s;
    -o-animation-duration: 4.4s;
    animation-duration: 4.4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .faq .round-shape5 {
    position: absolute;
    top: 70%;
    left: 130px;
    width: 100px;
    height: 100px;
    z-index: -9;
    -webkit-animation-duration: 4.8s;
    -moz-animation-duration: 4.8s;
    -o-animation-duration: 4.8s;
    animation-duration: 4.8s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .faq .round-shape7 {
    position: absolute;
    top: 51%;
    width: 80px;
    height: 80px;
    left: 130px;
    z-index: -9;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  .faq .accordion .panel {
    margin-bottom: 20px;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 8px 25px rgba(36, 36, 36, 0.08);
    -moz-box-shadow: 0px 8px 25px rgba(36, 36, 36, 0.08);
    box-shadow: 0px 8px 25px rgba(36, 36, 36, 0.08); }
    .faq .accordion .panel .panel-body {
      padding: 4px 20px 7px; }
  .faq .accordion .panel-title {
    display: block;
    width: 100%;
    background: #fff;
    padding: 15px 20px 15px 20px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #242424;
    position: relative;
    border-radius: 3px;
    cursor: pointer; }
    .faq .accordion .panel-title::after {
      position: absolute;
      content: "";
      width: 40px;
      height: 100%;
      border-radius: 3px 0px 0px 3px;
      right: 0;
      top: 0;
      text-align: center; }
    .faq .accordion .panel-title::before {
      position: absolute;
      font-family: "Font Awesome 5 Free";
      content: "\f067";
      font-weight: 900;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 40px;
      text-align: center;
      z-index: 1;
      font-size: 16px;
      -webkit-transition: 0.3s ease-in;
      -moz-transition: 0.3s ease-in;
      -o-transition: 0.3s ease-in;
      transition: 0.3s ease-in; }
    .faq .accordion .panel-title[aria-expanded="true"]::before {
      font-family: "Font Awesome 5 Free";
      content: "\f068";
      font-weight: 900; }
  .faq .image-wrapper {
    display: block;
    width: 100%; }
    .faq .image-wrapper .image {
      position: relative;
      display: block; }
      .faq .image-wrapper .image .single-object {
        position: absolute;
        height: 320px;
        width: auto;
        z-index: -9;
        top: 40%;
        left: 30%; }
        .faq .image-wrapper .image .single-object img {
          width: auto;
          height: 100%;
          -webkit-animation-duration: 4.9s;
          -moz-animation-duration: 4.9s;
          -o-animation-duration: 4.9s;
          animation-duration: 4.9s;
          -webkit-animation-iteration-count: infinite;
          -moz-animation-iteration-count: infinite;
          -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
          -webkit-animation-name: shapeani1;
          -moz-animation-name: shapeani1;
          -o-animation-name: shapeani1;
          animation-name: shapeani1;
          -webkit-animation-direction: alternate;
          -moz-animation-direction: alternate;
          animation-direction: alternate;
          -webkit-animation-timing-function: ease-out;
          -moz-animation-timing-function: ease-out;
          -o-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }
      .faq .image-wrapper .image .object {
        display: block;
        text-align: center; }
        .faq .image-wrapper .image .object img {
          position: relative;
          display: inline-block;
          z-index: -991; }

/*-----------------------------
** Blog Area Start
------------------------------*/
.blog {
  padding: 110px 0px 120px;
  position: relative; }
  .blog .bgshape {
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-width: 500px;
    z-index: -9; }
  .blog .shape1 {
    position: absolute;
    top: 200px;
    right: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .blog .shape2 {
    position: absolute;
    top: 130px;
    right: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .blog .blog-box {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.07);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; }
    .blog .blog-box .blog-images {
      overflow: hidden; }
      .blog .blog-box .blog-images img {
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out; }
    .blog .blog-box:hover .blog-images img {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .blog .blog-box .blog-details {
      padding: 43px 20px 11px;
      text-align: center;
      position: relative; }
      .blog .blog-box .blog-details .blog-title {
        font-size: 20px;
        line-height: 30px;
        color: #242424;
        margin-bottom: 17px;
        display: block;
        font-weight: 600; }
      .blog .blog-box .blog-details .post-meta-one {
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 14px;
        position: absolute;
        top: -20px;
        background: #fff;
        width: 90%;
        left: 5%;
        height: 40px;
        line-height: 40px;
        border-radius: 3px;
        -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15); }
        .blog .blog-box .blog-details .post-meta-one li {
          display: inline-block; }
          .blog .blog-box .blog-details .post-meta-one li a {
            color: #555;
            font-size: 14px;
            margin-bottom: 0px;
            -webkit-transition: 0.3s ease-in;
            -moz-transition: 0.3s ease-in;
            -o-transition: 0.3s ease-in;
            transition: 0.3s ease-in; }
            .blog .blog-box .blog-details .post-meta-one li a i {
              margin-right: 2px; }
          .blog .blog-box .blog-details .post-meta-one li:first-child {
            margin-right: 10px; }
      .blog .blog-box .blog-details .post-body {
        font-size: 16px;
        line-height: 26px; }
      .blog .blog-box .blog-details .postbtn {
        text-align: center;
        margin-top: 10px; }
        .blog .blog-box .blog-details .postbtn i {
          font-size: 14px; }
    .blog .blog-box .post-meta-two {
      margin-left: 0px;
      padding-left: 0px;
      margin-bottom: 0px;
      background: #fff;
      border-top: 2px solid rgba(0, 0, 0, 0.07);
      height: 40px;
      line-height: 40px;
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .blog .blog-box .post-meta-two li {
        width: 25%;
        display: inline-block;
        text-align: center;
        margin-bottom: 0px;
        float: left;
        margin-right: 0px;
        border-right: 2px solid rgba(0, 0, 0, 0.07);
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .blog .blog-box .post-meta-two li a {
          color: #555;
          font-size: 14px;
          margin-bottom: 0px;
          display: block;
          -webkit-transition: 0.3s ease-in;
          -moz-transition: 0.3s ease-in;
          -o-transition: 0.3s ease-in;
          transition: 0.3s ease-in; }
          .blog .blog-box .post-meta-two li a i {
            margin-right: 2px; }
        .blog .blog-box .post-meta-two li:last-child {
          border-right: 0px; }

/*-----------------------------
** Blog Area End
------------------------------*/
/*---------------------------
** Gate In Tuch Area Area Start
---------------------------*/
.get-intuch {
  overflow: hidden;
  padding: 110px 0px 120px;
  position: relative; }
  .get-intuch .background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #F7F8FC;
    z-index: -9999; }
  .get-intuch .bgshape1 {
    position: absolute;
    top: 0;
    left: 0; }
  .get-intuch .bgshape2 {
    position: absolute;
    bottom: 0;
    left: 0; }
  .get-intuch .content .title {
    color: #242424;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 22px; }
    .get-intuch .content .title span {
      -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
      -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
      background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .get-intuch .content .subtitle {
    font-size: 18px;
    padding: 0px 50px 0px;
    color: #242424; }
  .get-intuch .newsleatetter {
    position: relative; }
    .get-intuch .newsleatetter input {
      width: 100%;
      height: 50px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 50px;
      padding: 0px 170px 0px 30px;
      background: none; }
    .get-intuch .newsleatetter .submitbtn {
      position: absolute;
      top: 0;
      right: 0;
      height: 50px;
      width: 150px;
      border-radius: 0px 50px 50px 0px;
      border: 0px;
      cursor: pointer;
      color: #fff;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 600;
      -webkit-background: -webkit-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
      -moz-background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
      background: -o-linear-gradient(35deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
      background: linear-gradient(55deg, #ec77ab, #7873f5, #7873f5, #ec77ab);
      background-size: 400% 100%;
      -webkit-transition: all .5s linear;
      -o-transition: all .5s linear;
      transition: all .5s linear; 
	padding: inherit;}
      .get-intuch .newsleatetter .submitbtn:hover {
        background-position: 100% 0; }

/*---------------------------
** Gate In Tuch Area Area End
---------------------------*/
/*-----------------------------
** Contact Area Start
------------------------------*/
.contact {
  padding: 110px 0px 120px;
  position: relative; }
  .contact .bgshape {
    position: absolute;
    top: 0px;
    right: 0px;
    max-width: 500px;
    z-index: -9; }
  .contact .shape1 {
    position: absolute;
    top: 200px;
    left: 20px;
    max-width: 130px;
    -webkit-animation: shapeani1 5s linear infinite;
    animation: shapeani1 5s linear infinite; }
  .contact .shape2 {
    position: absolute;
    top: 130px;
    left: 150px;
    max-width: 70px;
    -webkit-animation: shapeani1 4s linear infinite;
    animation: shapeani1 4s linear infinite; }
  .contact .info-contact {
    padding-left: 0px;
    margin-bottom: 0px; }
    .contact .info-contact li {
      list-style: none; }
      .contact .info-contact li .info-box {
        margin-bottom: 30px;
        padding: 38px 20px 38px 30px;
        position: relative;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); }
        .contact .info-contact li .info-box .left {
          margin-right: 40px; }
          .contact .info-contact li .info-box .left .icon {
            color: #242424;
            font-size: 20px;
            -webkit-background-image: -webkit-linear-gradient(350deg, #ec77ab, #7873f5);
            -moz-background-image: linear-gradient(100deg, #ec77ab, #7873f5);
            background-image: -o-linear-gradient(350deg, #ec77ab, #7873f5);
            background-image: linear-gradient(100deg, #ec77ab, #7873f5);
            display: inline-block;
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            border-radius: 4px;
            border-radius: 50%;
            color: #fff;
            position: relative;
            -webkit-transition: all 0.5s ease-in;
            -o-transition: all 0.5s ease-in;
            transition: all 0.5s ease-in; }
            .contact .info-contact li .info-box .left .icon::after {
              position: absolute;
              content: " ";
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              border-radius: 50%;
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
              z-index: -5;
              -webkit-transition: all 0.5s ease-in;
              -o-transition: all 0.5s ease-in;
              transition: all 0.5s ease-in;
              -webkit-box-shadow: 0px 0px 0px 5px rgba(117, 178, 240, 0.3), 0px 0px 0px 10px rgba(117, 178, 240, 0.3);
              box-shadow: 0px 0px 0px 5px rgba(117, 178, 240, 0.3), 0px 0px 0px 10px rgba(117, 178, 240, 0.3); }
            .contact .info-contact li .info-box .left .icon i {
              position: inherit;
              z-index: 20; }
        .contact .info-contact li .info-box .right {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 100%;
          -ms-flex-item-align: center;
          align-self: center; }
          .contact .info-contact li .info-box .right .content {
            display: inline-block;
            padding-left: 0px; }
            .contact .info-contact li .info-box .right .content p {
              margin-bottom: 0px; }
        .contact .info-contact li .info-box:hover .icon::after {
          -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
          -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
          background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
          background-image: linear-gradient(55deg, #ec77ab, #7873f5); }
        .contact .info-contact li .info-box:hover .icon::before {
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
  .contact .contact-form-wrapper {
    background: #fff;
    -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
    padding: 49px 25px 49px;
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in; }
    .contact .contact-form-wrapper .section-title {
      margin-bottom: 48px; }
    .contact .contact-form-wrapper #contact_form_submit textarea {
      margin-bottom: 23px; }
    .contact .contact-form-wrapper #contact_form_submit .mybtn1 {
      border: 0px;
      cursor: pointer;
      display: inline-block; }
  .contact .brand {
    padding-top: 70px; }

/*-----------------------------
** Contact Area End
------------------------------*/
/* -----------------------------
 Footer Area Start
------------------------------*/
.footer {
  overflow: hidden;
  position: relative;
  padding: 94px 0px 0px; }
  .footer .footer-info-area .footer-logo {
    margin-bottom: 23px;
    display: block; }
    .footer .footer-info-area .footer-logo .logo-link {
      font-size: 40px;
      line-height: 50px;
      font-weight: 700;
      text-transform: uppercase; }
    .footer .footer-info-area .footer-logo img {
      max-width: 180px; }
  .footer .footer-info-area .text {
    margin-bottom: 24px; }
  .footer .fotter-social-links ul {
    padding-left: 0px;
    margin-left: 0px; }
    .footer .fotter-social-links ul li {
      display: inline-block; }
      .footer .fotter-social-links ul li a {
        font-size: 14px;
        width: 35px;
        height: 35px;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        line-height: 36px;
        margin: 0px 3px;
        color: #fff;
        -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .footer .fotter-social-links ul li a.facebook {
          background: #0069f7;
          border-color: #0069f7; }
        .footer .fotter-social-links ul li a.twitter {
          background: #00c6f7;
          border-color: #00c6f7; }
        .footer .fotter-social-links ul li a.linkedin {
          background: #007bb5;
          border-color: #007bb5; }
        .footer .fotter-social-links ul li a.dribbble {
          background: #f7007a;
          border-color: #f7007a; }
        .footer .fotter-social-links ul li a.google-plus {
          background: #d1062c;
          border-color: #d1062c; }
  .footer .copy-bg {
    padding: 20px 0px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin-top: 84px; }
    .footer .copy-bg p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 0px; }
    .footer .copy-bg a {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 0px;
      -webkit-transition: 0.3s ease-in;
      -moz-transition: 0.3s ease-in;
      -o-transition: 0.3s ease-in;
      transition: 0.3s ease-in; }
      .footer .copy-bg a:hover {
        color: #9191ff; }

.footer-widget .title {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  color: #242424; }

.footer-widget ul {
  padding-left: 0px;
  margin-bottom: 0px; }
  .footer-widget ul li {
    list-style: none; }
    .footer-widget ul li a {
      color: #555; }
    .footer-widget ul li i {
      font-size: 14px;
      margin-right: 4px; }

.support-link-widget .title,
.use-full-link-widget .title {
  margin-bottom: 11px; }

.support-link-widget .link-list li,
.use-full-link-widget .link-list li {
  border-bottom: 2px dotted rgba(0, 0, 0, 0.3);
  padding: 9px 0;
  display: block; }
  .support-link-widget .link-list li:last-child,
  .use-full-link-widget .link-list li:last-child {
    border-bottom: 0px; }

.twitter-widget .title {
  margin-bottom: 19px; }

.twitter-widget .content i {
  color: #00c6f7;
  font-size: 16px;
  margin-right: 5px;
  display: inline-block; }

.twitter-widget .content p {
  margin-bottom: 0px;
  display: inline-block; }

.twitter-widget .content a {
  display: block;
  color: #0069f7;
  font-style: italic;
  margin-top: 8px; }

.twitter-widget .owl-controls {
  display: block;
  text-align: center; }
  .twitter-widget .owl-controls .owl-nav {
    position: absolute;
    z-index: 9999;
    bottom: -57px;
    left: 0;
    display: inline-block; }
    .twitter-widget .owl-controls .owl-nav div {
      font-size: 0px;
      position: relative;
      width: 35px;
      height: 35px;
      display: inline-block; }
      .twitter-widget .owl-controls .owl-nav div.owl-next {
        margin-left: 15px; }
        .twitter-widget .owl-controls .owl-nav div.owl-next::after {
          position: absolute;
          content: "\f054";
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
          font-size: 14px;
          top: 0;
          left: 0;
          width: 35px;
          height: 35px;
          line-height: 35px;
          color: #fff;
          border-radius: 50%;
          background: #fff;
          -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
          -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
          background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
          background-image: linear-gradient(55deg, #ec77ab, #7873f5);
          -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }
      .twitter-widget .owl-controls .owl-nav div.owl-prev {
        margin-left: 0px; }
        .twitter-widget .owl-controls .owl-nav div.owl-prev::after {
          position: absolute;
          content: "\f053";
          font-family: 'Font Awesome 5 Free';
          font-weight: 900;
          font-size: 14px;
          top: 0;
          left: 0;
          width: 35px;
          height: 35px;
          line-height: 35px;
          color: #fff;
          border-radius: 50%;
          background: #fff;
          -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
          -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
          background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
          background-image: linear-gradient(55deg, #ec77ab, #7873f5);
          -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); }

/*-----------------------------
** Footer Area End
------------------------------*/
/*-----------------------------
** Blog & Blog details Area Start
------------------------------*/
.blog.blog-page {
  padding-bottom: 104px; }
  .blog.blog-page .blog-box {
    margin-bottom: 30px; }
  .blog.blog-page .pagination .page-item .page-link {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
    margin: 0px 4px 0px;
    border-radius: 3px;
    padding: 0px;
    font-weight: 600; }
    .blog.blog-page .pagination .page-item .page-link.active, .blog.blog-page .pagination .page-item .page-link:hover {
      -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
      -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
      background-image: linear-gradient(55deg, #ec77ab, #7873f5);
      border-color: transparent;
      color: #fff; }

.blog-details {
  padding: 120px 0px 120px; }
  .blog-details .blog-content .content {
    border: 1px solid #e5e9f4;
    padding: 22px 30px 30px; }
    .blog-details .blog-content .content .title {
      font-size: 28px;
      line-height: 38px;
      font-weight: 600;
      color: #242424; }
    .blog-details .blog-content .content .post-meta {
      padding-left: 0px;
      margin-bottom: 20px;
      margin-top: 15px; }
      .blog-details .blog-content .content .post-meta li {
        list-style: none;
        display: inline-block; }
        .blog-details .blog-content .content .post-meta li a {
          font-size: 14px;
          margin-right: 10px;
          color: #777;
          -webkit-transition: all 0.3s ease-in;
          -o-transition: all 0.3s ease-in;
          transition: all 0.3s ease-in; }
          .blog-details .blog-content .content .post-meta li a:hover {
            color: #9191ff; }
    .blog-details .blog-content .content p {
      color: #2f3744;
      font-size: 16px; }
    .blog-details .blog-content .content .heading {
      font-size: 18px;
      font-weight: 600;
      margin: 8px 0px 20px;
      display: inline-block; }
    .blog-details .blog-content .content .img {
      margin: 30px 0px 30px;
      display: block; }
    .blog-details .blog-content .content blockquote {
      margin-top: 25px;
      margin-bottom: 18px;
      background: #f3f6ff;
      border-left: 5px solid #9191ff;
      padding: 25px 30px 28px;
      font-size: 16px;
      color: #9191ff;
      font-weight: 600;
      display: block; }
      .blog-details .blog-content .content blockquote p {
        margin-bottom: 0px; }
    .blog-details .blog-content .content .tag-social-link {
      background: #f3f6ff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 20px 20px 20px;
      margin-top: 24px; }
      .blog-details .blog-content .content .tag-social-link .tag .title {
        font-size: 14px;
        color: #000000;
        display: inline-block;
        margin-bottom: 0px;
        line-height: inherit; }
      .blog-details .blog-content .content .tag-social-link .tag a {
        color: #545558;
        font-size: 14px;
        display: inline-block;
        margin-bottom: 0px; }
      .blog-details .blog-content .content .tag-social-link .social-links {
        padding-left: 0px;
        margin-bottom: 0px; }
        .blog-details .blog-content .content .tag-social-link .social-links li {
          display: inline-block; }
          .blog-details .blog-content .content .tag-social-link .social-links li a {
            width: 30px;
            height: 30px;
            line-height: 32px;
            font-size: 14px;
            text-align: center;
            border-radius: 50%;
            display: inline-block;
            color: #fff;
            margin-left: 2px;
            -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
            -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
            background-image: linear-gradient(55deg, #ec77ab, #7873f5);
            -webkit-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in; }
            .blog-details .blog-content .content .tag-social-link .social-links li a:hover {
              -webkit-box-shadow: 0px 5px 10px 0px rgba(90, 62, 241, 0.3);
              box-shadow: 0px 5px 10px 0px rgba(90, 62, 241, 0.3); }
  .blog-details .comments {
    margin-top: 90px; }
    .blog-details .comments .title {
      font-size: 28px;
      line-height: 38px;
      font-weight: 700;
      color: #252a32;
      text-transform: capitalize;
      margin-bottom: 38px; }
    .blog-details .comments .comment-box-area {
      padding-left: 0px;
      margin-bottom: 0px; }
      .blog-details .comments .comment-box-area li {
        list-style: none;
        margin-bottom: 30px;
        border: 1px solid #e5e9f4;
        padding: 30px 30px 25px; }
        .blog-details .comments .comment-box-area li .comment-box {
          position: relative; }
          .blog-details .comments .comment-box-area li .comment-box .left {
            position: absolute;
            left: 0;
            top: 0;
            text-align: center; }
            .blog-details .comments .comment-box-area li .comment-box .left .img {
              width: 65px;
              height: 65px;
              border-radius: 50%;
              border: 2px solid #9191ff;
              overflow: hidden;
              margin-bottom: 19px;
              -webkit-box-shadow: 0px 5px 10px 0px rgba(43, 43, 43, 0.3);
              box-shadow: 0px 5px 10px 0px rgba(43, 43, 43, 0.3); }
              .blog-details .comments .comment-box-area li .comment-box .left .img img {
                width: 100%;
                border-radius: 50%; }
            .blog-details .comments .comment-box-area li .comment-box .left .replay {
              width: 55px;
              height: 25px;
              text-align: center;
              line-height: 25px;
              display: inline-block;
              color: #fff;
              -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
              -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
              background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
              background-image: linear-gradient(55deg, #ec77ab, #7873f5);
              font-size: 13px;
              font-weight: 600;
              text-transform: uppercase;
              -webkit-transition: all 0.3s ease-in;
              -o-transition: all 0.3s ease-in;
              transition: all 0.3s ease-in; }
              .blog-details .comments .comment-box-area li .comment-box .left .replay:hover {
                -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
                -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
                background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
                background-image: linear-gradient(55deg, #ec77ab, #7873f5); }
          .blog-details .comments .comment-box-area li .comment-box .right {
            margin-left: 100px; }
            .blog-details .comments .comment-box-area li .comment-box .right .name {
              font-size: 16px;
              font-weight: 600;
              color: #000000;
              line-height: 24px;
              text-transform: uppercase; }
            .blog-details .comments .comment-box-area li .comment-box .right .date {
              font-size: 14px;
              font-weight: 24px;
              color: #474747; }
            .blog-details .comments .comment-box-area li .comment-box .right .text p {
              color: #505b6d;
              font-size: 14px;
              line-height: 26px;
              margin-bottom: 0px; }
        .blog-details .comments .comment-box-area li .replay-form {
          margin-left: 0px;
          padding: 30px 0px 5px;
          position: relative; }
          .blog-details .comments .comment-box-area li .replay-form .replay-form-close {
            position: absolute;
            top: 22px;
            right: -7px;
            font-weight: 700;
            width: 25px;
            height: 25px;
            border: 1px solid rgba(0, 0, 0, 0.25);
            text-align: center;
            font-size: 18px;
            line-height: 23px;
            border-radius: 50%;
            background: #fff;
            cursor: pointer; }
            .blog-details .comments .comment-box-area li .replay-form .replay-form-close:hover {
              -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
              -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
              background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
              background-image: linear-gradient(55deg, #ec77ab, #7873f5);
              border-color: transparent;
              color: #fff; }
          .blog-details .comments .comment-box-area li .replay-form .input-field {
            background: none;
            border: 1px solid #e5e9f4;
            height: 60px;
            font-size: 14px;
            height: 100px;
            padding: 10px 20px;
            resize: none; }
          .blog-details .comments .comment-box-area li .replay-form .replay-comment-btn {
            border: 0px;
            cursor: pointer; }
        .blog-details .comments .comment-box-area li:last-child {
          margin-bottom: 0px; }
          .blog-details .comments .comment-box-area li:last-child .comment-box .right {
            border-bottom: 0px; }
  .blog-details .write-comment {
    margin-top: 55px; }
    .blog-details .write-comment .title {
      font-size: 28px;
      line-height: 38px;
      font-weight: 700;
      color: #252a32;
      text-transform: capitalize;
      margin-bottom: 38px; }
    .blog-details .write-comment .input-field {
      height: 50px;
      font-size: 14px;
      border-radius: 0px;
      border: 1px solid #e5e9f4;
      background: none;
      margin-bottom: 30px; }
      .blog-details .write-comment .input-field.textarea {
        margin-bottom: 23px; }
    .blog-details .write-comment .submit-btn {
      cursor: pointer;
      border: 0px; }

.blog-aside .serch-form {
  position: relative; }
  .blog-aside .serch-form input {
    width: 100%;
    height: 60px;
    border: 1px solid #e5e9f4;
    background: none;
    padding: 0px 50px 0px 20px; }
  .blog-aside .serch-form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 50px;
    border: none;
    background: none;
    color: #777;
    font-size: 14px;
    cursor: pointer; }
    .blog-aside .serch-form button:focus {
      outline: 0; }

.blog-aside .categori {
  border: 1px solid #e5e9f4;
  padding: 22px 30px 21px;
  margin-top: 30px; }
  .blog-aside .categori .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #252a32;
    display: block;
    text-align: center;
    margin-bottom: 18px; }
  .blog-aside .categori .separator {
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    width: 160px;
    height: 3px;
    display: block;
    margin: 0 auto; }
  .blog-aside .categori .categori-list {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 19px; }
    .blog-aside .categori .categori-list li {
      list-style: none;
      line-height: 36px; }
      .blog-aside .categori .categori-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .blog-aside .categori .categori-list li a:hover {
          color: #9191ff; }

.blog-aside .recent-post-widget {
  border: 1px solid #e5e9f4;
  padding: 22px 30px 28px;
  margin-top: 30px; }
  .blog-aside .recent-post-widget .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #252a32;
    display: block;
    text-align: center;
    margin-bottom: 17px; }
  .blog-aside .recent-post-widget .separator {
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    width: 160px;
    height: 3px;
    display: block;
    margin: 0 auto; }
  .blog-aside .recent-post-widget .post-list {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 30px; }
    .blog-aside .recent-post-widget .post-list li {
      list-style: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-bottom: 14px;
      margin-bottom: 15px; }
      .blog-aside .recent-post-widget .post-list li:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px; }
      .blog-aside .recent-post-widget .post-list li .post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: start;
        align-self: flex-start; }
        .blog-aside .recent-post-widget .post-list li .post .post-img {
          width: 100px;
          height: 100px;
          max-width: 100px;
          margin-right: 20px; }
          .blog-aside .recent-post-widget .post-list li .post .post-img img {
            width: 100%; }
        .blog-aside .recent-post-widget .post-list li .post .post-details {
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1; }
          .blog-aside .recent-post-widget .post-list li .post .post-details .post-title {
            color: #2f3744;
            font-size: 16px;
            line-height: 23px;
            font-weight: 600;
            -webkit-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in; }
            .blog-aside .recent-post-widget .post-list li .post .post-details .post-title:hover {
              color: #9191ff; }
          .blog-aside .recent-post-widget .post-list li .post .post-details .date {
            color: #7b8698;
            font-size: 14px;
            line-height: 24px;
            margin-bottom: 0px; }

.blog-aside .archives {
  border: 1px solid #e5e9f4;
  padding: 22px 30px 21px;
  margin-top: 30px; }
  .blog-aside .archives .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #252a32;
    display: block;
    text-align: center;
    margin-bottom: 16px; }
  .blog-aside .archives .separator {
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    width: 160px;
    height: 3px;
    display: block;
    margin: 0 auto; }
  .blog-aside .archives .archives-list {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 18px; }
    .blog-aside .archives .archives-list li {
      list-style: none;
      line-height: 36px; }
      .blog-aside .archives .archives-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; }
        .blog-aside .archives .archives-list li a:hover {
          color: #9191ff; }

.blog-aside .tags {
  border: 1px solid #e5e9f4;
  padding: 22px 30px 15px;
  margin-top: 30px; }
  .blog-aside .tags .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    color: #252a32;
    display: block;
    text-align: center;
    margin-bottom: 17px; }
  .blog-aside .tags .separator {
    -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
    -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
    background-image: linear-gradient(55deg, #ec77ab, #7873f5);
    width: 160px;
    height: 3px;
    display: block;
    margin: 0 auto; }
  .blog-aside .tags .tags-list {
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 30px; }
    .blog-aside .tags .tags-list li {
      list-style: none;
      display: inline-block; }
      .blog-aside .tags .tags-list li a {
        font-size: 13px;
        text-transform: uppercase;
        padding: 8px 22px;
        background: none;
        border: 1px solid #e5e9f4;
        border-radius: 50px;
        color: #505b6d;
        display: inline-block;
        margin-bottom: 15px;
        margin-right: 9px; }
        .blog-aside .tags .tags-list li a:hover {
          -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
          -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
          background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
          background-image: linear-gradient(55deg, #ec77ab, #7873f5);
          border-color: transparent;
          color: #fff;
          -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); }

.blog-page-css .navigation .navbar #mainmenu ul .nav-item .nav-link {
  color: #fff; }

.blog-page-css .navigation .navbar .navbar-brand img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.blog-page-css .navigation.stiky-nav .navbar .navbar-brand img {
  -webkit-filter: unset;
  filter: unset; }

.blog-page-css .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.blog-page-css .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
  -webkit-background-image: -webkit-linear-gradient(35deg, #fff, #fff);
  -moz-background-image: linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.blog-page-css .navigation {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .blog-page-css .navigation.stiky-nav {
    border: 0px; }
    .blog-page-css .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link {
      color: #242424; }

.blog-page-css .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.blog-page-css .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.blog-page-css .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5); }

/*-----------------------------
** Color 2 CSS
------------------------------*/
.color2 .mybtn2,
.color2 .mybtn1,
.color2 .download-app .download-option li .option,
.color2 .team .team-member .member-data,
.color2 .get-intuch .newsleatetter .submitbtn {
  background-image: -moz-linear-gradient(55deg, #75b2f0, #75f094, #75f094, #75b2f0);
  background-image: -webkit-linear-gradient(55deg, #75b2f0, #75f094, #75f094, #75b2f0);
  background-image: -ms-linear-gradient(55deg, #75b2f0, #75f094, #75f094, #75b2f0);
  background-image: -webkit-linear-gradient(35deg, #75b2f0, #75f094, #75f094, #75b2f0);
  background-image: -o-linear-gradient(35deg, #75b2f0, #75f094, #75f094, #75b2f0);
  background-image: linear-gradient(55deg, #75b2f0, #75f094, #75f094, #75b2f0); }

.color2 .feature .box .inner-box .icon,
.color2 .howitwork .right-area .item .content .left-content .icon,
.color2 .section-title .title span,
.color2 .why-use-this-app .content .feature-list li p:hover i,
.color2 .video-play-btn i,
.color2 .video .video-wrapper .video-box .overly,
.color2 .counter-area .fun-box .icon,
.color2 .swiper-pagination-bullet-active,
.color2 .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link.active,
.color2 .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link:hover,
.color2 .pricing .price-box .price-rate,
.color2 .download-app .rating-wraper .review-area .right .reating-poll li .progress .progress-bar,
.color2 .team .owl-controls .owl-nav div.owl-prev::after,
.color2 .team .owl-controls .owl-nav div.owl-next::after,
.color2 .team .team-member .social,
.color2 .contact .info-contact li .info-box .left .icon,
.color2 .twitter-widget .owl-controls .owl-nav div.owl-prev::after,
.color2 .twitter-widget .owl-controls .owl-nav div.owl-next::after,
.color2 .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-next:hover,
.color2 .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-prev:hover,
.color2 .feature:hover .owl-controls .owl-nav div.owl-next:hover,
.color2 .feature:hover .owl-controls .owl-nav div.owl-prev:hover,
.color2 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.color2 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before,
.color2 .navigation .navbar #mainmenu ul .nav-item .nav-link::before,
.color2 .preloader-inner,
.color2 .bottomtotop i {
  background-image: -moz-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -webkit-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -ms-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -webkit-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: -o-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: linear-gradient(55deg, #75b2f0, #75f094); }

.color2 .testimonial-area .testimonial-slider .client .client-image,
.color2 .hero-area .right-area .img::after {
  border: 4px solid #75b2f0; }

@-webkit-keyframes b-shadow2 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); } }

@-moz-keyframes b-shadow2 {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); } }

@-o-keyframes b-shadow2 {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); } }

@keyframes b-shadow2 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(117, 178, 240, 0.3), 0px 0px 0px 75px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3), 0px 0px 0px 125px rgba(117, 178, 240, 0.3), 0px 0px 0px 150px rgba(117, 178, 240, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(117, 178, 240, 0.3), 0px 0px 0px 40px rgba(117, 178, 240, 0.3), 0px 0px 0px 60px rgba(117, 178, 240, 0.3), 0px 0px 0px 80px rgba(117, 178, 240, 0.3), 0px 0px 0px 100px rgba(117, 178, 240, 0.3); } }

.color2 .feature .owl-item.active.center .inner-box .icon::after,
.color2 .feature .owl-item .inner-box:hover .icon::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3); }

.color2 .howitwork .right-area .item.slick-slide.slick-current.slick-active .content .icon::after {
  -webkit-box-shadow: 0px 0px 0px 5px rgba(117, 178, 240, 0.3), 0px 0px 0px 10px rgba(117, 178, 240, 0.3);
  box-shadow: 0px 0px 0px 5px rgba(117, 178, 240, 0.3), 0px 0px 0px 10px rgba(117, 178, 240, 0.3); }

.color2 .counter-area .fun-box:hover .icon::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3); }

.color2 .pricing .price-box:hover .price-rate::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(117, 178, 240, 0.3), 0px 0px 0px 16px rgba(117, 178, 240, 0.3); }

.color2 .contact .info-contact li .info-box .left .icon::after {
  -webkit-box-shadow: 0px 0px 0px 5px rgba(117, 178, 240, 0.3), 0px 0px 0px 10px rgba(117, 178, 240, 0.3);
  box-shadow: 0px 0px 0px 5px rgba(117, 178, 240, 0.3), 0px 0px 0px 10px rgba(117, 178, 240, 0.3); }

.color2 .hero-area .right-area .img::after,
.color2 .howitwork .left-area .img::after {
  -webkit-animation: b-shadow2 2s linear infinite;
  -moz-animation: b-shadow2 2s linear infinite;
  animation: b-shadow2 2s linear infinite; }

/*-----------------------------
** Color 3 CSS
------------------------------*/
.color3 .mybtn2,
.color3 .mybtn1,
.color3 .download-app .download-option li .option,
.color3 .team .team-member .member-data,
.color3 .get-intuch .newsleatetter .submitbtn {
  background-image: -webkit-linear-gradient(to right, #b31217, #e52d27, #e52d27, #b31217);
  background-image: -moz-linear-gradient(to right, #b31217, #e52d27, #e52d27, #b31217);
  background-image: -webkit-gradient(linear, left top, right top, from(#b31217), color-stop(#e52d27), color-stop(#e52d27), to(#b31217));
  background-image: -webkit-linear-gradient(left, #b31217, #e52d27, #e52d27, #b31217);
  background-image: -o-linear-gradient(left, #b31217, #e52d27, #e52d27, #b31217);
  background-image: linear-gradient(to right, #b31217, #e52d27, #e52d27, #b31217); }

.color3 .feature .box .inner-box .icon,
.color3 .howitwork .right-area .item .content .left-content .icon,
.color3 .section-title .title span,
.color3 .why-use-this-app .content .feature-list li p:hover i,
.color3 .video-play-btn i,
.color3 .video .video-wrapper .video-box .overly,
.color3 .counter-area .fun-box .icon,
.color3 .swiper-pagination-bullet-active,
.color3 .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link.active,
.color3 .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link:hover,
.color3 .pricing .price-box .price-rate,
.color3 .download-app .rating-wraper .review-area .right .reating-poll li .progress .progress-bar,
.color3 .team .owl-controls .owl-nav div.owl-prev::after,
.color3 .team .owl-controls .owl-nav div.owl-next::after,
.color3 .team .team-member .social,
.color3 .contact .info-contact li .info-box .left .icon,
.color3 .twitter-widget .owl-controls .owl-nav div.owl-prev::after,
.color3 .twitter-widget .owl-controls .owl-nav div.owl-next::after,
.color3 .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-next:hover,
.color3 .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-prev:hover,
.color3 .feature:hover .owl-controls .owl-nav div.owl-next:hover,
.color3 .feature:hover .owl-controls .owl-nav div.owl-prev:hover,
.color3 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.color3 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before,
.color3 .navigation .navbar #mainmenu ul .nav-item .nav-link::before,
.color3 .preloader-inner,
.color3 .bottomtotop i {
  background-image: -webkit-linear-gradient(to right, #b31217, #e52d27);
  background-image: -moz-linear-gradient(to right, #b31217, #e52d27);
  background-image: -webkit-gradient(linear, left top, right top, from(#b31217), to(#e52d27));
  background-image: -webkit-linear-gradient(left, #b31217, #e52d27);
  background-image: -o-linear-gradient(left, #b31217, #e52d27);
  background-image: linear-gradient(to right, #b31217, #e52d27); }

.color3 .testimonial-area .testimonial-slider .client .client-image,
.color3 .hero-area .right-area .img::after {
  border: 4px solid #e52d27; }

@-webkit-keyframes b-shadow3 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(229, 45, 39, 0.3), 0px 0px 0px 75px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3), 0px 0px 0px 125px rgba(229, 45, 39, 0.3), 0px 0px 0px 150px rgba(229, 45, 39, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(229, 45, 39, 0.3), 0px 0px 0px 75px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3), 0px 0px 0px 125px rgba(229, 45, 39, 0.3), 0px 0px 0px 150px rgba(229, 45, 39, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3); } }

@-moz-keyframes b-shadow3 {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(229, 45, 39, 0.3), 0px 0px 0px 75px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3), 0px 0px 0px 125px rgba(229, 45, 39, 0.3), 0px 0px 0px 150px rgba(229, 45, 39, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3); } }

@-o-keyframes b-shadow2 {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(229, 45, 39, 0.3), 0px 0px 0px 75px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3), 0px 0px 0px 125px rgba(229, 45, 39, 0.3), 0px 0px 0px 150px rgba(229, 45, 39, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3); } }

@keyframes b-shadow3 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(229, 45, 39, 0.3), 0px 0px 0px 75px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3), 0px 0px 0px 125px rgba(229, 45, 39, 0.3), 0px 0px 0px 150px rgba(229, 45, 39, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(229, 45, 39, 0.3), 0px 0px 0px 75px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3), 0px 0px 0px 125px rgba(229, 45, 39, 0.3), 0px 0px 0px 150px rgba(229, 45, 39, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(229, 45, 39, 0.3), 0px 0px 0px 40px rgba(229, 45, 39, 0.3), 0px 0px 0px 60px rgba(229, 45, 39, 0.3), 0px 0px 0px 80px rgba(229, 45, 39, 0.3), 0px 0px 0px 100px rgba(229, 45, 39, 0.3); } }

.color3 .feature .owl-item.active.center .inner-box .icon::after,
.color3 .feature .owl-item .inner-box:hover .icon::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(229, 45, 39, 0.3), 0px 0px 0px 16px rgba(229, 45, 39, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(229, 45, 39, 0.3), 0px 0px 0px 16px rgba(229, 45, 39, 0.3); }

.color3 .howitwork .right-area .item.slick-slide.slick-current.slick-active .content .icon::after {
  -webkit-box-shadow: 0px 0px 0px 5px rgba(229, 45, 39, 0.3), 0px 0px 0px 10px rgba(229, 45, 39, 0.3);
  box-shadow: 0px 0px 0px 5px rgba(229, 45, 39, 0.3), 0px 0px 0px 10px rgba(229, 45, 39, 0.3); }

.color3 .counter-area .fun-box:hover .icon::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(229, 45, 39, 0.3), 0px 0px 0px 16px rgba(229, 45, 39, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(229, 45, 39, 0.3), 0px 0px 0px 16px rgba(229, 45, 39, 0.3); }

.color3 .pricing .price-box:hover .price-rate::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(229, 45, 39, 0.3), 0px 0px 0px 16px rgba(229, 45, 39, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(229, 45, 39, 0.3), 0px 0px 0px 16px rgba(229, 45, 39, 0.3); }

.color3 .contact .info-contact li .info-box .left .icon::after {
  -webkit-box-shadow: 0px 0px 0px 5px rgba(229, 45, 39, 0.3), 0px 0px 0px 10px rgba(229, 45, 39, 0.3);
  box-shadow: 0px 0px 0px 5px rgba(229, 45, 39, 0.3), 0px 0px 0px 10px rgba(229, 45, 39, 0.3); }

.color3 .hero-area .right-area .img::after,
.color3 .howitwork .left-area .img::after {
  -webkit-animation: b-shadow3 2s linear infinite;
  -moz-animation: b-shadow3 2s linear infinite;
  animation: b-shadow3 2s linear infinite; }

/*-----------------------------
** Color 4 CSS
------------------------------*/
.color4 .mybtn2,
.color4 .mybtn1,
.color4 .download-app .download-option li .option,
.color4 .team .team-member .member-data,
.color4 .get-intuch .newsleatetter .submitbtn {
  background-image: -webkit-linear-gradient(to right, #005bea, #00c6fb, #00c6fb, #005bea);
  background-image: -moz-linear-gradient(to right, #005bea, #00c6fb, #00c6fb, #005bea);
  background-image: -webkit-gradient(linear, left top, right top, from(#005bea), color-stop(#00c6fb), color-stop(#00c6fb), to(#005bea));
  background-image: -webkit-linear-gradient(left, #005bea, #00c6fb, #00c6fb, #005bea);
  background-image: -o-linear-gradient(left, #005bea, #00c6fb, #00c6fb, #005bea);
  background-image: linear-gradient(to right, #005bea, #00c6fb, #00c6fb, #005bea); }

.color4 .feature .box .inner-box .icon,
.color4 .howitwork .right-area .item .content .left-content .icon,
.color4 .section-title .title span,
.color4 .why-use-this-app .content .feature-list li p:hover i,
.color4 .justify-content-between .content .feature-list li p:hover i,
.color4 .video-play-btn i,
.color4 .video .video-wrapper .video-box .overly,
.color4 .counter-area .fun-box .icon,
.color4 .swiper-pagination-bullet-active,
.color4 .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link.active,
.color4 .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link:hover,
.color4 .pricing .price-box .price-rate,
.color4 .download-app .rating-wraper .review-area .right .reating-poll li .progress .progress-bar,
.color4 .team .owl-controls .owl-nav div.owl-prev::after,
.color4 .team .owl-controls .owl-nav div.owl-next::after,
.color4 .team .team-member .social,
.color4 .contact .info-contact li .info-box .left .icon,
.color4 .twitter-widget .owl-controls .owl-nav div.owl-prev::after,
.color4 .twitter-widget .owl-controls .owl-nav div.owl-next::after,
.color4 .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-next:hover,
.color4 .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-prev:hover,
.color4 .feature:hover .owl-controls .owl-nav div.owl-next:hover,
.color4 .feature:hover .owl-controls .owl-nav div.owl-prev:hover,
.color4 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.color4 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before,
.color4 .navigation .navbar #mainmenu ul .nav-item .nav-link::before,
.color4 .preloader-inner,
.color4 .bottomtotop i {
  background-image: -webkit-linear-gradient(to right, #00c6fb, #005bea);
  background-image: -moz-linear-gradient(to right, #00c6fb, #005bea);
  background-image: -webkit-gradient(linear, left top, right top, from(#00c6fb), to(#005bea));
  background-image: -webkit-linear-gradient(left, #00c6fb, #005bea);
  background-image: -o-linear-gradient(left, #00c6fb, #005bea);
  background-image: linear-gradient(to right, #00c6fb, #005bea); }

.color4 .testimonial-area .testimonial-slider .client .client-image,
.color4 .hero-area .right-area .img::after {
  border: 4px solid #005bea; }

@-webkit-keyframes b-shadow4 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(0, 91, 234, 0.3), 0px 0px 0px 75px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3), 0px 0px 0px 125px rgba(0, 91, 234, 0.3), 0px 0px 0px 150px rgba(0, 91, 234, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(0, 91, 234, 0.3), 0px 0px 0px 75px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3), 0px 0px 0px 125px rgba(0, 91, 234, 0.3), 0px 0px 0px 150px rgba(0, 91, 234, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3); } }

@-moz-keyframes b-shadow4 {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(0, 91, 234, 0.3), 0px 0px 0px 75px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3), 0px 0px 0px 125px rgba(0, 91, 234, 0.3), 0px 0px 0px 150px rgba(0, 91, 234, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3); } }

@-o-keyframes b-shadow4 {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(0, 91, 234, 0.3), 0px 0px 0px 75px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3), 0px 0px 0px 125px rgba(0, 91, 234, 0.3), 0px 0px 0px 150px rgba(0, 91, 234, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3); } }

@keyframes b-shadow4 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(0, 91, 234, 0.3), 0px 0px 0px 75px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3), 0px 0px 0px 125px rgba(0, 91, 234, 0.3), 0px 0px 0px 150px rgba(0, 91, 234, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(0, 91, 234, 0.3), 0px 0px 0px 75px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3), 0px 0px 0px 125px rgba(0, 91, 234, 0.3), 0px 0px 0px 150px rgba(0, 91, 234, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(0, 91, 234, 0.3), 0px 0px 0px 40px rgba(0, 91, 234, 0.3), 0px 0px 0px 60px rgba(0, 91, 234, 0.3), 0px 0px 0px 80px rgba(0, 91, 234, 0.3), 0px 0px 0px 100px rgba(0, 91, 234, 0.3); } }

.color4 .feature .owl-item.active.center .inner-box .icon::after,
.color4 .feature .owl-item .inner-box:hover .icon::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 91, 234, 0.3), 0px 0px 0px 16px rgba(0, 91, 234, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(0, 91, 234, 0.3), 0px 0px 0px 16px rgba(0, 91, 234, 0.3); }

.color4 .howitwork .right-area .item.slick-slide.slick-current.slick-active .content .icon::after {
  -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 91, 234, 0.3), 0px 0px 0px 10px rgba(0, 91, 234, 0.3);
  box-shadow: 0px 0px 0px 5px rgba(0, 91, 234, 0.3), 0px 0px 0px 10px rgba(0, 91, 234, 0.3); }

.color4 .counter-area .fun-box:hover .icon::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 91, 234, 0.3), 0px 0px 0px 16px rgba(0, 91, 234, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(0, 91, 234, 0.3), 0px 0px 0px 16px rgba(0, 91, 234, 0.3); }

.color4 .pricing .price-box:hover .price-rate::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 91, 234, 0.3), 0px 0px 0px 16px rgba(0, 91, 234, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(0, 91, 234, 0.3), 0px 0px 0px 16px rgba(0, 91, 234, 0.3); }

.color4 .contact .info-contact li .info-box .left .icon::after {
  -webkit-box-shadow: 0px 0px 0px 5px rgba(0, 91, 234, 0.3), 0px 0px 0px 10px rgba(0, 91, 234, 0.3);
  box-shadow: 0px 0px 0px 5px rgba(0, 91, 234, 0.3), 0px 0px 0px 10px rgba(0, 91, 234, 0.3); }

.color4 .hero-area .right-area .img::after,
.color4 .howitwork .left-area .img::after {
  -webkit-animation: b-shadow4 2s linear infinite;
  animation: b-shadow4 2s linear infinite; }

/*-----------------------------
** Color 5 CSS
------------------------------*/
.color5 .mybtn2,
.color5 .mybtn1,
.color5 .download-app .download-option li .option,
.color5 .team .team-member .member-data,
.color5 .get-intuch .newsleatetter .submitbtn {
  background-image: -webkit-linear-gradient(to right, #ff4e50, #f9d423, #f9d423, #ff4e50);
  background-image: -moz-linear-gradient(to right, #ff4e50, #f9d423, #f9d423, #ff4e50);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff4e50), color-stop(#f9d423), color-stop(#f9d423), to(#ff4e50));
  background-image: -webkit-linear-gradient(left, #ff4e50, #f9d423, #f9d423, #ff4e50);
  background-image: -o-linear-gradient(left, #ff4e50, #f9d423, #f9d423, #ff4e50);
  background-image: linear-gradient(to right, #ff4e50, #f9d423, #f9d423, #ff4e50); }

.color5 .feature .box .inner-box .icon,
.color5 .howitwork .right-area .item .content .left-content .icon,
.color5 .section-title .title span,
.color5 .why-use-this-app .content .feature-list li p:hover i,
.color5 .video-play-btn i,
.color5 .video .video-wrapper .video-box .overly,
.color5 .counter-area .fun-box .icon,
.color5 .swiper-pagination-bullet-active,
.color5 .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link.active,
.color5 .pricing .pricing-tab .tab-menu #my-tab .nav-item .nav-link:hover,
.color5 .pricing .price-box .price-rate,
.color5 .download-app .rating-wraper .review-area .right .reating-poll li .progress .progress-bar,
.color5 .team .owl-controls .owl-nav div.owl-prev::after,
.color5 .team .owl-controls .owl-nav div.owl-next::after,
.color5 .team .team-member .social,
.color5 .contact .info-contact li .info-box .left .icon,
.color5 .twitter-widget .owl-controls .owl-nav div.owl-prev::after,
.color5 .twitter-widget .owl-controls .owl-nav div.owl-next::after,
.color5 .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-next:hover,
.color5 .testimonial-area .testimonial-slider:hover .owl-controls .owl-nav div.owl-prev:hover,
.color5 .feature:hover .owl-controls .owl-nav div.owl-next:hover,
.color5 .feature:hover .owl-controls .owl-nav div.owl-prev:hover,
.color5 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.color5 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before,
.color5 .navigation .navbar #mainmenu ul .nav-item .nav-link::before,
.color5 .preloader-inner,
.color5 .bottomtotop i {
  background-image: -webkit-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -moz-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff4e50), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #ff4e50, #f9d423);
  background-image: -o-linear-gradient(left, #ff4e50, #f9d423);
  background-image: linear-gradient(to right, #ff4e50, #f9d423); }

.color5 .testimonial-area .testimonial-slider .client .client-image,
.color5 .hero-area .right-area .img::after {
  border: 4px solid #ff4e50; }

@-webkit-keyframes b-shadow5 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(255, 78, 80, 0.3), 0px 0px 0px 75px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3), 0px 0px 0px 125px rgba(255, 78, 80, 0.3), 0px 0px 0px 150px rgba(255, 78, 80, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(255, 78, 80, 0.3), 0px 0px 0px 75px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3), 0px 0px 0px 125px rgba(255, 78, 80, 0.3), 0px 0px 0px 150px rgba(255, 78, 80, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3); } }

@-moz-keyframes b-shadow5 {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(255, 78, 80, 0.3), 0px 0px 0px 75px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3), 0px 0px 0px 125px rgba(255, 78, 80, 0.3), 0px 0px 0px 150px rgba(255, 78, 80, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3); } }

@-o-keyframes b-shadow5 {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3); }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(255, 78, 80, 0.3), 0px 0px 0px 75px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3), 0px 0px 0px 125px rgba(255, 78, 80, 0.3), 0px 0px 0px 150px rgba(255, 78, 80, 0.3); }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3); } }

@keyframes b-shadow5 {
  0% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3); }
  50% {
    -webkit-box-shadow: 0px 0px 0px 50px rgba(255, 78, 80, 0.3), 0px 0px 0px 75px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3), 0px 0px 0px 125px rgba(255, 78, 80, 0.3), 0px 0px 0px 150px rgba(255, 78, 80, 0.3);
    box-shadow: 0px 0px 0px 50px rgba(255, 78, 80, 0.3), 0px 0px 0px 75px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3), 0px 0px 0px 125px rgba(255, 78, 80, 0.3), 0px 0px 0px 150px rgba(255, 78, 80, 0.3); }
  100% {
    -webkit-box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3);
    box-shadow: 0px 0px 0px 20px rgba(255, 78, 80, 0.3), 0px 0px 0px 40px rgba(255, 78, 80, 0.3), 0px 0px 0px 60px rgba(255, 78, 80, 0.3), 0px 0px 0px 80px rgba(255, 78, 80, 0.3), 0px 0px 0px 100px rgba(255, 78, 80, 0.3); } }

.color5 .feature .owl-item.active.center .inner-box .icon::after,
.color5 .feature .owl-item .inner-box:hover .icon::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 78, 80, 0.3), 0px 0px 0px 16px rgba(255, 78, 80, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(255, 78, 80, 0.3), 0px 0px 0px 16px rgba(255, 78, 80, 0.3); }

.color5 .howitwork .right-area .item.slick-slide.slick-current.slick-active .content .icon::after {
  -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 78, 80, 0.3), 0px 0px 0px 10px rgba(255, 78, 80, 0.3);
  box-shadow: 0px 0px 0px 5px rgba(255, 78, 80, 0.3), 0px 0px 0px 10px rgba(255, 78, 80, 0.3); }

.color5 .counter-area .fun-box:hover .icon::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 78, 80, 0.3), 0px 0px 0px 16px rgba(255, 78, 80, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(255, 78, 80, 0.3), 0px 0px 0px 16px rgba(255, 78, 80, 0.3); }

.color5 .pricing .price-box:hover .price-rate::after {
  -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 78, 80, 0.3), 0px 0px 0px 16px rgba(255, 78, 80, 0.3);
  box-shadow: 0px 0px 0px 8px rgba(255, 78, 80, 0.3), 0px 0px 0px 16px rgba(255, 78, 80, 0.3); }

.color5 .contact .info-contact li .info-box .left .icon::after {
  -webkit-box-shadow: 0px 0px 0px 5px rgba(255, 78, 80, 0.3), 0px 0px 0px 10px rgba(255, 78, 80, 0.3);
  box-shadow: 0px 0px 0px 5px rgba(255, 78, 80, 0.3), 0px 0px 0px 10px rgba(255, 78, 80, 0.3); }

.color5 .hero-area .right-area .img::after,
.color5 .howitwork .left-area .img::after {
  -webkit-animation: b-shadow5 2s linear infinite;
  -moz-animation: b-shadow5 2s linear infinite;
  animation: b-shadow5 2s linear infinite; }

/*-----------------------------
** Home 2 Css Start
------------------------------*/
.home2 .hero-area .bgimg,
.home2 .bgshape1,
.home2 .bgshape2 {
  display: none !important; }

/*-----------------------------
** Home 3 Css Start
------------------------------*/
.home3.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home3.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home3.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-gradient(linear, left top, right top, from(#ec77ab), to(#7873f5));
  background-image: -webkit-linear-gradient(left, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(left, #ec77ab, #7873f5);
  background-image: linear-gradient(to right, #ec77ab, #7873f5); }

.home3 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  z-index: -99; }

.home3 .shape1,
.home3 .shape2,
.home3 .navigation .navbar .navbar-brand img,
.home3 .footer .footer-info-area .footer-logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.home3 .navigation.stiky-nav .navbar .navbar-brand img {
  -webkit-filter: unset;
  filter: unset; }

.home3 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home3 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
  -webkit-background-image: -webkit-linear-gradient(55deg, #fff, #fff);
  -moz-background-image: linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.home3 .hero-area .right-area .img::after {
  display: none; }

.home3 .navigation .navbar #mainmenu ul .nav-item .nav-link,
.home3 .hero-area .left-content .content .title,
.home3 .hero-area .left-content .content .subtitle,
.home3 .why-use-this-app .section-title .title,
.home3 .why-use-this-app .section-title p,
.home3 .testimonial-area .section-title .title,
.home3 .testimonial-area .section-title p,
.home3 .download-app .section-title .title,
.home3 .download-app .section-title p,
.home3 .get-intuch .section-title .title,
.home3 .get-intuch .section-title p,
.home3 .why-use-this-app .content .feature-list li p,
.home3 .download-app .rating-wraper .title,
.home3 .download-app .rating-wraper .review-area .left .rate,
.home3 .download-app .rating-wraper .review-area .left .total-download,
.home3 .download-app .rating-wraper .review-area .right .reating-poll li span,
.home3 .footer-widget .title,
.home3 .footer .footer-info-area .text p,
.home3 .footer-widget ul li a,
.home3 .twitter-widget .content p,
.home3 .twitter-widget .content a,
.home3 .footer .copy-bg p,
.home3 .footer .copy-bg a {
  color: #fff; }

.home3 .why-use-this-app .section-title .title span,
.home3 .get-intuch .content .title span {
  -webkit-background-image: -webkit-linear-gradient(55deg, #fff, #fff);
  -moz-background-image: linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.home3 .why-use-this-app .content .feature-list li p i {
  background: #fff;
  color: #333; }

.home3 .why-use-this-app .content .feature-list li p:hover i {
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  color: #fff; }

.home3 .navigation {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .home3 .navigation.stiky-nav {
    border: 0px; }
    .home3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link {
      color: #242424; }

.home3 .get-intuch .newsleatetter input {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.9); }
  .home3 .get-intuch .newsleatetter input::-webkit-input-placeholder {
    color: #fff; }
  .home3 .get-intuch .newsleatetter input:-ms-input-placeholder {
    color: #fff; }
  .home3 .get-intuch .newsleatetter input::-ms-input-placeholder {
    color: #fff; }
  .home3 .get-intuch .newsleatetter input::placeholder {
    color: #fff; }

.home3 .support-link-widget .link-list li,
.home3 .use-full-link-widget .link-list li {
  border-bottom: 2px dotted rgba(255, 255, 255, 0.5); }
  .home3 .support-link-widget .link-list li:last-child,
  .home3 .use-full-link-widget .link-list li:last-child {
    border-bottom: 0px; }

.home3 .footer .copy-bg {
  border-top: 1px solid rgba(255, 255, 255, 0.5); }

.home3.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home3.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home3.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5); }

.home3.color2 .overlay,
.home3.color2 .why-use-this-app .content .feature-list li p:hover i,
.home3.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home3.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home3.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -moz-linear-gradient(55deg, #75b2f0, #9ce6ae);
  background-image: -webkit-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -ms-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -webkit-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: -o-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: linear-gradient(55deg, #75b2f0, #75f094); }

.home3.color2 .download-app .rating-wraper .review-area .left .stars li {
  color: yellow; }

.home3.color3 .overlay,
.home3.color3 .why-use-this-app .content .feature-list li p:hover i,
.home3.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home3.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home3.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #b31217, #e52d27);
  background-image: -moz-linear-gradient(to right, #b31217, #e52d27);
  background-image: -webkit-gradient(linear, left top, right top, from(#b31217), to(#e52d27));
  background-image: -webkit-linear-gradient(left, #b31217, #e52d27);
  background-image: -o-linear-gradient(left, #b31217, #e52d27);
  background-image: linear-gradient(to right, #b31217, #e52d27); }

.home3.color4 .overlay,
.home3.color4 .why-use-this-app .content .feature-list li p:hover i,
.home3.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home3.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home3.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #00c6fb, #005bea);
  background-image: -moz-linear-gradient(to right, #00c6fb, #005bea);
  background-image: -webkit-gradient(linear, left top, right top, from(#00c6fb), to(#005bea));
  background-image: -webkit-linear-gradient(left, #00c6fb, #005bea);
  background-image: -o-linear-gradient(left, #00c6fb, #005bea);
  background-image: linear-gradient(to right, #00c6fb, #005bea); }

.home3.color5 .overlay,
.home3.color5 .why-use-this-app .content .feature-list li p:hover i,
.home3.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home3.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home3.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -moz-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff4e50), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #ff4e50, #f9d423);
  background-image: -o-linear-gradient(left, #ff4e50, #f9d423);
  background-image: linear-gradient(to right, #ff4e50, #f9d423); }

/*-----------------------------
** Home 4 Css Start
------------------------------*/
.home4.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home4.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home4.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-gradient(linear, left top, right top, from(#ec77ab), to(#7873f5));
  background-image: -webkit-linear-gradient(left, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(left, #ec77ab, #7873f5);
  background-image: linear-gradient(to right, #ec77ab, #7873f5); }

.home4 .hero-area {
  background: url(../images/bgimg/bgimg1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home4 .hero-area .overlay {
    z-index: 0; }

.home4 .why-use-this-app {
  background: url(../images/bgimg/bgimg2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home4 .why-use-this-app .overlay {
    z-index: 0; }

.home4 .testimonial-area {
  background: url(../images/bgimg/bgimg3.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home4 .testimonial-area .overlay {
    z-index: 0; }

.home4 .download-app {
  background: url(../images/bgimg/bgimg4.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home4 .download-app .overlay {
    z-index: 0; }
  .home4 .download-app .bgshape1 {
    z-index: 0; }
  .home4 .download-app .left-area img {
    z-index: 0; }

.home4 .get-intuch {
  background: url(../images/bgimg/bgimg5.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home4 .get-intuch .overlay {
    z-index: 0; }

.home4 .footer {
  background: url(../images/bgimg/bgimg6.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home4 .footer .overlay {
    z-index: 0; }

.home4 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  z-index: -99;
  opacity: .9; }

.home4 .shape1,
.home4 .shape2,
.home4 .navigation .navbar .navbar-brand img,
.home4 .footer .footer-info-area .footer-logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.home4 .navigation.stiky-nav .navbar .navbar-brand img {
  -webkit-filter: unset;
  filter: unset; }

.home4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home4 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home4 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(35deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.home4 .hero-area .right-area .img::after {
  display: none; }

.home4 .navigation .navbar #mainmenu ul .nav-item .nav-link,
.home4 .hero-area .left-content .content .title,
.home4 .hero-area .left-content .content .subtitle,
.home4 .why-use-this-app .section-title .title,
.home4 .why-use-this-app .section-title p,
.home4 .testimonial-area .section-title .title,
.home4 .testimonial-area .section-title p,
.home4 .download-app .section-title .title,
.home4 .download-app .section-title p,
.home4 .get-intuch .section-title .title,
.home4 .get-intuch .section-title p,
.home4 .why-use-this-app .content .feature-list li p,
.home4 .download-app .rating-wraper .title,
.home4 .download-app .rating-wraper .review-area .left .rate,
.home4 .download-app .rating-wraper .review-area .left .total-download,
.home4 .download-app .rating-wraper .review-area .right .reating-poll li span,
.home4 .footer-widget .title,
.home4 .footer .footer-info-area .text p,
.home4 .footer-widget ul li a,
.home4 .twitter-widget .content p,
.home4 .twitter-widget .content a,
.home4 .footer .copy-bg p,
.home4 .footer .copy-bg a {
  color: #fff; }

.home4 .why-use-this-app .section-title .title span,
.home4 .get-intuch .content .title span {
  -webkit-background-image: -webkit-linear-gradient(55deg, #fff, #fff);
  -moz-background-image: linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.home4 .why-use-this-app .content .feature-list li p i {
  background: #fff;
  color: #333; }

.home4 .why-use-this-app .content .feature-list li p:hover i {
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  color: #fff; }

.home4 .navigation {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .home4 .navigation.stiky-nav {
    border: 0px; }
    .home4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link {
      color: #242424; }

.home4 .get-intuch .newsleatetter input {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.9); }
  .home4 .get-intuch .newsleatetter input::-webkit-input-placeholder {
    color: #fff; }
  .home4 .get-intuch .newsleatetter input:-ms-input-placeholder {
    color: #fff; }
  .home4 .get-intuch .newsleatetter input::-ms-input-placeholder {
    color: #fff; }
  .home4 .get-intuch .newsleatetter input::placeholder {
    color: #fff; }

.home4 .support-link-widget .link-list li,
.home4 .use-full-link-widget .link-list li {
  border-bottom: 2px dotted rgba(255, 255, 255, 0.5); }
  .home4 .support-link-widget .link-list li:last-child,
  .home4 .use-full-link-widget .link-list li:last-child {
    border-bottom: 0px; }

.home4 .footer .copy-bg {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 9;
  position: inherit; }

.home4.color2 .overlay,
.home4.color2 .why-use-this-app .content .feature-list li p:hover i,
.home4.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home4.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home4.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -moz-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -webkit-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -ms-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -webkit-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: -o-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: linear-gradient(55deg, #75b2f0, #75f094); }

.home4.color2 .download-app .rating-wraper .review-area .left .stars li {
  color: yellow; }

.home4.color3 .overlay,
.home4.color3 .why-use-this-app .content .feature-list li p:hover i,
.home4.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home4.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home4.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #b31217, #e52d27);
  background-image: -moz-linear-gradient(to right, #b31217, #e52d27);
  background-image: -webkit-gradient(linear, left top, right top, from(#b31217), to(#e52d27));
  background-image: -webkit-linear-gradient(left, #b31217, #e52d27);
  background-image: -o-linear-gradient(left, #b31217, #e52d27);
  background-image: linear-gradient(to right, #b31217, #e52d27); }

.home4.color4 .overlay,
.home4.color4 .why-use-this-app .content .feature-list li p:hover i,
.home4.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home4.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home4.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(55deg, #00c6fb, #005bea);
  background-image: -moz-linear-gradient(55deg, #00c6fb, #005bea);
  background-image: -webkit-linear-gradient(35deg, #00c6fb, #005bea);
  background-image: -o-linear-gradient(35deg, #00c6fb, #005bea);
  background-image: linear-gradient(55deg, #00c6fb, #005bea); }

.home4.color5 .overlay,
.home4.color5 .why-use-this-app .content .feature-list li p:hover i,
.home4.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home4.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home4.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -moz-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff4e50), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #ff4e50, #f9d423);
  background-image: -o-linear-gradient(left, #ff4e50, #f9d423);
  background-image: linear-gradient(to right, #ff4e50, #f9d423); }

/*-----------------------------
** Home 5 Css Start
------------------------------*/
.home5 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  z-index: -99; }

.home5 .counter-area .fun-box .icon::after {
  display: none; }

.home5 .shape1,
.home5 .shape2,
.home5 .navigation .navbar .navbar-brand img,
.home5 .footer .footer-info-area .footer-logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.home5 .navigation.stiky-nav .navbar .navbar-brand img {
  -webkit-filter: unset;
  filter: unset; }

.home5 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home5 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
  -webkit-background-image: -webkit-linear-gradient(55deg, #fff, #fff);
  -moz-background-image: linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.home5 .hero-area .right-area .img::after,
.home5 .howitwork .left-area .img::after {
  display: none; }

.home5 .navigation .navbar #mainmenu ul .nav-item .nav-link,
.home5 .hero-area .left-content .content .title,
.home5 .hero-area .left-content .content .subtitle,
.home5 .howitwork .section-title .title,
.home5 .howitwork .section-title p,
.home5 .testimonial-area .section-title .title,
.home5 .testimonial-area .section-title p,
.home5 .download-app .section-title .title,
.home5 .download-app .section-title p,
.home5 .get-intuch .section-title .title,
.home5 .get-intuch .section-title p,
.home5 .video .section-title .title,
.home5 .video .section-title p,
.home5 .faq .section-title .title,
.home5 .faq .section-title p,
.home5 .download-app .rating-wraper .title,
.home5 .download-app .rating-wraper .review-area .left .rate,
.home5 .download-app .rating-wraper .review-area .left .total-download,
.home5 .download-app .rating-wraper .review-area .right .reating-poll li span,
.home5 .footer-widget .title,
.home5 .footer .footer-info-area .text p,
.home5 .footer-widget ul li a,
.home5 .twitter-widget .content p,
.home5 .twitter-widget .content a,
.home5 .footer .copy-bg p,
.home5 .footer .copy-bg a,
.home5 .counter-area .fun-box .counter-wrapper .counter,
.home5 .counter-area .fun-box .counter-wrapper .math,
.home5 .howitwork .right-area .item .content .right-content .text,
.home5 .counter-area .fun-box .categori,
.home5 .howitwork .right-area .item .content .right-content .title {
  color: #fff; }

.home5 .howitwork .right-area .item.slick-current .content .right-content .text {
  color: #555; }

.home5 .howitwork .right-area .item.slick-current .content .right-content .title {
  color: #242424; }

.home5 .why-use-this-app .section-title .title span,
.home5 .get-intuch .content .title span {
  -webkit-background-image: -webkit-linear-gradient(55deg, #fff, #fff);
  -moz-background-image: linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.home5 .faq .section-title {
  position: relative;
  z-index: 99; }

.home5 .navigation {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .home5 .navigation.stiky-nav {
    border: 0px; }
    .home5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link {
      color: #242424; }

.home5 .get-intuch .newsleatetter input {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.9); }
  .home5 .get-intuch .newsleatetter input::-webkit-input-placeholder {
    color: #fff; }
  .home5 .get-intuch .newsleatetter input:-ms-input-placeholder {
    color: #fff; }
  .home5 .get-intuch .newsleatetter input::-ms-input-placeholder {
    color: #fff; }
  .home5 .get-intuch .newsleatetter input::placeholder {
    color: #fff; }

.home5 .support-link-widget .link-list li,
.home5 .use-full-link-widget .link-list li {
  border-bottom: 2px dotted rgba(255, 255, 255, 0.5); }
  .home5 .support-link-widget .link-list li:last-child,
  .home5 .use-full-link-widget .link-list li:last-child {
    border-bottom: 0px; }

.home5 .footer .copy-bg {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 99; }

.home5.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home5.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home5.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5); }

.home5.color2 .overlay,
.home5.color2 .why-use-this-app .content .feature-list li p:hover i,
.home5.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home5.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home5.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -moz-linear-gradient(55deg, #75b2f0, #9ce6ae);
  background-image: -webkit-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -ms-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -webkit-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: -o-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: linear-gradient(55deg, #75b2f0, #75f094); }

.home5.color2 .download-app .rating-wraper .review-area .left .stars li {
  color: yellow; }

.home5.color3 .overlay,
.home5.color3 .why-use-this-app .content .feature-list li p:hover i,
.home5.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home5.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home5.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #b31217, #e52d27);
  background-image: -moz-linear-gradient(to right, #b31217, #e52d27);
  background-image: -webkit-gradient(linear, left top, right top, from(#b31217), to(#e52d27));
  background-image: -webkit-linear-gradient(left, #b31217, #e52d27);
  background-image: -o-linear-gradient(left, #b31217, #e52d27);
  background-image: linear-gradient(to right, #b31217, #e52d27); }

.home5.color4 .overlay,
.home5.color4 .why-use-this-app .content .feature-list li p:hover i,
.home5.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home5.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home5.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #00c6fb, #005bea);
  background-image: -moz-linear-gradient(to right, #00c6fb, #005bea);
  background-image: -webkit-gradient(linear, left top, right top, from(#00c6fb), to(#005bea));
  background-image: -webkit-linear-gradient(left, #00c6fb, #005bea);
  background-image: -o-linear-gradient(left, #00c6fb, #005bea);
  background-image: linear-gradient(to right, #00c6fb, #005bea); }

.home5.color5 .overlay,
.home5.color5 .why-use-this-app .content .feature-list li p:hover i,
.home5.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home5.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home5.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -moz-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff4e50), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #ff4e50, #f9d423);
  background-image: -o-linear-gradient(left, #ff4e50, #f9d423);
  background-image: linear-gradient(to right, #ff4e50, #f9d423); }

/*-----------------------------
** Home 6 Css Start
------------------------------*/
.home6 .hero-area {
  background: url(../images/bgimg/bgimg1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home6 .hero-area .overlay {
    z-index: 0; }

.home6 .howitwork {
  background: url(../images/bgimg/bgimg2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home6 .howitwork .overlay {
    z-index: 0; }

.home6 .video {
  background: url(../images/bgimg/bgimg3.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home6 .video .overlay {
    z-index: 0; }

.home6 .testimonial-area {
  background: url(../images/bgimg/bgimg4.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home6 .testimonial-area .overlay {
    z-index: 0; }

.home6 .download-app {
  background: url(../images/bgimg/bgimg4.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home6 .download-app .overlay {
    z-index: 0; }
  .home6 .download-app .bgshape1 {
    z-index: 0; }
  .home6 .download-app .left-area img {
    z-index: 0; }

.home6 .faq {
  background: url(../images/bgimg/bgimg5.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home6 .faq .overlay {
    z-index: 0; }

.home6 .get-intuch {
  background: url(../images/bgimg/bgimg6.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home6 .get-intuch .overlay {
    z-index: 0; }

.home6 .footer {
  background: url(../images/bgimg/bgimg7.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed; }
  .home6 .footer .overlay {
    z-index: 0; }

.home6 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  z-index: -99;
  opacity: .9; }

.home6 .shape1,
.home6 .shape2,
.home6 .navigation .navbar .navbar-brand img,
.home6 .footer .footer-info-area .footer-logo img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.home6 .navigation.stiky-nav .navbar .navbar-brand img {
  -webkit-filter: unset;
  filter: unset; }

.home6 .navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home6 .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
  -webkit-background-image: -webkit-linear-gradient(55deg, #fff, #fff);
  -moz-background-image: linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.home6 .hero-area .right-area .img::after,
.home6 .howitwork .left-area .img::after {
  display: none; }

.home6 .navigation .navbar #mainmenu ul .nav-item .nav-link,
.home6 .hero-area .left-content .content .title,
.home6 .hero-area .left-content .content .subtitle,
.home6 .howitwork .section-title .title,
.home6 .howitwork .section-title p,
.home6 .testimonial-area .section-title .title,
.home6 .testimonial-area .section-title p,
.home6 .download-app .section-title .title,
.home6 .download-app .section-title p,
.home6 .get-intuch .section-title .title,
.home6 .get-intuch .section-title p,
.home6 .video .section-title .title,
.home6 .video .section-title p,
.home6 .faq .section-title .title,
.home6 .faq .section-title p,
.home6 .download-app .rating-wraper .title,
.home6 .download-app .rating-wraper .review-area .left .rate,
.home6 .download-app .rating-wraper .review-area .left .total-download,
.home6 .download-app .rating-wraper .review-area .right .reating-poll li span,
.home6 .footer-widget .title,
.home6 .footer .footer-info-area .text p,
.home6 .footer-widget ul li a,
.home6 .twitter-widget .content p,
.home6 .twitter-widget .content a,
.home6 .footer .copy-bg p,
.home6 .footer .copy-bg a,
.home6 .counter-area .fun-box .counter-wrapper .counter,
.home6 .counter-area .fun-box .counter-wrapper .math,
.home6 .howitwork .right-area .item .content .right-content .text,
.home6 .counter-area .fun-box .categori,
.home6 .howitwork .right-area .item .content .right-content .title {
  color: #fff; }

.home6 .howitwork .right-area .item.slick-current .content .right-content .text {
  color: #555; }

.home6 .howitwork .right-area .item.slick-current .content .right-content .title {
  color: #242424; }

.home6 .why-use-this-app .section-title .title span,
.home6 .get-intuch .content .title span {
  -webkit-background-image: -webkit-linear-gradient(55deg, #fff, #fff);
  -moz-background-image: linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(55deg, #fff, #fff);
  background-image: -o-linear-gradient(35deg, #fff, #fff);
  background-image: linear-gradient(55deg, #fff, #fff); }

.home6 .faq .section-title {
  position: relative;
  z-index: 99; }

.home6 .navigation {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .home6 .navigation.stiky-nav {
    border: 0px; }
    .home6 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link {
      color: #242424; }

.home6 .get-intuch .newsleatetter input {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.9); }
  .home6 .get-intuch .newsleatetter input::-webkit-input-placeholder {
    color: #fff; }
  .home6 .get-intuch .newsleatetter input:-ms-input-placeholder {
    color: #fff; }
  .home6 .get-intuch .newsleatetter input::-ms-input-placeholder {
    color: #fff; }
  .home6 .get-intuch .newsleatetter input::placeholder {
    color: #fff; }

.home6 .support-link-widget .link-list li,
.home6 .use-full-link-widget .link-list li {
  border-bottom: 2px dotted rgba(255, 255, 255, 0.5); }
  .home6 .support-link-widget .link-list li:last-child,
  .home6 .use-full-link-widget .link-list li:last-child {
    border-bottom: 0px; }

.home6 .footer .copy-bg {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 99; }

.home6.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home6.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home6.color1 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  -webkit-background-image: -webkit-linear-gradient(35deg, #ec77ab, #7873f5);
  -moz-background-image: linear-gradient(55deg, #ec77ab, #7873f5);
  background-image: -o-linear-gradient(35deg, #ec77ab, #7873f5);
  background-image: linear-gradient(55deg, #ec77ab, #7873f5); }

.home6.color2 .overlay,
.home6.color2 .why-use-this-app .content .feature-list li p:hover i,
.home6.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home6.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home6.color2 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -moz-linear-gradient(55deg, #75b2f0, #9ce6ae);
  background-image: -webkit-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -ms-linear-gradient(55deg, #75b2f0, #75f094);
  background-image: -webkit-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: -o-linear-gradient(35deg, #75b2f0, #75f094);
  background-image: linear-gradient(55deg, #75b2f0, #75f094); }

.home6.color2 .download-app .rating-wraper .review-area .left .stars li {
  color: yellow; }

.home6.color3 .overlay,
.home6.color3 .why-use-this-app .content .feature-list li p:hover i,
.home6.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home6.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home6.color3 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #b31217, #e52d27);
  background-image: -moz-linear-gradient(to right, #b31217, #e52d27);
  background-image: -webkit-gradient(linear, left top, right top, from(#b31217), to(#e52d27));
  background-image: -webkit-linear-gradient(left, #b31217, #e52d27);
  background-image: -o-linear-gradient(left, #b31217, #e52d27);
  background-image: linear-gradient(to right, #b31217, #e52d27); }

.home6.color4 .overlay,
.home6.color4 .why-use-this-app .content .feature-list li p:hover i,
.home6.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home6.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home6.color4 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #00c6fb, #005bea);
  background-image: -moz-linear-gradient(to right, #00c6fb, #005bea);
  background-image: -webkit-gradient(linear, left top, right top, from(#00c6fb), to(#005bea));
  background-image: -webkit-linear-gradient(left, #00c6fb, #005bea);
  background-image: -o-linear-gradient(left, #00c6fb, #005bea);
  background-image: linear-gradient(to right, #00c6fb, #005bea); }

.home6.color5 .overlay,
.home6.color5 .why-use-this-app .content .feature-list li p:hover i,
.home6.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before,
.home6.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.home6.color5 .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: -webkit-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -moz-linear-gradient(to right, #ff4e50, #f9d423);
  background-image: -webkit-gradient(linear, left top, right top, from(#ff4e50), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #ff4e50, #f9d423);
  background-image: -o-linear-gradient(left, #ff4e50, #f9d423);
  background-image: linear-gradient(to right, #ff4e50, #f9d423); }
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.languagedialog {
    cursor: pointer;
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}