/* Xoom By GoFetchIt */

/*  ==========================================================================
    Table of contents
    ==========================================================================

    1.0 Common Styles
    2.0 Header Section
    3.0 Hero Section
    4.0 About Section
    5.0 Feature Section
    6.0 Video Section
    7.0 Screenshot Section
    8.0 Pricing Section
    9.0 Counter Section
    10.0 Testimonial Section
    11.0 Blog Section
    12.0 Download Section
    13.0 Subscribe Section
    14.0 Footer Section
    15.0 scroll To Top

    ==========================================================================
    Xoom App Landing Page Version 0.1
    ========================================================================== */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|Montserrat:400,600,700,800");

/*  ==========================================================================
    Common Styles
    ========================================================================== */
* {
  padding: 0;
  margin: 0;
}
body {
  background-color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 23px;
  color: #777;
  font-weight: 400;
  position: relative;
  overflow-x: hidden;
}
.line-height {
  line-height: 28px;
}
.orange-color {
  color: #f47320;
}
.blue-color {
  color: #199ea5;
}

.bg-dark-black {
  background: #1f2128 !important;
}
.bg-light-black {
  background-color: #292e3c;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #333;
}
h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px;
  color: #fff;
  letter-spacing: -0.05em;
}
h2 {
  font-size: 36px;
  color: #736cf5;
  margin: 0 0 10px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: -0.04em;
}
h3,
h4 {
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.7;
  color: #333;
  letter-spacing: -0.01em;
}
h3 {
  font-size: 36px;
  font-weight: 700;
}
h4 {
  font-size: 16px;
}
h5,
h6 {
  font-size: 14px;
  margin: 0 0 10px;
}
img {
  border: none;
  outline: none;
  max-width: 100%;
}
ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
p,
li,
a,
span {
}
p {
  font-size: 14px;
  margin-bottom: 15px;
}
a,
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0;
  text-decoration: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ddd !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #ddd !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #ddd !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ddd !important;
}
button {
  border: none;
  background: none;
}
/* Helper Class */
.padding {
  padding: 80px 0;
}
.no-padding {
  padding: 0;
}

.bg-white {
  background-color: #fff;
}
.bg-grey {
  background-color: #fafafa;
}
.bg-dark {
  background-color: #232323;
}
.bd-top {
  border-top: 1px solid #eaeaea;
}
.bd-bottom {
  border-bottom: 1px solid #eaeaea;
}

