/*
--------------------------
	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
====================*/

.jump {
    position: relative;
}

.jump:before {
    content: "";
    position: absolute;
    left: 0;
    top: -75px;
}



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

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

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

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

/*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; }


/*---------------------------
** Global style
---------------------------*/

.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; }

.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; }
    .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 {
    /*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 {
  width: 250px;
  left: -75px;
  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; }
.navbar #mainmenu ul .nav-item .nav-link {
  color: #242424;
  position: relative;
  padding: 25px 10px 25px; }
.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; }
.navbar #mainmenu ul .nav-item .nav-link:hover::before, .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); }
.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); }
.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; }
.navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:hover {
      background: #ddd; }
.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;
}

.hero-area .container {

  padding: 60px 0px 60px;
  /*background: url(../images/homepage-hotspots-1.png) no-repeat center;*/
  /*background-size: cover;*/
  /*padding: 180px 0 192px 0;*/

  /*background-attachment: fixed;*/
}
  .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: 46px;
    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%; }
    .why-use-this-app .content .feature-list {
      padding-left: 0px;
      margin-bottom: 55px; }
      .why-use-this-app .content .feature-list li {
        list-style: none; }
        .why-use-this-app .content .feature-list li p {
          cursor: pointer;
          position: relative;
          padding-left: 50px; }
          .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); }
          .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
---------------------------*/


/*---------------------------
** 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; }
      .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 {
    min-height: 470px;
    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
------------------------------*/


/*-----------------------------
** 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 .navbar #mainmenu ul .nav-item .nav-link:hover::before,
.color3 .navbar #mainmenu ul .nav-item .nav-link.active::before,
.color3 .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; }