.mb-10 {
  margin-bottom: 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-45 {
  margin-bottom: 45px;
}
.mb-50 {
  margin-bottom: 50px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-25 {
  margin-left: 25px;
}
.ml-30 {
  margin-left: 30px;
}
.ml-35 {
  margin-left: 35px;
}
.fz-28 {
  font-size: 28px;
}
.fz-24 {
  font-size: 24px;
}
.fz-22 {
  font-size: 22px;
}
.fz-20 {
  font-size: 20px;
}
.fz-18 {
  font-size: 18px;
}
.fz-16 {
  font-size: 16px;
}
.text-black {
  color: #333;
}
.text-white {
  color: #ffffff;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.fl-right {
  float: right;
}
.fl-left {
  float: left;
}
.display-table {
  width: 100%;
  height: 100%;
  display: table;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
}

.overlay {
  width: 100%;
  position: relative;
  z-index: 1;
}
.overlay:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

/*Background Gradiant*/
.gradiant_1 {
  /* background: linear-gradient(135deg, #ce9ffc 10%, #7367f0 100%); */
  background-color: #292e3c;
}
.gradiant_2 {
  /* background: linear-gradient(135deg, #abdcff 10%, #0396ff 100%); */
  background: linear-gradient(135deg, #199ea5 10%, #3ee8f2 100%);
}
.gradiant_3 {
  /* background: linear-gradient(135deg, #feb692 10%, #ea5455 100%); */
  /* background-color: #199ea5; */
  background: linear-gradient(135deg, #199ea5 10%, #3ee8f2 100%);
}
.gradiant_4 {
  background: linear-gradient(135deg, #199ea5 10%, #3ee8f2 100%);
  /* background-color: #199ea5; */
}

/* Preloader Styles */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: linear-gradient(135deg, #ce9ffc 10%, #7367f0 100%);
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s 0.5s ease;
  -moz-transition: all 0.5s 0.5s ease;
  transition: all 0.5s 0.2s ease;
}
.loader {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: block;
  margin: auto;
  margin-top: -30px;
}
body.loaded #preloader {
  opacity: 0;
  visibility: hidden;
}
/*Battery*/
.battery {
  width: 28px;
  height: 14px;
  border: 1px #fff solid;
  border-radius: 2px;
  position: relative;
  -webkit-animation: charge 5s linear infinite;
  -moz-animation: charge 5s linear infinite;
  animation: charge 5s linear infinite;
  top: 40px;
  margin: 0 auto;
}
.battery:after {
  width: 2px;
  height: 7px;
  background-color: #fff;
  border-radius: 0px 1px 1px 0px;
  position: absolute;
  content: "";
  top: 2px;
  right: -4px;
}
@-webkit-keyframes charge {
  0% {
    box-shadow: inset 0px 0px 0px #fff;
  }
  100% {
    box-shadow: inset 30px 0px 0px #fff;
  }
}
@-moz-keyframes charge {
  0% {
    box-shadow: inset 0px 0px 0px #fff;
  }
  100% {
    box-shadow: inset 30px 0px 0px #fff;
  }
}
@keyframes charge {
  0% {
    box-shadow: inset 0px 0px 0px #fff;
  }
  100% {
    box-shadow: inset 30px 0px 0px #fff;
  }
}
/* Button Style */
.btn_group {
}
.btn_group a {
  margin: 5px;
}
.btn_group_left a {
  margin-right: 15px;
  margin-bottom: 15px;
}
.button_1 {
  /* background: linear-gradient(45deg, #ff6ba7 0%, #ff8765 100%); */
  background-color: #199ea5;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  border-radius: 28px;
  line-height: 50px;
  font-weight: 700;
  display: inline-block;
  padding: 0 25px;
  letter-spacing: -0.02em;
}
.button_1:hover {
  box-shadow: 0px 0px 24px 5px rgba(255, 255, 255, 0.3);
  color: #fff;
}
.button_1.button_2 {
  background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
}
.button_1.button_3 {
  background: linear-gradient(135deg, #abdcff 10%, #0396ff 100%);
}
.button_1.price_btn {
  background: #fff;
  color: #736cf5;
  box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
}
.button_1.price_btn:hover {
  box-shadow: none;
}

/* Transition Effect */
a,
a:hover,
.overlay,
img,
.form-control,
.form-control:hover,
button {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
/* ==========================================================================
   Header Section
   ========================================================================== */
.header_section {
  background-color: transparent;
  width: 100%;
  height: auto;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  padding: 18px 0;
}

.navbar-fixed-top.header_section {
  /* background: linear-gradient(135deg, #ce9ffc 10%, #7367f0 100%); */
  background-color: #111;
  box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.05);
  border-bottom: 0;
  padding: 10px 0;
}
.navbar-fixed-top ul.nav > li > a {
  color: #ddd;
}
.navbar-fixed-top ul.nav > li > a:hover,
.navbar-fixed-top ul.nav > li > a:focus,
.navbar-fixed-top ul.nav > li.active > a {
  color: #fff;
}
.logo-light,
.navbar-fixed-top .logo-light,
.logo-dark,
.navbar-fixed-top .logo-dark,
.navbar-fixed-top.header_section,
.header_section {
  transition: all 0.3s ease-in-out;
}
.navbar {
  border: medium none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin: 0;
  position: relative;
  padding: 0;
}
.navbar-header {
  padding: 17px 0;
}
.navbar-header .brand {
  font-size: 25px;
  color: #333;
  font-family: "Open Sans", sans-serif;
  letter-spacing: -1px;
  font-weight: 600;
  margin-left: 13px;
}
.navbar-header .nav-btn {
  padding: 8px;
  border-radius: 1px;
}
.navbar-header .nav-btn .icon-bar {
  background-color: #fff;
  width: 18px;
}
.navbar-fixed-top .navbar-header .nav-btn .icon-bar {
  background-color: #777;
}
.navbar-header .nav-btn:hover,
.navbar-header .nav-btn:focus {
  opacity: 0.8;
}

/* Nav Menu */
#navbar {
  z-index: 999;
  padding: 0 15px;
}
ul.nav {
}
ul.nav > li {
}
ul.nav > li > a {
  color: rgba(255, 255, 255, 0.9);
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  vertical-align: middle;
  padding: 0 16px;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 70px;
  z-index: 1;
}
ul.nav > li > a:hover,
ul.nav > li > a:focus,
ul.nav > li > a.active {
  background: none;
  color: #fff;
  opacity: 1;
}
.menu-btn {
  margin-left: 10px;
  margin-top: 10px;
}

/*Mobile Menu */
.menu-wrap {
  position: relative;
}
.slicknav_menu {
  background: none;
  padding: 4px 0;
  display: none;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.slicknav_nav {
  background-color: #fff;
}
.slicknav_btn {
  background-color: transparent;
  margin: 17px 5px 19px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row,
.slicknav_nav a,
.slicknav_nav a:hover {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.slicknav_nav .slicknav_row,
.slicknav_nav a {
  padding: 10px 15px;
  margin: 0;
  color: #0e0e0e;
}
.slicknav_nav a .caret {
  display: none;
}
.slicknav_nav ul {
  margin: 0;
}
.slicknav_nav ul li a {
  padding-left: 30px;
  font-size: 12px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover {
  background-color: transparent;
  color: #333;
}
/* ==========================================================================
   Hero Section
   ========================================================================== */
.hero_section {
  position: relative;
  height: 870px;
  z-index: 1;
}
.hero_content {
  color: #fff;
}
/* .hero_mockup {
  background: url(../img/mockup-1.png);
  background-repeat: no-repeat;
  background-position: 80% center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
} */
.hero_section:after {
  background: url(../img/others/transparent-background.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: -1;
}

.triangle_bg {
  /* overflow: hidden; */
  position: relative;
  /* z-index: -2; */
}
.angle {
  -webkit-animation: 15s ease-in 0s normal forwards infinite running angle;
  animation: 15s ease-in 0s normal forwards infinite running angle;
  border: 2px solid #fff;
  box-shadow: 0 0 20px #ddd;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
  transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -webkit-transform-origin: left top 0;
  transform-origin: left top 0;
  width: 10px;
}
.angle:nth-child(2n) {
  border-style: solid;
  border-width: 0 3px 5.196px 3px;
  border-color: transparent transparent #fff transparent;
  box-shadow: 0 0 20px #81ee8e;
  height: 0;
  left: 75vw;
  top: 50vh;
  width: 0;
}
.angle:nth-child(2) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  left: 75vw;
  top: 50vh;
}
.angle:nth-child(3) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  left: 25vw;
  top: 40vh;
}
.angle:nth-child(4) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  left: 90vw;
  top: 10vh;
}
.angle:nth-child(5) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
  background-color: #fff;
  border: 0;
  left: 20vw;
  top: 85vh;
}
.angle:nth-child(6) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  left: 50vw;
  top: 100vh;
}
.angle:nth-child(7) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  left: 87vw;
  top: 80vh;
}
@-webkit-keyframes angle {
  0% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(20) rotate(960deg) translate(-50%, -50%);
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
  }
}
@keyframes angle {
  0% {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%);
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(20) rotate(960deg) translate(-50%, -50%);
    transform: scale(20) rotate(960deg) translate(-50%, -50%);
  }
}

/* ==========================================================================
   Promo Section
   ========================================================================== */
.promo_section {
}
.promo_content {
  color: #fff;
  padding: 40px 20px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
  height: 295px;
}
.promo_content img {
  margin-bottom: 10px;
  height: 50px;
  width: auto;
}
.promo_content h3 {
  color: #fff;
  margin-bottom: 5px;
  line-height: 30px;
}
.promo_content ul
{
	margin-left: 16px;
	text-align: left;
}
.promo_content ul li
{
	list-style:disc;
	position:relative;
}
.promo_content ul li::marker
{
	color:#ffffff;
}
/* ==========================================================================
   Feature Section
   ========================================================================== */
.feature_section {
  /* padding: 100px 0 55px; */
}
.feature_list.feature_left {
  text-align: right;
}
.feature_list {
  /* padding: 80px 0 0; */
}
.feature_list li {
  position: relative;
  margin-bottom: 30px;
}
.feature_list li i {
  color: #fff;
  /* background: linear-gradient(135deg, #ce9ffc 10%, #7367f0 100%); */
  background: linear-gradient(135deg, #199ea5 10%, #3ee8f2 100%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 2px;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}
.feature_content h4 {
  margin-bottom: 5px;
}

/*Circle Style*/
.feature_list .circle {
  width: 100px;
  height: 2px;
  background-color: #ddd;
  position: absolute;
  left: -110px;
  top: calc(20% - 1px);
  z-index: 1;
}
.feature_left.feature_list .circle {
  right: -110px;
  left: auto;
}

.feature_list .circle:before {
  background-color: #199ea5;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: -30px;
  top: -15px;
  z-index: 1;
}
.feature_left.feature_list .circle:before,
.feature_left.feature_list .circle:after {
  right: -30px;
  left: auto;
}
.feature_list .circle:after {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: -30px;
  top: -15px;
  z-index: 1;
  border: 3px solid #199ea5;
  -webkit-animation: circle_zoom 0.8s linear 0.4s infinite;
  animation: circle_zoom 0.8s linear 0.4s infinite;
}

@-webkit-keyframes circle_zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes circle_zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}

/* ==========================================================================
   Video Section
   ========================================================================== */
.video_section {
  background-image: url(../img/video-background.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  padding: 150px 0;
  left: 0;
  top: 0;
  z-index: 1;
}
.video_section:before {
  background: linear-gradient(135deg, #ce9ffc 10%, #7367f0 100%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
  z-index: -1;
}
.video_content {
  position: relative;
}
.video_content h3 {
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 20px;
}
.video_content p {
  color: #fff;
  margin: 0;
}
.video_content a {
  background-color: #fff;
  color: #736cf5;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.video_content a:after {
  content: "";
  width: 70px;
  height: 70px;
  border-radius: 70%;
  position: absolute;
  left: 0;
  top: 0;
  color: #736cf5;
  z-index: 1;
  border: 3px solid #fff;
  -webkit-animation: circle_zoom 0.8s linear 0.4s infinite;
  animation: circle_zoom 0.8s linear 0.4s infinite;
}

/* ==========================================================================
   Screenshot Section
   ========================================================================== */
.owl-nav-2 .owl-nav {
}
.owl-nav-2 .owl-nav div {
  background: linear-gradient(135deg, #199ea5 10%, #3ee8f2 100%);
  display: block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  box-shadow: 1px 1px 10px 0px #111;
  font-size: 18px;
  position: absolute;
  left: -20px;
  top: calc(50% - 20px);
  transition: all 0.3s linear;
}
.owl-nav-2 .owl-nav div.owl-next {
  left: auto;
  right: -20px;
}

/* ==========================================================================
   Pricing Section
   ========================================================================== */
.pricing_section {
}
.pricing_table {
  border-radius: 10px;
  box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
}
.pricing_head {
  padding: 40px 0;
  border-bottom: 1px solid #ddd;
}
.pricing_head h3 {
  color: #fff;
  font-size: 36px;
  font-weight: 800;
}
.pricing_head span {
  font-size: 14px;
  text-transform: uppercase;
}
.pricing_head h5,
.pricing_head h4 {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: -8px;
}
.pricing_head h5 {
  margin-top: -10px;
}
.pricing_table ul {
  margin: 20px 0;
}
.pricing_table li {
  color: #fff;
  padding: 5px 0;
}
.pricing_footer {
  padding-bottom: 40px;
}

/* ==========================================================================
   Counter Section
   ========================================================================== */

.counter_section {
  background-image: url(../img/counter-bg.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 150px 0;
  position: relative;
  z-index: 1;
}
.counter_section:before {
  background: linear-gradient(135deg, #ce9ffc 10%, #7367f0 100%);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.9;
  z-index: -1;
}
.counters {
}
.counters .counter_content {
  display: block;
  text-align: center;
  color: #fff;
}
.counters .counter_content i {
  font-size: 36px;
}
.counters .counter_content h3 {
  font-size: 32px;
  margin: 10px 0;
  color: #fff;
  font-weight: 800;
}
.counters .counter_content h4 {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}

/* ==========================================================================
   Testimonial Section
   ========================================================================== */
.testimonial_section {
}
.testimonial_items.owl-carousel .owl-stage-outer {
  padding-bottom: 20px;
}
.testimonial_item {
  text-align: center;
}
.testimonial_item .client_thumb {
  border-radius: 50%;
  height: 74px;
  width: 74px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 25px;
}
.testi_content {
  background-color: #fff;
  padding: 20px 15px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 -3px 10px -2px rgba(0, 9, 128, 0.05),
    0 4px 10px rgba(0, 9, 128, 0.035);
  -webkit-box-shadow: 0 -3px 10px -2px rgba(0, 9, 128, 0.05),
    0 4px 10px rgba(0, 9, 128, 0.035);
}
.testi_content:before {
  background-color: #fff;
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: calc(50% - 8px);
  top: -8px;
  transform: rotate(45deg);
}
.testimonial_item h4 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #666;
  margin-bottom: 5px;
}
.testimonial_item p {
}

.testimonial_items .owl-nav div {
  left: -40px;
  top: calc(50% - -5px);
}
.testimonial_items .owl-nav div.owl-next {
  right: -40px;
}

/* ==========================================================================
   Blog Section
   ========================================================================== */
.blog_section {
}
.blog_content {
}
.blog_top {
  position: relative;
}
.blog_top img {
  border-radius: 2px;
  margin-bottom: 10px;
  width: 100%;
}
.blog_top img:hover {
  opacity: 0.8;
}
.blog_top a {
  background: linear-gradient(135deg, #ce9ffc 10%, #7367f0 100%);
  color: #fff;
  font-size: 12px;
  border-radius: 2px;
  padding: 10px 15px;
  position: absolute;
  left: 15px;
  top: 15px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}
.blog_top span {
  display: block;
}
.blog_bottom h3 {
  color: #666;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
}
.blog_bottom h3:hover {
  color: #736cf5;
  text-decoration: underline;
}
.blog_bottom .read_more {
  color: #736cf5;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog_bottom .read_more:hover {
  text-decoration: underline;
}

/* ==========================================================================
   Download Section
   ========================================================================== */
.download_section {
  /* height: 100%;
  background-position: center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  z-index: 1;
  overflow: hidden; */
}
.download_mockup {
  background-image: url(../img/mockup-3.png);
  background-repeat: no-repeat;
  background-position: right top;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
/* .download_section:after {
  background: url(../img/wave.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: -1;
} */
.download_content {
  padding-top: 50px;
}
.download_content h3 {
  /* color: #fff; */
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
}
.download_content p {
  font-size: 16px;
  color: #fff;
}
.btn_group a {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  background-color: transparent;
  border: 2px solid #fff;
  padding: 14px 30px;
  padding-left: 55px;
  border-radius: 30px;
  line-height: 15px;
}
.btn_group i {
  font-size: 30px;
  position: absolute;
  left: 20px;
  top: 15px;
}
.download_btn span {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: block;
}
.download_btn:hover span {
  color: #777;
}
.btn_group a:hover {
  background-color: #fff;
  color: #199ea5;
}
.download_btn:hover i,
.download_btn:hover span {
  color: #199ea5;
}
.btn_group {
  margin-left: -10px;
}

/* ==========================================================================
   Subscribe Section
   ========================================================================== */

.subscribe_wrap {
  display: block;
  text-align: center;
  margin-bottom: 25px;
}
.subscribe_form {
  display: block;
  text-align: center;
  width: 450px;
  margin: 0 auto;
  position: relative;
}
.subscribe_form .form_input {
  background: none;
  display: block;
  color: #777;
  font-size: 14px;
  line-height: 58px;
  padding: 0 15px;
  float: left;
  width: 100%;
  outline: none;
  border: none;
  border: 1px solid #199ea5;
  border-radius: 30px;
  padding-right: 130px;
}
.subscribe_form .button_1 {
  position: absolute;
  right: 5px;
  top: 5px;
}
.subscribe_form .button_1:hover {
  cursor: pointer;
}
#subscribe-result {
  display: none;
  margin-top: 15px;
  padding: 10px;
  border: 1px solid #f77030;
}
#subscribe-result.subs-result {
  display: block;
}
.subscription-success,
.subscription-error {
  color: #fff;
}
.social_link {
  text-align: center;
  margin-top: 30px;
}
.social_link li {
  display: inline-block;
  margin: 0 5px;
}
.social_link li a {
  background: linear-gradient(135deg, #199ea5 10%, #3ee8f2 100%);
  display: inline-block;
  font-size: 14px;
  color: #fff;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 2px;
}
.social_link li a:hover {
  box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.25);
}

/* ==========================================================================
   Footer Section
   ========================================================================== */
.footer_section {
  background: url(../img/others/theme-banner.jpg),
    linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  display: block;
  background-blend-mode: overlay;
  height: 100%;
  background-position: center;
  background-size: cover;
  text-align: center;
}
/* .footer_section p {
  text-transform: uppercase;
  font-size: 12px;
  margin: 0;
} */
.footer_section a:hover,
.footer_section ul li a:hover {
  color: #f47320 !important;
}

/* ==========================================================================
   Scroll To Top
   ========================================================================== */
#scroll-to-top {
  background: linear-gradient(135deg, #feb692 10%, #ea5455 100%);
  display: none;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
  line-height: 45px;
  color: #fff;
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 999;
}
#scroll-to-top:hover {
  background-color: #282828;
  color: #fff;
}

/* ---------------custom-styling-------------- */
.logo-img {
  width: 160px;
}
header nav ul li a:hover {
  color: #f47320 !important;
}
.img-circle {
  width: 500px;
  height: 500px;
  background-color: #f47320;
  border-radius: 100%;
}
.img-circle img {
  width: 60%;
}
.icon-span {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #199ea5 10%, #3ee8f2 100%);
  border-radius: 2px;
}
.icon-span img {
  width: 20px;
}
.contact-form form input::placeholder,
textarea::placeholder {
  color: #666 !important;
}
.contact-form form input {
  height: 55px;
  border: 1px solid #4f525e;
  background: none;
  color: #efefef;
}
.contact-form form textarea {
  min-height: 180px;
  border: 1px solid #4f525e;
  background: none;
  color: #efefef;
}
.send-btn {
  background-color: #199ea5;
  width: fit-content;
  padding: 18px 36px;
}
.faq .accordion .card-header {
  border: 1px solid #4f525e;
  border-radius: 5px;
}
.faq .accordion .card-header:after {
  font-family: "FontAwesome";
  content: "\f068";
  float: right;
  color: #fff;
}
.faq .accordion .card-header.collapsed:after {
  content: "\f067";
}
.faq .card-body {
  border-radius: 5px;
}

.head-block
{
display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 7%;
    background-color: #292e3c;
    height: 350px;
    text-align: center;
    margin: auto;
    align-content: center;
}
.tc-content h2
{
	font-size: 36px;
    color: #f47320;
    margin: 40px 0 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: -0.04em;
}
.tc-content p
{
	font-size:16px;
	text-align:justify;
}
.tc-content h3
{
	font-size: 26px;
    color: #434343;
    margin: 40px 0 20px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: -0.04em;
}
.tc-content ul
{
	padding-left:20px;
	font-size:16px;
	text-align:justify;
}
.tc-content ul li
{
	list-style: disc;
    line-height: 25px;
    padding-bottom: 8px;
}
.tc-content ol
{
	padding-left:20px;
	padding-top:10px;
	font-size:16px;
	text-align:justify;
}
.tc-content ol li
{
	list-style:decimal;
}

.accepted-cards img {
  width: 70% !important;
}