@import url("css.css");
* {
  outline: none;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  color: #44434a;
  line-height: 1.6;
  overflow-x: hidden;
}
@media (max-width: 991px) {
  body {
    font-size: 15px;
  }
}

.video-popup {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  color: #fff;
  text-decoration: none;
}
.video-popup span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-bottom: 15px solid transparent;
  border-left: 25px solid currentColor;
  width: 0px;
  height: 0px;
  border-top: 15px solid transparent;
}
.video-popup.dark {
  color: #11083f;
}
.video-popup.theme {
  color: #00e4ff;
}

.px-btn {
  border: none;
  line-height: 48px;
  display: inline-block;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
  padding: 0 25px;
  font-size: 17px;
  font-weight: 600;
  border-radius: 14px;
  text-decoration: none !important;
}
@media (max-width: 991px) {
  .px-btn {
    line-height: 40px;
    padding: 0 20px;
    font-size: 15px;
  }
}
.px-btn.px-g-btn {
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  color: #fff;
}
.px-btn.px-g-btn:hover {
  background: -moz-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
  background: -webkit-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
  background: -ms-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
}
.px-btn.px-white-btn {
  background: #fff;
  color: #2c97ed;
  border: 1px solid #fff;
  line-height: 46px;
}
.px-btn.px-white-btn:hover {
  background: transparent;
  color: #fff;
}
.px-btn.px-dark-btn {
  background: #11083f;
  color: #fff;
  border: 1px solid #11083f;
  line-height: 46px;
}
.px-btn.px-dark-btn:hover {
  background: #00e4ff;
  border-color: #00e4ff;
  color: #fff;
}
.px-btn.px-btn-lg {
  font-size: 20px;
  line-height: 63px;
}
.px-btn.px-gray-btn {
  background: #e8f1f3;
  color: #0bbfdf;
  border: 1px solid #e8f1f3;
  line-height: 46px;
}
.px-btn.px-gray-btn:hover {
  background: #11083f;
  color: #fff;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media (min-width: 1441px) {
  .container {
    max-width: 1430px;
  }
}
/* ========================================================================
   Component: Accordion
 ========================================================================== */
.uk-accordion {
  padding: 0;
  list-style: none;
}

/* Item
 ========================================================================== */
.uk-accordion > :nth-child(n+2) {
  margin-top: 20px;
}

/* Title
 ========================================================================== */
.uk-accordion-title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #333;
  overflow: hidden;
}

.uk-accordion-title::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  margin-left: 10px;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.uk-open > .uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
}

/* Hover + Focus */
.uk-accordion-title:hover,
.uk-accordion-title:focus {
  color: #666;
  text-decoration: none;
  outline: none;
}

/* Content
 ========================================================================== */
.uk-accordion-content {
  margin-top: 20px;
}

/*
 * Micro clearfix
 */
.uk-accordion-content::before,
.uk-accordion-content::after {
  content: "";
  display: table;
}

.uk-accordion-content::after {
  clear: both;
}

/*
 * Remove margin from the last-child
 */
.uk-accordion-content > :last-child {
  margin-bottom: 0;
}

/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*='uk-animation-'] {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

/* Animations
 ========================================================================== */
/*
 * Fade
 */
.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: 0.8s;
  animation-timing-function: linear;
}

/*
 * Scale
 */
.uk-animation-scale-up {
  animation-name: uk-fade-scale-02;
}

.uk-animation-scale-down {
  animation-name: uk-fade-scale-18;
}

/*
 * Slide
 */
.uk-animation-slide-top {
  animation-name: uk-fade-top;
}

.uk-animation-slide-bottom {
  animation-name: uk-fade-bottom;
}

.uk-animation-slide-left {
  animation-name: uk-fade-left;
}

.uk-animation-slide-right {
  animation-name: uk-fade-right;
}

/*
 * Slide Small
 */
.uk-animation-slide-top-small {
  animation-name: uk-fade-top-small;
}

.uk-animation-slide-bottom-small {
  animation-name: uk-fade-bottom-small;
}

.uk-animation-slide-left-small {
  animation-name: uk-fade-left-small;
}

.uk-animation-slide-right-small {
  animation-name: uk-fade-right-small;
}

/*
 * Slide Medium
 */
.uk-animation-slide-top-medium {
  animation-name: uk-fade-top-medium;
}

.uk-animation-slide-bottom-medium {
  animation-name: uk-fade-bottom-medium;
}

.uk-animation-slide-left-medium {
  animation-name: uk-fade-left-medium;
}

.uk-animation-slide-right-medium {
  animation-name: uk-fade-right-medium;
}

/*
 * Kenburns
 */
.uk-animation-kenburns {
  animation-name: uk-scale-kenburns;
  animation-duration: 15s;
}

/*
 * Shake
 */
.uk-animation-shake {
  animation-name: uk-shake;
}

/*
 * SVG Stroke
 * The `--uk-animation-stroke` custom property contains the longest path length.
 * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically.
 * All strokes are animated by the same pace and doesn't end simultaneously.
 * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet.
 */
.uk-animation-stroke {
  animation-name: uk-stroke;
  stroke-dasharray: var(--uk-animation-stroke);
  animation-duration: 2s;
}

/* Direction modifier
 ========================================================================== */
.uk-animation-reverse {
  animation-direction: reverse;
  animation-timing-function: ease-in;
}

/* Duration modifier
 ========================================================================== */
.uk-animation-fast {
  animation-duration: 0.1s;
}

/* Toggle (Hover + Focus)
========================================================================== */
/*
 * The toggle is triggered on touch devices using `:focus` and tabindex
 */
.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] {
  animation-name: none;
}

/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-animation-toggle {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}

/*
 * Remove outline for `tabindex`
 */
.uk-animation-toggle:focus {
  outline: none;
}

/* Keyframes used by animation classes
 ========================================================================== */
/*
 * Fade
 */
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Slide Top
 */
@keyframes uk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom
 */
@keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left
 */
@keyframes uk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right
 */
@keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Top Small
 */
@keyframes uk-fade-top-small {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom Small
 */
@keyframes uk-fade-bottom-small {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left Small
 */
@keyframes uk-fade-left-small {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right Small
 */
@keyframes uk-fade-right-small {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Top Medium
 */
@keyframes uk-fade-top-medium {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom Medium
 */
@keyframes uk-fade-bottom-medium {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left Medium
 */
@keyframes uk-fade-left-medium {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right Medium
 */
@keyframes uk-fade-right-medium {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Scale Up
 */
@keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale Down
 */
@keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Kenburns
 */
@keyframes uk-scale-kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/*
 * Shake
 */
@keyframes uk-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
/*
 * Stroke
 */
@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Items
 ========================================================================== */
/*
 * Hide not active items
 */
.uk-switcher > :not(.uk-active) {
  display: none;
}

/*
 * Remove margin from the last-child
 */
.uk-switcher > * > :last-child {
  margin-bottom: 0;
}

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

@media (min-width: 992px) {
  .header-main .navbar {
    padding: 0;
  }
  .header-main .navbar-brand {
    margin: 0;
    padding: 0;
  }
  .header-main .navbar-brand img {
    height: 57px;
  }
  .header-main .navbar-nav {
    margin: 0 auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-main .navbar-nav {
    margin-right: 0;
    margin-left: auto;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .header-main .navbar-nav li.menu-item-has-children > a:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    margin-left: 10px;
  }
  .header-main .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > a {
    position: relative;
    width: 100%;
    padding-right: 25px;
  }
  .header-main .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children > a:after {
    content: "\f054";
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    display: inline-flex;
  }
}
@media (min-width: 992px) {
  .header-main .navbar-nav > li {
    padding: 0 19px;
    position: relative;
  }
  .header-main .navbar-nav > li + li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #bfbfbf;
    width: 1px;
    height: 18px;
  }
  .header-main .navbar-nav > li > a {
    font-size: 16px;
    font-weight: 500;
    color: #11083f;
    position: relative;
    padding: 0;
    display: block;
    text-decoration: none;
  }
  .header-main .navbar-nav > li > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 0px;
    height: 10px;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
  }
  .header-main .navbar-nav > li:hover > a, .header-main .navbar-nav > li.current-menu-item > a, .header-main .navbar-nav > li.active > a {
    color: #0bbfdf;
  }
  .header-main .navbar-nav > li:hover > a:before, .header-main .navbar-nav > li.current-menu-item > a:before, .header-main .navbar-nav > li.active > a:before {
    width: 100%;
    left: 0;
    right: auto;
  }
  .header-main .navbar-nav > li .sub-menu {
    position: absolute;
    top: 100%;
    min-width: 220px;
    background: #fff;
    margin: 0;
    padding: 10px 0px;
    list-style: none;
    box-shadow: 0 13px 15px 0 rgba(0, 0, 0, 0.06);
    display: none;
  }
  .header-main .navbar-nav > li .sub-menu > li > a {
    display: block;
    padding: 9px 15px;
    color: #11083f;
    border-left: 2px solid transparent;
    font-size: 15px;
    text-decoration: none;
    -moz-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    -webkit-transition: ease all 0.35s;
    transition: ease all 0.35s;
  }
  .header-main .navbar-nav > li .sub-menu > li:hover > a {
    color: #0bbfdf;
    border-color: #0bbfdf;
  }
  .header-main .navbar-nav > li .sub-menu > li .sub-menu {
    left: 100%;
    top: 0;
  }
  .header-main .navbar-nav > li .sub-menu > li:hover .sub-menu {
    display: block;
  }
  .header-main .navbar-nav > li:hover > .sub-menu {
    display: block;
  }
  .header-main .header-right {
    -webkit-box-flex: 0 0 275px;
    -moz-box-flex: 0 0 275px;
    -webkit-flex: 0 0 275px;
    -ms-flex: 0 0 275px;
    flex: 0 0 275px;
    max-width: 275px;
    text-align: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-main .header-right {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-main .header-right .h-phone {
    background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
    background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
    background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    line-height: 47px;
    display: inline-block;
    padding: 0 32px;
    border-radius: 40px;
  }
  .header-main .header-right .h-phone svg {
    margin-right: 5px;
  }
  .header-main .header-right .h-email {
    width: 47px;
    height: 47px;
    line-height: 47px;
    border-radius: 50%;
    background: #1d9ee6;
    color: #fff;
    display: inline-block;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .header-main .navbar-brand img {
    height: 50px;
  }
  .header-main .navbar-toggler {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    position: relative;
    border: 1px solid #0bbfdf;
    background: none;
  }
  .header-main .navbar-toggler span {
    width: 25px;
    height: 2px;
    display: inline-block;
    background: #0bbfdf;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 -7px 0 0 #0bbfdf, 0 7px 0 0 #0bbfdf;
  }
  .header-main .navbar-nav {
    padding-top: 20px;
  }
  .header-main .navbar-nav li {
    position: relative;
  }
  .header-main .navbar-nav > li {
    border-top: 1px solid #eee;
  }
  .header-main .navbar-nav > li .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    display: inline-flex;
    font-size: 18px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    justify-content: center;
    align-items: center;
  }
  .header-main .navbar-nav > li .icon:after {
    content: "\f078";
    pointer-events: none;
  }
  .header-main .navbar-nav > li .icon.mob-menu-open:after {
    content: "\f077";
  }
  .header-main .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 500;
    color: #11083f;
    position: relative;
    padding: 10px 0;
    display: block;
    text-decoration: none;
  }
  .header-main .navbar-nav > li:hover > a, .header-main .navbar-nav > li.current-menu-item > a {
    color: #0bbfdf;
  }
  .header-main .navbar-nav > li.open-mob-menu > .sub-menu {
    display: block;
  }
  .header-main .navbar-nav > li.open-mob-menu > .sub-menu > li.open-mob-menu > .sub-menu {
    display: block;
  }
  .header-main .navbar-nav > li.open-mob-menu > .sub-menu > li.open-mob-menu > .sub-menu > li.open-mob-menu > .sub-menu {
    display: block;
  }
  .header-main .navbar-nav .sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    background: #fcfdff;
  }
  .header-main .navbar-nav .sub-menu li {
    border-top: 1px solid #eee;
  }
  .header-main .navbar-nav .sub-menu li > a {
    font-size: 14px;
    font-weight: 500;
    color: #11083f;
    position: relative;
    padding: 10px;
    display: block;
    text-decoration: none;
  }
  .header-main .header-right {
    display: none;
  }
}
img {
  max-width: 100%;
}

*, *:focus, *:hover {
  outline: none !important;
}

.max-width-auto {
  /*@include up-xl {
  	max-width: inherit;
  }*/
}
@media (min-width: 1441px) {
  .max-width-auto {
    max-width: inherit;
  }
}

/* Section Title
---------------------------------*/
.section-title {
  padding-bottom: 45px;
}
.section-title .h2,
.section-title h2 {
  color: #11083f;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1199px) {
  .section-title .h2,
  .section-title h2 {
    font-size: 42px;
  }
}
@media (max-width: 991px) {
  .section-title .h2,
  .section-title h2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .section-title .h2,
  .section-title h2 {
    font-size: 28px;
  }
}
.section-title .h2 span,
.section-title h2 span {
  color: #0bbfdf;
}
@media (max-width: 767px) {
  .section-title .h2 br,
  .section-title h2 br {
    display: none;
  }
}
.section-title p {
  padding-top: 6px;
  font-size: 17px;
  color: #11083f;
  font-weight: 400;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .section-title p {
    font-size: 15px;
  }
}
.section-title.white h2 {
  color: #fff;
}
.section-title.white p {
  color: #fff;
}
.section-title h3 {
  font-size: 36px;
  font-weight: 700;
  color: #11083f;
}
@media (max-width: 991px) {
  .section-title h3 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .section-title h3 {
    font-size: 24px;
  }
}

/* Page Title
---------------------------------*/
.main-page-title {
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.main-page-title .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 386px;
  padding-left: 115px;
  position: relative;
}
@media (max-width: 1440px) {
  .main-page-title .container {
    min-height: 230px;
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .main-page-title .container {
    min-height: 130px;
  }
}
.main-page-title .container:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -60px;
  top: 0;
  background: url(../image/page-title.png) no-repeat center;
  width: 546px;
  opacity: 0.8;
}
@media (max-width: 767px) {
  .main-page-title .container:after {
    left: -260px;
  }
}
.main-page-title .container .h1,
.main-page-title .container h1 {
  margin: 0;
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .main-page-title .container .h1,
  .main-page-title .container h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .main-page-title .container .h1,
  .main-page-title .container h1 {
    font-size: 26px;
  }
}

/* slick- lider
---------------------------------*/
.slick-slider .slick-dots {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0px;
}
.slick-slider .slick-dots li {
  margin: 0 5px;
}
.slick-slider .slick-dots button {
  font-size: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #c3c8c8;
  border: none;
  outline: none;
  padding: 0;
}
.slick-slider .slick-dots .slick-active button {
  background: #00e4ff;
}

/* Home
---------------------------------*/
.home-slider {
  position: relative;
  min-height: 735px;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1199px) {
  .home-slider {
    min-height: 550px;
  }
}
@media (max-width: 767px) {
  .home-slider {
    min-height: 400px;
  }
}
.home-slider .hs-social-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: absolute;
  right: calc(50% - 637px);
  top: 0;
  bottom: 0;
  width: 40px;
  z-index: 2;
}
.home-slider .hs-social-icon a {
  width: 33px;
  height: 33px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 31px;
  margin: 10px 0;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.home-slider .hs-social-icon a:hover {
  background: #fff;
  color: #0bbfdf;
}
.home-slider .hs-main-tab {
  width: 100%;
}
.home-slider .hs-tab-content {
  display: none;
}
.home-slider .hs-tab-content.current {
  display: block;
}
.home-slider .hs-tab-content .container {
  opacity: 0;
  top: -40px;
  -moz-transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) all 0.85s;
  -o-transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) all 0.85s;
  -webkit-transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) all 0.85s;
  transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) all 0.85s;
}
.home-slider .hs-tab-content.fade-in .container {
  top: 0;
  opacity: 1;
}
.home-slider .hs-tab-content.fade-in .hs-bg {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.home-slider .hs-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -moz-transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) all 0.85s;
  -o-transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) all 0.85s;
  -webkit-transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) all 0.85s;
  transition: cubic-bezier(0.46, 0.03, 0.52, 0.96) all 0.85s;
  -moz-transform: scale(1.01);
  -o-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}
.home-slider .hs-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  bottom: 0;
  background: url(https://cubicdigitalmarketing.com/wp-content/themes/cubic-digital/assets/img/home-slider-bg.png) no-repeat center;
  opacity: 0.8;
  width: 740px;
  background-size: 100%;
}
@media (max-width: 767px) {
  .home-slider .hs-bg:after {
    width: 400px;
  }
}
.home-slider .container {
  position: relative;
  z-index: 1;
  padding-left: 96px;
}
@media (max-width: 991px) {
  .home-slider .container {
    padding-left: 15px;
  }
}
.home-slider .h6 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  margin-bottom: 20px;
}
.home-slider .h1 {
  font-size: 90px;
  line-height: .96;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .home-slider .h1 {
    font-size: 70px;
    line-height: 1;
  }
}
@media (max-width: 991px) {
  .home-slider .h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .home-slider .h1 {
    font-size: 30px;
  }
}
.home-slider .h1 span {
  color: #00e4ff;
}
.home-slider p {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .home-slider p {
    font-size: 15px;
  }
}
.home-slider .hs-tabs {
  padding-top: 35px;
}
@media (max-width: 991px) {
  .home-slider .hs-tabs {
    padding-top: 15px;
  }
}
.home-slider .hs-tabs li {
  font-weight: 600;
  color: #fff;
  border: 2px solid #fff;
  font-size: 16px;
  padding-left: 42px;
  padding-right: 42px;
  line-height: 54px;
  text-align: center;
  cursor: pointer;
  border-radius: 40px;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.home-slider .hs-tabs li + li {
  margin-left: 7px;
}
@media (max-width: 991px) {
  .home-slider .hs-tabs li {
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .home-slider .hs-tabs li {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    font-size: 12px;
  }
}
.home-slider .hs-tabs li:hover, .home-slider .hs-tabs li.current {
  background: #00e4ff;
  color: #11083f;
  border-color: #00e4ff;
}
.home-slider .hs-tabs li.current {
  pointer-events: none;
}

/* Tab Slider 1
---------------------------------*/
/*.tab-slider-style-1 {
	padding-top: 70px;
	padding-bottom: 110px;
	overflow: hidden;
	position: relative;
	&:after {
		content: "";
	    position: absolute;
	    bottom: -104px;
	    right: 0;
	    background: url(../image/effect-1.png);
	    width: 720px;
	    background-repeat: no-repeat;
	    height: 997px;
	    mix-blend-mode: multiply;
	}
	&:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		top: 500px;
		background: url(../image/line-bg.png);
		width: calc((100vw / 2) - 1430px / 2 - 35px);
	}
	.section-title {
		margin-bottom: 55px;
	}
	.tab-slider-content {
		@include flexbox;
		@include flex-direction(column);
		h3 {
			font-size: 36px;
			color: $px-dark;
			font-weight: 700;
			margin-bottom: 25px;
		}
		.desc {
			padding-right: 15px;
		}
		p {
			color: $px-dark;
			font-weight: 400;
		    margin-bottom: 25px;
		    letter-spacing: 0.020rem;
		}
	}
	.slick-dots {
		@include flexbox;
		@include order(-1);
		margin: 0 0 100px;
		padding: 0 0 65px;
		list-style: none;
		position: relative;
		&:before {
			content:"";
			width: 150px;
			height: 2px;
			background: #e9f0f0;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
		&:after {
			content:"";
			width: 50px;
			height: 2px;
			background: $px-theme;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;	
		}
	}
	.item-link {
		line-height: 78px;
		border: 2px solid transparent;
		color: $px-dark;
		font-size: 17px;
		font-weight: 500;
		box-shadow: 3px 5.196px 29px 0px rgb( 219, 232, 232 );
		background: $px-white;
		border-radius: 15px;
		margin-right: 27px;
		padding: 0 40px;
		white-space: nowrap;
		outline: none;
		cursor: pointer;
		img {
			display: none;
		}
	}
	.slick-active {
		.item-link {
			border-color: $px-theme;
		}
	}
	.slick-list {
		overflow: inherit;
	}
	.slick-slide {
		opacity: 0;
		img {
			max-width: 200%;
		}
		&.slick-active {
			opacity: 1;
		}
	}
}*/
.tab-slider-style-1 {
  padding-top: 70px;
  padding-bottom: 110px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .tab-slider-style-1 {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}
.tab-slider-style-1:after {
  content: "";
  position: absolute;
  bottom: -104px;
  right: 0;
  background: url(../image/effect-1.png);
  width: 720px;
  background-repeat: no-repeat;
  height: 997px;
  mix-blend-mode: multiply;
}
@media (max-width: 1440px) {
  .tab-slider-style-1:after {
    width: 460px;
    bottom: -54px;
  }
}
@media (max-width: 1199px) {
  .tab-slider-style-1:after {
    display: none;
  }
}
.tab-slider-style-1:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 500px;
  background: url(../image/line-bg.png);
  width: calc((100vw / 2) - 1430px / 2 - 35px);
}
.tab-slider-style-1 .section-title {
  padding-bottom: 55px;
}
@media (max-width: 991px) {
  .tab-slider-style-1 .section-title {
    padding-bottom: 35px;
  }
}
.tab-slider-style-1 .h3,
.tab-slider-style-1 h3 {
  font-size: 36px;
  color: #11083f;
  font-weight: 700;
  margin-bottom: 30px;
  padding-top: 16px;
}
@media (max-width: 991px) {
  .tab-slider-style-1 .h3,
  .tab-slider-style-1 h3 {
    padding-top: 0px;
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tab-slider-style-1 .h3,
  .tab-slider-style-1 h3 {
    font-size: 22px;
  }
}
.tab-slider-style-1 .desc {
  padding-right: 15px;
}
.tab-slider-style-1 p {
  color: #11083f;
  font-weight: 400;
  margin-bottom: 25px;
  letter-spacing: 0.020rem;
}
.tab-slider-style-1 .tab-img img {
  max-width: 200%;
}
@media (max-width: 991px) {
  .tab-slider-style-1 .tab-img img {
    max-width: 100%;
  }
}
.tab-slider-style-1 .uk-tab-content {
  display: none;
}
.tab-slider-style-1 .uk-tab-content.uk-active {
  display: block;
}
.tab-slider-style-1 .uk-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
  margin: 0 0 100px;
  padding: 0 0 65px;
  list-style: none;
  position: relative;
  z-index: 1;
}
@media (max-width: 1440px) {
  .tab-slider-style-1 .uk-tab {
    padding: 0 0 60px;
    margin: 0 0 60px;
  }
}
@media (max-width: 991px) {
  .tab-slider-style-1 .uk-tab {
    overflow-y: auto;
    margin: 0;
    padding: 10px 0;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  .tab-slider-style-1 .uk-tab::-webkit-scrollbar {
    width: 0 !important;
    display: none;
  }
  .tab-slider-style-1 .uk-tab:after, .tab-slider-style-1 .uk-tab:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .tab-slider-style-1 .uk-tab {
    padding: 0 0 20px 0;
  }
}
.tab-slider-style-1 .uk-tab:before {
  content: "";
  width: 150px;
  height: 2px;
  background: #e9f0f0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tab-slider-style-1 .uk-tab:after {
  content: "";
  width: 50px;
  height: 2px;
  background: #00e4ff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tab-slider-style-1 .uk-tab li a {
  line-height: 78px;
  font-size: 17px;
  margin-right: 27px;
  padding: 0 40px;
  border: 2px solid transparent;
  color: #11083f;
  font-weight: 500;
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  background: #fff;
  border-radius: 15px;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1440px) {
  .tab-slider-style-1 .uk-tab li a {
    line-height: 68px;
    font-size: 16px;
    margin-right: 17px;
    padding: 0 30px;
  }
}
@media (max-width: 1199px) {
  .tab-slider-style-1 .uk-tab li a {
    line-height: 58px;
    font-size: 15px;
    margin-right: 12px;
    padding: 0 18px;
  }
}
.tab-slider-style-1 .uk-tab li a img {
  max-width: 32px;
}
@media (max-width: 1440px) {
  .tab-slider-style-1 .uk-tab li a img {
    max-width: 25px;
  }
}
@media (max-width: 1199px) {
  .tab-slider-style-1 .uk-tab li a img {
    max-width: 20px;
  }
}
.tab-slider-style-1 .uk-tab li a span {
  padding-left: 13px;
}
@media (max-width: 1199px) {
  .tab-slider-style-1 .uk-tab li a span {
    padding-left: 8px;
  }
}
.tab-slider-style-1 .uk-tab li.uk-active a {
  border-color: #00e4ff;
}
@media (max-width: 991px) {
  .tab-slider-style-1 .uk-switcher {
    padding-top: 40px;
    margin-top: 40px;
    position: relative;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .tab-slider-style-1 .uk-switcher {
    padding-top: 30px;
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .tab-slider-style-1 .uk-switcher:before {
    content: "";
    width: 150px;
    height: 2px;
    background: #e9f0f0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .tab-slider-style-1 .uk-switcher:after {
    content: "";
    width: 50px;
    height: 2px;
    background: #00e4ff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
}

/* Tab Slider 2
---------------------------------*/
.tab-style-2-section {
  overflow: hidden;
  position: relative;
  padding-bottom: 105px;
}
@media (max-width: 991px) {
  .tab-style-2-section {
    padding-bottom: 60px;
  }
}
.tab-style-2-section:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  background: url(../image/line-bg.png);
  width: calc((100vw / 2) - 1430px / 2 - 35px);
}
.tab-style-2-section .section-title {
  padding-bottom: 55px;
}
@media (max-width: 991px) {
  .tab-style-2-section .section-title {
    padding-bottom: 35px;
  }
}

.tab-style-2 .uk-switcher li {
  display: none;
  padding-right: 20px;
}
.tab-style-2 .uk-switcher li.uk-active {
  display: block;
}
.tab-style-2 .uk-switcher .img-border {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.tab-style-2 .uk-switcher .img-border-in {
  border: 2px solid #d6e2e2;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
}
.tab-style-2 .uk-switcher .img-border-in img {
  border-radius: 10px;
  /*max-width: inherit;
  @include down-lg {
  	max-width: 100%;
  } */
}
@media (min-width: 1441px) {
  .tab-style-2 .uk-switcher .img-border-in img {
    max-width: inherit;
  }
}
.tab-style-2 .uk-tab {
  margin: 38px 0 0;
  padding: 0 0 0 10px;
  max-width: 600px;
  list-style: none;
}
.tab-style-2 .uk-tab a {
  text-decoration: none;
}
.tab-style-2 .uk-tab .icon {
  width: 105px;
  height: 105px;
  border: 10px solid #fff;
  border-radius: 50%;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  box-shadow: 0 0 0 0 transparent;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
  margin-top: -10px;
}
@media (max-width: 767px) {
  .tab-style-2 .uk-tab .icon {
    width: 75px;
    height: 75px;
    border: 5px solid #fff;
    padding: 6px;
  }
}
.tab-style-2 .uk-tab .icon:after {
  content: "";
  left: -70px;
  top: 0;
  bottom: 0;
  background: #d6e2e2;
  width: 0;
  height: 1px;
  margin: auto;
  position: absolute;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.tab-style-2 .uk-tab .media-body {
  padding-left: 20px;
}
.tab-style-2 .uk-tab h6 {
  font-size: 24px;
  font-weight: 700;
  color: #11083f;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .tab-style-2 .uk-tab h6 {
    font-size: 18px;
  }
}
.tab-style-2 .uk-tab p {
  color: #11083f;
  font-weight: 400;
  margin: 0;
  line-height: 1.6;
}
.tab-style-2 .uk-tab .uk-active .icon {
  box-shadow: 0 0 0 2px #d6e2e2;
}
.tab-style-2 .uk-tab .uk-active .icon:after {
  width: 60px;
}
.tab-style-2 .uk-tab .uk-active h6 {
  color: #0bbfdf;
}
.tab-style-2 .uk-tab li {
  position: relative;
}
.tab-style-2 .uk-tab li + li {
  margin-top: 27px;
  padding-top: 27px;
}
.tab-style-2 .uk-tab li + li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 125px;
  right: 0;
  height: 1px;
  background: #d6e1e1;
}
@media (max-width: 767px) {
  .tab-style-2 .uk-tab li + li:after {
    left: 95px;
  }
}

/* Case Studay
---------------------------------*/
.case-study-section {
  padding-top: 75px;
  padding-bottom: 75px;
}
@media (max-width: 991px) {
  .case-study-section {
    padding-top: 55px;
    padding-bottom: 55px;
  }
}
.case-study-section .section-title {
  padding-bottom: 16px;
}

.case-study-slider .slick-dots {
  margin-top: 40px;
}
.case-study-slider .item {
  padding: 15px;
}
.case-study-slider .item.slick-active .case-study-box .csb-in {
  opacity: 1;
}
.case-study-slider .item.slick-current .case-study-box {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}
.case-study-slider .item.slick-current + .slick-active .case-study-box {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.case-study-slider .item.slick-active:not(.slick-current) + .slick-active .case-study-box {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.case-study-slider .case-study-box {
  overflow: hidden;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 430px;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.case-study-slider .case-study-box .csb-in {
  max-width: 280px;
  opacity: 0;
  -moz-transition: ease all 0.55s;
  -o-transition: ease all 0.55s;
  -webkit-transition: ease all 0.55s;
  transition: ease all 0.55s;
  background: #fff;
  padding: 35px 40px 30px 40px;
  border-radius: 15px;
}
.case-study-slider .case-study-box .h5 {
  font-size: 47px;
  font-weight: 700;
  color: #00e4ff;
  line-height: 1;
  margin: 0 0 3px;
}
@media (max-width: 991px) {
  .case-study-slider .case-study-box .h5 {
    font-size: 40px;
  }
}
.case-study-slider .case-study-box .h6 {
  font-size: 22px;
  color: #11083f;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 991px) {
  .case-study-slider .case-study-box .h6 {
    font-size: 20px;
  }
}
.case-study-slider .case-study-box p {
  font-size: 18px;
  font-weight: 400;
  color: #11083f;
  margin: 0;
}
@media (max-width: 991px) {
  .case-study-slider .case-study-box p {
    font-size: 16px;
  }
}
.case-study-slider .case-study-box .btn-bar {
  padding-top: 20px;
}

/* Testimonials
---------------------------------*/
.testimonials-section {
  overflow: hidden;
}
.testimonials-section .ts-bg-left {
  width: 100vw;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../image/line-bg.png);
  z-index: -1;
}
@media (max-width: 991px) {
  .testimonials-section .ts-bg-left {
    left: -50vw;
    right: -50vw;
    width: 200vw;
  }
}
.testimonials-section .ts-bg-right {
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  z-index: -1;
}
@media (max-width: 991px) {
  .testimonials-section .ts-bg-right {
    left: -50vw;
    right: -50vw;
    width: 200vw;
  }
}
.testimonials-section .ts-left {
  padding-top: 80px;
  padding-bottom: 110px;
}
.testimonials-section .ts-left .section-title {
  padding-bottom: 45px;
}
@media (max-width: 991px) {
  .testimonials-section .ts-left .section-title {
    padding-bottom: 25px;
  }
}
@media (max-width: 991px) {
  .testimonials-section .ts-left {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.testimonials-section .testimonials-video {
  position: relative;
  display: inline-block;
}
.testimonials-section .testimonials-video .video-popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.testimonials-section .testimonials-slider {
  padding: 75px 0 100px 100px;
}
@media (max-width: 1199px) {
  .testimonials-section .testimonials-slider {
    padding: 55px 0 40px 30px;
  }
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-slider {
    padding: 45px 10px;
  }
}
.testimonials-section .testimonials-slider .icon {
  margin-bottom: 10px;
}
@media (max-width: 567px) {
  .testimonials-section .testimonials-slider .icon {
    margin-bottom: 20px;
  }
  .testimonials-section .testimonials-slider .icon img {
    max-width: 40px;
  }
}
.testimonials-section .testimonials-slider .h3 {
  color: #ecf2f2;
  font-size: 50px;
  margin-bottom: 50px;
  font-weight: 700;
}
@media (max-width: 1199px) {
  .testimonials-section .testimonials-slider .h3 {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-slider .h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}
.testimonials-section .testimonials-slider p {
  color: #f3f3f3;
  line-height: 1.6;
}
.testimonials-section .testimonials-slider .user {
  padding-top: 32px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
}
@media (max-width: 1199px) {
  .testimonials-section .testimonials-slider .user {
    padding-top: 15px;
  }
}
.testimonials-section .slick-slider .slick-dots {
  margin-top: 42px;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
}
@media (max-width: 1199px) {
  .testimonials-section .slick-slider .slick-dots {
    margin-top: 30px;
  }
}
.testimonials-section .slick-slider .slick-dots button {
  background: transparent;
  border: 1px solid #fff;
}
.testimonials-section .slick-slider .slick-dots .slick-active button {
  background: #fff;
}

/* Our Brands
---------------------------------*/
.our-brands-section {
  padding-top: 55px;
  padding-bottom: 55px;
}
.our-brands-section .brand-slide {
  text-align: center;
  padding: 0 10px;
}

/* WOrk Cycle
---------------------------------*/
.work-cycle-section {
  overflow: hidden;
  padding-top: 84px;
  background-color: #171526;
  background-image: url(../image/effect-2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .work-cycle-section {
    padding-top: 55px;
  }
}
.work-cycle-section .section-title {
  text-align: center;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .work-cycle-section .section-title {
    padding-bottom: 35px;
  }
}

.tab-style-3 .uk-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 991px) {
  .tab-style-3 .uk-tab {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .tab-style-3 .uk-tab {
    			/*padding: 7px 0;
    			overflow-y: auto;
    			-ms-overflow-style: none;
        		overflow: -moz-scrollbars-none;
        		&::-webkit-scrollbar {
    			    width: 0 !important;
    			    display: none;
    			}*/
  }
}
@media (max-width: 991px) {
  .tab-style-3 .uk-tab li {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .tab-style-3 .uk-tab li {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
}
.tab-style-3 .uk-tab li + li {
  margin-left: 19px;
}
@media (max-width: 991px) {
  .tab-style-3 .uk-tab li + li {
    margin-left: 0px;
  }
}
.tab-style-3 .uk-tab li a {
  border: 2px solid currentColor;
  color: #347f98;
  font-size: 17px;
  font-weight: 500;
  padding: 0 50px 0 30px;
  display: inline-block;
  position: relative;
  line-height: 58px;
  border-right: none;
  border-radius: 15px;
  text-decoration: none;
}
@media (max-width: 1440px) {
  .tab-style-3 .uk-tab li a {
    padding: 0 15px 0 30px;
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .tab-style-3 .uk-tab li a {
    padding: 0 6px 0 10px;
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .tab-style-3 .uk-tab li a {
    white-space: nowrap;
    width: calc(100% - 35px);
  }
}
@media (max-width: 767px) {
  .tab-style-3 .uk-tab li a {
    width: calc(100% - 25px);
  }
}
.tab-style-3 .uk-tab li a:after {
  content: "";
  position: absolute;
  right: -13px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  width: 48px;
  border-radius: 9px;
  height: 48px;
  margin: auto;
  top: 0;
  bottom: 0;
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tab-style-3 .uk-tab li a:hover {
  color: #00e4ff;
}
.tab-style-3 .uk-tab li.uk-active a {
  color: #00e4ff;
}
.tab-style-3 .uk-tab-content {
  padding: 60px 35px 0;
  display: none;
}
@media (max-width: 991px) {
  .tab-style-3 .uk-tab-content {
    padding: 30px 0 0;
  }
}
.tab-style-3 .uk-tab-content.uk-active {
  display: block;
}
.tab-style-3 .uk-tab-content .desc-box {
  max-width: 600px;
  padding-top: 50px;
}
@media (max-width: 991px) {
  .tab-style-3 .uk-tab-content .desc-box {
    max-width: 100%;
    padding-top: 0px;
  }
}
.tab-style-3 .uk-tab-content .icon {
  margin-bottom: 12px;
}
.tab-style-3 .uk-tab-content .h3 {
  color: #00e4ff;
  font-size: 33px;
  margin-bottom: 30px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .tab-style-3 .uk-tab-content .h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.tab-style-3 .uk-tab-content .desc {
  color: #b1c8dc;
  line-height: 1.7;
}
@media (min-width: 992px) {
  .tab-style-3 .uk-tab-content .img-right img {
    max-width: inherit;
  }
}

/* Two column section 1
---------------------------------*/
.two-column-section {
  overflow: hidden;
}
.two-column-section .section-title {
  text-align: center;
  padding-bottom: 68px;
  padding-top: 70px;
}
@media (max-width: 991px) {
  .two-column-section .section-title {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
.two-column-section .two-column-section-in {
  background: url(../image/line-bg.png);
  position: relative;
}
.two-column-section .e-icon {
  position: absolute;
}
@media (max-width: 991px) {
  .two-column-section .e-icon {
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
.two-column-section .e-icon.e-icon-1 {
  left: calc(50% - 455px);
  top: 138px;
}
.two-column-section .e-icon.e-icon-2 {
  left: calc(50% - 686px);
  top: 38px;
}
.two-column-section .e-icon.e-icon-3 {
  left: calc(50% - 250px);
  top: -67px;
}
.two-column-section .e-icon.e-icon-4 {
  right: calc(50% - 803px);
  bottom: 10px;
}
.two-column-section .e-icon.e-icon-5 {
  left: calc(50% - 873px);
  bottom: 82px;
}
.two-column-section .e-icon.e-icon-6 {
  top: 215px;
  left: calc(50% - 100px);
}
.two-column-section .e-icon.e-icon-7 {
  right: calc(50% - 795px);
  top: 133px;
}
.two-column-section .e-icon-v2 {
  position: absolute;
}
@media (max-width: 991px) {
  .two-column-section .e-icon-v2 {
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
.two-column-section .e-icon-v2.e-icon-1 {
  right: calc(50% - 223px);
  bottom: 50px;
}
.two-column-section .e-icon-v2.e-icon-2 {
  right: calc(50% - 937px);
  top: 40px;
}
.two-column-section .e-icon-v2.e-icon-3 {
  right: calc(50% - 165px);
  top: 65px;
}
.two-column-section .e-icon-v2.e-icon-4 {
  right: calc(50% - 909px);
  bottom: 226px;
}
.two-column-section .e-icon-v2.e-icon-5 {
  right: calc(50% - 795px);
  top: 175px;
}
.two-column-section .e-icon-v2.e-icon-6 {
  right: calc(50% - 765px);
  bottom: 35px;
}
.two-column-section .e-icon-v2.e-icon-6 img {
  width: 37px;
}
.two-column-section .e-icon-v2.e-icon-7 {
  left: calc(50% - 865px);
  bottom: 292px;
}
.two-column-section .e-icon-v2.e-icon-7 img {
  width: 37px;
}
.two-column-section .e-icon-v3 {
  position: absolute;
}
@media (max-width: 991px) {
  .two-column-section .e-icon-v3 {
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
.two-column-section .e-icon-v3.e-icon-1 {
  left: calc(50% - 183px);
  bottom: 222px;
  z-index: 1;
}
.two-column-section .e-icon-v3.e-icon-2 {
  left: calc(50% - 918px);
  top: 60px;
}
.two-column-section .e-icon-v3.e-icon-3 {
  left: calc(50% - 875px);
  bottom: 197px;
}
.two-column-section .e-icon-v3.e-icon-4 {
  left: calc(50% - 186px);
  top: 37px;
}
.two-column-section .e-icon-v3.e-icon-5 {
  left: calc(50% - 460px);
  bottom: 100px;
}
.two-column-section .e-icon-v3.e-icon-6 {
  right: calc(50% - 991px);
  top: 142px;
}
.two-column-section .e-icon-v4 {
  position: absolute;
}
@media (max-width: 991px) {
  .two-column-section .e-icon-v4 {
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}
.two-column-section .e-icon-v4.e-icon-1 {
  left: calc(50% - 800px);
  top: 292px;
}
.two-column-section .e-icon-v4.e-icon-2 {
  right: calc(50% - 108px);
  top: 85px;
}
.two-column-section .e-icon-v4.e-icon-3 {
  right: calc(50% - 147px);
  top: 389px;
}
.two-column-section .e-icon-v4.e-icon-4 {
  right: calc(50% - 870px);
  top: 36px;
}
.two-column-section .e-icon-v4.e-icon-5 {
  right: calc(50% - 911px);
  top: 353px;
}
.two-column-section .e-icon-v4.e-icon-6 {
  right: calc(50% - 658px);
  bottom: 56px;
}
@media (max-width: 991px) {
  .two-column-section .e-icon,
  .two-column-section [class*="e-icon-v"] {
    display: none;
  }
}
.two-column-section .desc-box {
  min-height: 100%;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  padding: 90px 105px;
}
@media (max-width: 1440px) {
  .two-column-section .desc-box {
    padding: 70px 55px;
  }
}
@media (max-width: 991px) {
  .two-column-section .desc-box {
    padding: 45px;
  }
}
@media (max-width: 767px) {
  .two-column-section .desc-box {
    padding: 25px;
  }
}
.two-column-section .desc-box .h2 {
  color: #fff;
  font-size: 50px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .two-column-section .desc-box .h2 {
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .two-column-section .desc-box .h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.two-column-section .desc-box .desc {
  max-width: 450px;
}
@media (max-width: 991px) {
  .two-column-section .desc-box .desc {
    max-width: inherit;
  }
}
.two-column-section .desc-box p {
  color: #fff;
  line-height: 1.6;
  font-weight: 400;
}
.two-column-section .desc-box .btn-bar {
  padding-top: 30px;
}
@media (max-width: 991px) {
  .two-column-section .desc-box .btn-bar {
    padding-top: 10px;
  }
}

/* Feature box
---------------------------------*/
.feature-list-section {
  background: #e8f1f3;
  padding-top: 80px;
  padding-bottom: 80px;
}
.feature-list-section .section-title {
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .feature-list-section .section-title {
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .feature-list-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.feature-list-slider-section .item {
  padding: 0 15px;
}
.feature-list-slider-section .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.feature-list-slider-section .slick-slide {
  height: auto;
}

.feature-box-1 {
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  border-radius: 15px;
  background: #fff;
  padding: 50px 40px;
  position: relative;
  overflow: hidden;
  min-height: calc(100% - 30px);
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .feature-box-1 {
    padding: 40px 30px 60px;
  }
}
@media (max-width: 991px) {
  .feature-box-1 {
    padding: 20px 20px 60px;
  }
}
.feature-box-1:after {
  content: "";
  position: absolute;
  bottom: -27px;
  right: -27px;
  width: 93px;
  height: 93px;
  border-radius: 10px;
  background: #d6ffff;
  opacity: 0;
  -moz-transition: ease all 0.45s;
  -o-transition: ease all 0.45s;
  -webkit-transition: ease all 0.45s;
  transition: ease all 0.45s;
}
.feature-box-1 .h5 {
  font-size: 33px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  .feature-box-1 .h5 {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .feature-box-1 .h5 {
    font-size: 22px;
  }
}
.feature-box-1 .h5 a {
  color: #0bbfdf;
  text-decoration: none;
}
.feature-box-1 .h5 a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.feature-box-1 p {
  color: #11083f;
  line-height: 1.6;
  margin: 0;
}
.feature-box-1 .arrow {
  width: 10px;
  height: 18px;
  background: url(../image/arrow-i.png) no-repeat scroll center;
  display: inline-block;
  background-size: 100%;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 1;
}
.feature-box-1:hover:after {
  border-radius: 50%;
  opacity: 1;
}

/* Call to action
---------------------------------*/
.cta-section {
  overflow: hidden;
}
.cta-section .cta-bg-left {
  position: absolute;
  width: 50vw;
  top: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
}
@media (max-width: 767px) {
  .cta-section .cta-bg-left {
    width: 150vw;
    left: -25vw;
    right: -25vw;
  }
}
.cta-section .cta-bg-right {
  position: absolute;
  width: 50vw;
  top: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
}
@media (max-width: 767px) {
  .cta-section .cta-bg-right {
    width: 150vw;
    left: -25vw;
    right: -25vw;
  }
}
.cta-section .cta-box {
  min-height: 717px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .cta-section .cta-box {
    min-height: 500px;
  }
}
@media (max-width: 767px) {
  .cta-section .cta-box {
    min-height: inherit;
    padding-top: 10%;
    padding-bottom: 10%;
  }
}
@media (min-width: 768px) {
  .cta-section .cta-box.right {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
  }
}
.cta-section .cta-box .h2 {
  font-weight: 700;
  font-size: 60px;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .cta-section .cta-box .h2 {
    font-size: 45px;
  }
}
@media (max-width: 991px) {
  .cta-section .cta-box .h2 {
    font-size: 35px;
  }
}
.cta-section .cta-box .btn-bar {
  padding-top: 20px;
}

/* we-creative-section
---------------------------------*/
.we-creative-section {
  padding-top: 75px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .we-creative-section {
    padding-top: 55px;
    padding-bottom: 10px;
  }
}
.we-creative-section .section-title {
  padding-bottom: 20px;
}
.we-creative-section .desc {
  margin-bottom: 27px;
}
@media (max-width: 991px) {
  .we-creative-section .desc {
    margin-bottom: 16px;
  }
}

/* We are best
---------------------------------*/
.we-are-best-section {
  padding-top: 30px;
  padding-bottom: 85px;
}
@media (max-width: 991px) {
  .we-are-best-section {
    padding-top: 15px;
    padding-bottom: 50px;
  }
}
.we-are-best-section .section-title {
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .we-are-best-section .section-title {
    padding-bottom: 20px;
  }
}
.we-are-best-section .tab-style-4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #00e4ff;
  border-radius: 15px;
  padding: 60px 50px 60px 0px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .we-are-best-section .tab-style-4 {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }
}
.we-are-best-section .tab-style-4:after {
  content: "";
  position: absolute;
  background: url(../image/line-bg.png);
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .we-are-best-section .tab-style-4:after {
    display: none;
  }
}
.we-are-best-section .tab-style-4 .uk-tab {
  -webkit-box-flex: 0 0 47%;
  -moz-box-flex: 0 0 47%;
  -webkit-flex: 0 0 47%;
  -ms-flex: 0 0 47%;
  flex: 0 0 47%;
  max-width: 47%;
  margin: 0;
  padding: 20px 0 0;
  list-style: none;
}
@media (max-width: 767px) {
  .we-are-best-section .tab-style-4 .uk-tab {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.we-are-best-section .tab-style-4 .uk-tab li a {
  font-size: 33px;
  font-weight: 600;
  color: #11083f;
  position: relative;
  text-decoration: none;
  padding: 10px 0px 10px 147px;
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid transparent;
}
@media (max-width: 1440px) {
  .we-are-best-section .tab-style-4 .uk-tab li a {
    padding-left: 137px;
    font-size: 27px;
  }
}
@media (max-width: 1199px) {
  .we-are-best-section .tab-style-4 .uk-tab li a {
    padding-left: 47px;
  }
}
@media (max-width: 767px) {
  .we-are-best-section .tab-style-4 .uk-tab li a {
    font-size: 18px;
  }
}
.we-are-best-section .tab-style-4 .uk-tab li a span {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 23px;
  left: 100px;
  line-height: normal;
}
@media (max-width: 1440px) {
  .we-are-best-section .tab-style-4 .uk-tab li a span {
    width: 25px;
    height: 25px;
    top: 20px;
  }
}
@media (max-width: 1199px) {
  .we-are-best-section .tab-style-4 .uk-tab li a span {
    left: 10px;
  }
}
@media (max-width: 767px) {
  .we-are-best-section .tab-style-4 .uk-tab li a span {
    width: 20px;
    height: 20px;
    top: 14px;
  }
}
.we-are-best-section .tab-style-4 .uk-tab li a span img {
  vertical-align: top;
}
.we-are-best-section .tab-style-4 .uk-tab li.uk-active a {
  color: #0bbfdf;
  border-bottom: 1px solid #00e4ff;
}
.we-are-best-section .tab-style-4 .uk-switcher {
  -webkit-box-flex: 0 0 53%;
  -moz-box-flex: 0 0 53%;
  -webkit-flex: 0 0 53%;
  -ms-flex: 0 0 53%;
  flex: 0 0 53%;
  max-width: 53%;
}
@media (max-width: 767px) {
  .we-are-best-section .tab-style-4 .uk-switcher {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.we-are-best-section .tab-style-4 .uk-switcher .uk-tab-content {
  display: none;
  border: 1px solid #00e4ff;
  border-radius: 10px;
  background: #fff;
}
@media (max-width: 767px) {
  .we-are-best-section .tab-style-4 .uk-switcher .uk-tab-content {
    border-radius: 0px 0px 20px 20px;
    border: none;
    border-top: 1px solid #00e4ff;
  }
}
.we-are-best-section .tab-style-4 .uk-switcher .uk-tab-content.uk-active {
  display: block;
  padding: 60px;
}
@media (max-width: 991px) {
  .we-are-best-section .tab-style-4 .uk-switcher .uk-tab-content.uk-active {
    padding: 30px;
  }
}

/* We are best
---------------------------------*/
.latest-blog-section {
  overflow: hidden;
  padding-top: 95px;
  padding-bottom: 65px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .latest-blog-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.latest-blog-section .slick-list {
  overflow: inherit;
}
.latest-blog-section .slick-slide {
  margin-right: 50px;
}
.latest-blog-section .slick-slider {
  margin-right: -50px;
}
.latest-blog-section .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.latest-blog-section .slick-track .slick-slide {
  height: auto;
}

.blog-post-slider {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 50px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: calc(100% - 50px);
}
@media (max-width: 991px) {
  .blog-post-slider {
    margin-bottom: 20px;
    height: calc(100% - 20px);
  }
}
.blog-post-slider .blog-left {
  -webkit-box-flex: 0 0 50%;
  -moz-box-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  padding: 5.5% 10% 5.5% 8%;
}
@media (max-width: 991px) {
  .blog-post-slider .blog-left {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .blog-post-slider .blog-left {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.blog-post-slider .blog-left .date {
  font-size: 18px;
  color: #11083f;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .blog-post-slider .blog-left .date {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.blog-post-slider .blog-left h3 {
  font-size: 33px;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 991px) {
  .blog-post-slider .blog-left h3 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .blog-post-slider .blog-left h3 {
    font-size: 20px;
  }
}
.blog-post-slider .blog-left h3 a {
  color: #fff;
  text-decoration: none;
}
.blog-post-slider .blog-left .btn-bar {
  padding-top: 22px;
}
.blog-post-slider .blog-right {
  -webkit-box-flex: 0 0 50%;
  -moz-box-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .blog-post-slider .blog-right {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 200px;
  }
}

/* We Promiss section
---------------------------------*/
.we-promiss-section {
  padding: 80px 0;
}
@media (max-width: 991px) {
  .we-promiss-section {
    padding: 50px 0;
  }
}
.we-promiss-section .section-title {
  padding: 0;
}
.we-promiss-section .section-title p {
  margin: 0;
}
@media (max-width: 991px) {
  .we-promiss-section .section-title {
    padding-bottom: 35px;
  }
}
.we-promiss-section .pie-chart {
  text-align: center;
}
@media (max-width: 767px) {
  .we-promiss-section .pie-chart {
    margin-bottom: 20px;
  }
}
.we-promiss-section .pie-chart .pie_chart_in {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.we-promiss-section .pie-chart .pie_chart_in span {
  font-size: 18px;
  font-weight: 500;
  color: #0c5ee0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.we-promiss-section .pie-chart .pie_chart_in span:after {
  content: "%";
}
.we-promiss-section .pie-chart .pie_chart_in canvas {
  display: block;
}
.we-promiss-section .pie-chart label {
  width: 100%;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 17px;
  margin: 17px 0 0;
  color: #0bbfdf;
}

.next-level-section {
  padding-top: 75px;
  background-repeat: no-repeat;
  padding-bottom: 206px;
  background-position: -8px top;
}
@media (min-width: 992px) {
  .next-level-section {
    background-position: calc((100vw / 2) - 960px / 2 - 254px) top;
  }
}
@media (min-width: 1200px) {
  .next-level-section {
    background-position: calc((100vw / 2) - 1200px / 2 - 254px) top;
  }
}
@media (min-width: 1441px) {
  .next-level-section {
    background-position: calc((100vw / 2) - 1440px / 2 - 254px) top;
  }
}
@media (max-width: 991px) {
  .next-level-section {
    background: none !important;
  }
}
@media (max-width: 1199px) {
  .next-level-section {
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .next-level-section {
    padding-top: 45px;
  }
}
@media (max-width: 767px) {
  .next-level-section {
    padding-top: 35px;
  }
}
.next-level-section .section-title {
  padding-bottom: 50px;
}
@media (max-width: 991px) {
  .next-level-section .section-title {
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .next-level-section .section-title {
    padding-bottom: 20px;
  }
}
.next-level-section .col-right {
  padding-left: 615px;
}
@media (max-width: 1440px) {
  .next-level-section .col-right {
    padding-left: 455px;
  }
}
@media (max-width: 1199px) {
  .next-level-section .col-right {
    padding-left: 455px;
  }
}
@media (max-width: 991px) {
  .next-level-section .col-right {
    padding-left: 0;
  }
}
.next-level-section .col-right p {
  color: #322863;
}
.next-level-section .nls-row {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .next-level-section .nls-row {
    padding-top: 20px;
  }
}
@media (max-width: 1440px) {
  .next-level-section .nls-row {
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .next-level-section .nls-row > li {
    -webkit-box-flex: 0 0 220px;
    -moz-box-flex: 0 0 220px;
    -webkit-flex: 0 0 220px;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    max-width: 220px;
    padding-right: 60px;
    margin-left: 60px;
    border-right: 1px solid #a3baca;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  .next-level-section .nls-row > li {
    padding-right: 20px;
    margin-left: 20px;
  }
}
@media (min-width: 1200px) {
  .next-level-section .nls-row > li:first-child {
    margin-left: 0;
  }
  .next-level-section .nls-row > li:last-child {
    padding-right: 0;
    border-right: none;
  }
}
@media (max-width: 1199px) {
  .next-level-section .nls-row > li {
    padding: 20px;
    text-align: center;
    box-shadow: 1px 1px #a3baca;
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.next-level-section .nls-row .feature-box-2 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.next-level-section .nls-row .feature-box-2 h5 {
  font-size: 24px;
  font-weight: 700;
  color: #0f0055;
  margin: 20px 0 0;
}
@media (max-width: 767px) {
  .next-level-section .nls-row .feature-box-2 h5 {
    font-size: 20px;
  }
}

/* lets put section
---------------------------------*/
.lets-put-section {
  padding-top: 65px;
  padding-bottom: 80px;
  position: relative;
}
@media (max-width: 991px) {
  .lets-put-section {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
.lets-put-section:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  background: url(../image/line-bg.png);
  width: calc((100vw / 2) - 1430px / 2 - 35px);
}
.lets-put-section .section-title {
  padding-bottom: 20px;
}
.lets-put-section .desc p {
  color: #322863;
}
.lets-put-section .lets-put-2-col {
  padding-top: 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .lets-put-section .lets-put-2-col {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .lets-put-section .lets-put-2-col {
    padding-top: 20px;
  }
}
.lets-put-section .img-border-in {
  border: 2px solid #d6e2e2;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
  margin-right: 50px;
  position: relative;
}
@media (max-width: 991px) {
  .lets-put-section .img-border-in {
    margin-right: 0;
  }
}
.lets-put-section .img-border-in:after {
  content: "";
  position: absolute;
  top: 80px;
  right: -50px;
  width: 50px;
  height: 1px;
  background: #d6e2e2;
}
@media (max-width: 991px) {
  .lets-put-section .img-border-in:after {
    display: none;
  }
}
.lets-put-section .img-border-in img {
  border-radius: 10px;
}
.lets-put-section .typo-box {
  padding-top: 52px;
}
@media (max-width: 1199px) {
  .lets-put-section .typo-box {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .lets-put-section .typo-box {
    padding-top: 30px;
  }
}
.lets-put-section .typo-box .h3,
.lets-put-section .typo-box h3 {
  color: #11083f;
  font-weight: 700;
  font-size: 36px;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .lets-put-section .typo-box .h3,
  .lets-put-section .typo-box h3 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .lets-put-section .typo-box .h3,
  .lets-put-section .typo-box h3 {
    font-size: 26px;
  }
}

/* Call to action 2
---------------------------------*/
@media (max-width: 991px) {
  .cta-section-2 {
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .cta-section-2 .col-lg-6 + .col-lg-6 {
    border-top: 1px solid #bfd6db;
    padding-top: 30px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .cta-section-2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.cta-section-2 .section-title {
  padding-bottom: 10px;
}
.cta-section-2 p {
  color: #e8f1f3;
  margin-bottom: 22px;
}
.cta-section-2 p:last-child {
  margin-bottom: 0;
}
.cta-section-2 .typo-box-right,
.cta-section-2 .typo-box-left {
  max-width: 570px;
  background: url(../image/arrow-bg.png) no-repeat scroll center;
  padding-top: 70px;
  padding-bottom: 40px;
}
@media (max-width: 1440px) {
  .cta-section-2 .typo-box-right,
  .cta-section-2 .typo-box-left {
    max-width: 500px;
    padding: 70px 40px 40px;
  }
}
@media (max-width: 991px) {
  .cta-section-2 .typo-box-right,
  .cta-section-2 .typo-box-left {
    padding: 0;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .cta-section-2 .typo-box-right {
    margin-left: auto;
  }
  .cta-section-2 .col-lg-6:not(:last-child) {
    border-right: 1px solid #bfd6db;
  }
}

/* Process
---------------------------------*/
.service-process-section {
  padding-top: 75px;
  padding-bottom: 25px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 991px) {
  .service-process-section {
    padding-top: 50px;
  }
}
.service-process-section .section-title {
  padding-bottom: 10px;
}
@media (min-width: 992px) {
  .service-process-section .process-group:nth-child(2n + 2) .process-row {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .service-process-section .process-group:nth-child(2n + 2) .process-row .typo-box {
    margin-left: auto;
    padding-right: 0;
    padding-left: 50px;
  }
  .service-process-section .process-group:nth-child(2n + 2) .process-row .typo-img {
    margin-left: 0;
    margin-right: auto;
    padding-right: 50px;
    padding-left: 0;
  }
}
.service-process-section .process-group .pg-title {
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .service-process-section .process-group .pg-title {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.service-process-section .process-group .pg-title h5 {
  font-size: 50px;
  color: #0bbfdf;
  font-weight: 700;
  margin: 0 0 10px;
}
@media (max-width: 991px) {
  .service-process-section .process-group .pg-title h5 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .service-process-section .process-group .pg-title h5 {
    font-size: 30px;
  }
}
.service-process-section .process-group .pg-title h4 {
  color: #11083f;
  font-weight: 700;
  font-size: 24px;
  margin: 0;
}
@media (max-width: 767px) {
  .service-process-section .process-group .pg-title h4 {
    font-size: 20px;
  }
}
.service-process-section .process-row {
  position: relative;
}
.service-process-section .process-row:after {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #00e4ff;
  width: 1px;
  position: absolute;
}
@media (max-width: 991px) {
  .service-process-section .process-row:after {
    display: none;
  }
}
.service-process-section .process-row .typo-box {
  max-width: 600px;
  padding-top: 68px;
  padding-right: 50px;
}
@media (max-width: 1440px) {
  .service-process-section .process-row .typo-box {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .service-process-section .process-row .typo-box {
    max-width: 100%;
    padding-right: 0;
    padding-top: 0;
  }
}
.service-process-section .process-row .typo-box b,
.service-process-section .process-row .typo-box strong {
  font-weight: 700;
}
.service-process-section .process-row .typo-img {
  max-width: 585px;
  margin-left: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 50px;
}
@media (max-width: 1440px) {
  .service-process-section .process-row .typo-img {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .service-process-section .process-row .typo-img {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
.service-process-section .process-row .typo-img .typo-img-in {
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 15px 15px #bed7dd;
}

/* We Make
---------------------------------*/
.we-make-section {
  padding-top: 60px;
  padding-bottom: 75px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .we-make-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.we-make-section .row {
  padding-top: 62px;
  padding-bottom: 62px;
}
@media (max-width: 991px) {
  .we-make-section .row {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.we-make-section .typo-box .section-title {
  padding-bottom: 10px;
}
.we-make-section .typo-img {
  text-align: center;
}
@media (min-width: 992px) {
  .we-make-section .typo-box {
    max-width: 475px;
    margin-left: auto;
    margin-right: auto;
  }
  .we-make-section .flex-row-reverse .typo-box {
    margin-left: 0;
  }
}
.we-make-section p {
  color: #e8f1f3;
}

/* Accordion section
---------------------------------*/
.accordion-section {
  background: url(../image/line-bg-gray.png);
  padding-top: 65px;
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .accordion-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .accordion-section .section-title {
    padding-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .accordion-section .uk-accordion {
    margin: 0 -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
  }
  .accordion-section .uk-accordion > li {
    margin: 0 15px 20px;
    -webkit-box-flex: 0 0 calc(50% - 30px);
    -moz-box-flex: 0 0 calc(50% - 30px);
    -webkit-flex: 0 0 calc(50% - 30px);
    -ms-flex: 0 0 calc(50% - 30px);
    flex: 0 0 calc(50% - 30px);
    max-width: calc(50% - 30px);
  }
}

.uk-accordion li {
  border-radius: 15px;
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  background: #fff;
}
.uk-accordion li .uk-accordion-title {
  color: #44434a;
  font-size: 17px;
  font-weight: 400;
  padding: 28px 65px 28px 45px;
  position: relative;
}
@media (max-width: 767px) {
  .uk-accordion li .uk-accordion-title {
    padding: 18px 65px 18px 18px;
  }
}
.uk-accordion li .uk-accordion-title:before {
  content: "+";
  width: 37px;
  height: 37px;
  position: absolute;
  top: 0;
  right: 27px;
  bottom: 0;
  margin: auto;
  background: #d6ffff;
  border-radius: 50%;
  text-align: center;
  line-height: 37px;
  color: #44434a;
  font-size: 20px;
}
.uk-accordion li.uk-open .uk-accordion-title:before {
  content: "-";
}
.uk-accordion li .uk-accordion-content {
  border-top: 1px solid #eee;
  margin: 0;
  padding: 20px 45px;
}
@media (max-width: 767px) {
  .uk-accordion li .uk-accordion-content {
    padding: 17px 18px;
  }
}

/* Why Choose us
---------------------------------*/
.why-choose-section {
  padding-top: 75px;
}
@media (max-width: 991px) {
  .why-choose-section {
    padding-top: 50px;
  }
}
.why-choose-section .section-title {
  padding-bottom: 55px;
}
@media (max-width: 991px) {
  .why-choose-section .section-title {
    padding-bottom: 25px;
  }
}
.why-choose-section .container {
  max-width: 1700px;
}
.why-choose-section .typo-box-in {
  max-width: 615px;
  margin: 0 auto;
  padding: 80px 50px 60px;
}
@media (max-width: 1440px) {
  .why-choose-section .typo-box-in {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .why-choose-section .typo-box-in {
    max-width: 100%;
    padding: 40px 20px 30px;
  }
}
.why-choose-section .typo-box-in h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .why-choose-section .typo-box-in h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .why-choose-section .typo-box-in h2 {
    font-size: 28px;
  }
}
.why-choose-section .typo-box-in p {
  color: #fff;
  margin-bottom: 26px;
}
.why-choose-section .typo-box-left {
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  min-height: 100%;
}
.why-choose-section .typo-box-right {
  background: #11083f;
  min-height: 100%;
}

/* About Us
---------------------------------*/
.about-us-section {
  padding-top: 80px;
  padding-bottom: 80px;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .about-us-section {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .about-us-section .img-box {
    text-align: center;
  }
}
.about-us-section .typo-box {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .about-us-section .typo-box {
    padding-left: 0;
    padding-top: 40px;
  }
}
.about-us-section .typo-box .h3,
.about-us-section .typo-box h3 {
  color: #0f0055;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 27px;
}
@media (max-width: 991px) {
  .about-us-section .typo-box .h3,
  .about-us-section .typo-box h3 {
    font-size: 26px;
  }
}
.about-us-section .typo-box p {
  color: #322863;
}

/* Global Clients
---------------------------------*/
.global-client-section {
  padding-top: 80px;
  padding-bottom: 50px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .global-client-section {
    padding-top: 50px;
  }
}
@media (max-width: 991px) {
  .global-client-section .type-box {
    padding-bottom: 30px;
  }
}
.global-client-section .type-box h3 {
  font-size: 36px;
  font-weight: 500;
  color: #0f0055;
  margin: 0;
}
@media (max-width: 1199px) {
  .global-client-section .type-box h3 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .global-client-section .type-box h3 {
    font-size: 22px;
  }
}
.global-client-section .type-box h3 span {
  font-weight: 700;
  color: #0bbfdf;
}
.global-client-section .type-box h3 strong {
  font-weight: 700;
}
@media (min-width: 1200px) {
  .global-client-section .img-box img {
    margin-left: -70px;
    max-width: inherit;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .global-client-section .img-box img {
    max-width: 150%;
  }
}

.feature-box-3 {
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  border-radius: 15px;
  background: #fff;
  padding: 50px 40px;
  position: relative;
  overflow: hidden;
  min-height: calc(100% - 30px);
  margin-bottom: 30px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .feature-box-3 {
    padding: 40px 30px;
  }
}
.feature-box-3:after {
  content: "";
  position: absolute;
  top: -33px;
  left: -33px;
  width: 178px;
  height: 178px;
  border-radius: 50%;
  background-color: #d6ffff;
  z-index: -1;
}
.feature-box-3 .icon {
  width: 140px;
  margin-top: -6px;
}
@media (max-width: 1199px) {
  .feature-box-3 .icon {
    width: 100px;
  }
}
.feature-box-3 h5 {
  font-weight: 700;
  color: #0bbfdf;
  font-size: 50px;
}
@media (max-width: 1199px) {
  .feature-box-3 h5 {
    font-size: 40px;
  }
}
.feature-box-3 p {
  font-size: 22px;
  font-weight: 400;
  color: #0f0055;
  margin: 0;
  line-height: 1.35;
}
@media (max-width: 1199px) {
  .feature-box-3 p {
    font-size: 18px;
  }
}

/* Our Vision
---------------------------------*/
.our-vision-section {
  overflow: hidden;
  position: relative;
}
.our-vision-section .ovs-left-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(50vw + 15px);
  top: 0;
  z-index: -1;
}
@media (max-width: 991px) {
  .our-vision-section .ovs-left-bg {
    width: 100vw;
  }
}
.our-vision-section .ovs-right-bg {
  position: absolute;
  bottom: 0;
  right: -30px;
  width: calc(50vw + 15px);
  top: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .our-vision-section .ovs-right-bg {
    display: none;
  }
}
.our-vision-section .vision-tab {
  padding-top: 90px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .our-vision-section .vision-tab {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.our-vision-section .vision-tab .uk-tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 45px;
  padding: 0;
  list-style: none;
}
@media (max-width: 1199px) {
  .our-vision-section .vision-tab .uk-tab {
    margin: 0 0 25px;
  }
}
.our-vision-section .vision-tab .uk-tab li + li {
  margin-left: 22px;
}
.our-vision-section .vision-tab .uk-tab li a {
  border: 1px solid #206278;
  color: #347f98;
  font-weight: 700;
  font-size: 36px;
  padding: 15px 45px;
  display: inline-block;
  line-height: 1.12;
  border-radius: 15px;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .our-vision-section .vision-tab .uk-tab li a {
    font-size: 25px;
    padding: 12px 30px;
  }
}
@media (max-width: 767px) {
  .our-vision-section .vision-tab .uk-tab li a {
    font-size: 20px;
  }
}
.our-vision-section .vision-tab .uk-tab li:hover a, .our-vision-section .vision-tab .uk-tab li.uk-active a {
  border-color: #00e4ff;
  color: #fff;
}
.our-vision-section .vision-tab .uk-tab-content {
  max-width: 615px;
  color: #fff;
}
.our-vision-section .vision-tab .uk-tab-content p:last-child {
  margin-bottom: 0;
}

/* Why Us
---------------------------------*/
.why-us-section {
  padding-top: 70px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .why-us-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.why-us-section:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  background: url(../image/line-bg.png);
  width: calc(50vw - 332px);
}
.why-us-section .section-title {
  padding-bottom: 60px;
}
@media (max-width: 991px) {
  .why-us-section .section-title {
    padding-bottom: 30px;
  }
}
.why-us-section .container {
  position: relative;
  z-index: 1;
}
.why-us-section .e-icon {
  position: absolute;
}
.why-us-section .e-icon-1 {
  right: calc(50% - 484px);
  top: 130px;
}
.why-us-section .e-icon-2 {
  right: calc(50% - 874px);
  top: 118px;
}
.why-us-section .e-icon-3 {
  right: calc(50% - 667px);
  bottom: 62px;
}
.why-us-section .e-icon-4 {
  right: calc(50% - 690px);
  top: 302px;
}
.why-us-section .e-icon-4 img {
  width: 50px;
}
.why-us-section .e-icon-5 {
  right: calc(50% - 895px);
  bottom: 98px;
}
.why-us-section .e-icon-5 img {
  width: 41px;
}
.why-us-section .typo-box {
  padding-left: 40px;
}
@media (max-width: 991px) {
  .why-us-section .typo-box {
    padding-top: 40px;
    padding-left: 0;
  }
}
.why-us-section .typo-box .icon {
  margin-bottom: 30px;
}
.why-us-section .typo-box h3 {
  font-size: 24px;
  color: #0f0055;
  font-weight: 700;
  margin-bottom: 18px;
}
.why-us-section .typo-box p {
  color: #44434a;
}
.why-us-section .img-border-in {
  border: 2px solid #d6e2e2;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
}
.why-us-section .img-border-in img {
  border-radius: 10px;
}
@media (min-width: 1441px) {
  .why-us-section .img-border-in img {
    max-width: inherit;
  }
}

/* Feature List 4
---------------------------------*/
.feature-list-section-4 {
  padding-top: 70px;
  padding-bottom: 55px;
}
.feature-list-section-4 .section-title {
  padding-bottom: 0;
}

.feature-box-4 {
  max-width: 377px;
  text-align: center;
  margin: 57px auto;
}
@media (max-width: 767px) {
  .feature-box-4 {
    margin: 30px auto;
  }
}
.feature-box-4 .icon {
  padding-bottom: 45px;
}
.feature-box-4 h5 {
  font-size: 24px;
  font-weight: 700;
  color: #0bbfdf;
  margin-bottom: 20px;
}

/* Feature List 5
---------------------------------*/
.feature-list-section-5 {
  padding-top: 63px;
  padding-bottom: 93px;
}
@media (max-width: 991px) {
  .feature-list-section-5 .section-title {
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .feature-list-section-5 {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}

.feature-box-5 {
  max-width: 350px;
  margin: 57px auto;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .feature-box-5 {
    margin: 30px auto;
  }
}
.feature-box-5 h5 {
  font-size: 24px;
  font-weight: 700;
  color: #0bbfdf;
  margin-top: 45px;
  margin-bottom: 20px;
}
.feature-box-5 p {
  color: #fff;
}

/* Feature List 6
---------------------------------*/
.feature-list-section-6 {
  position: relative;
  padding-top: 62px;
  padding-bottom: 55px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .feature-list-section-6 {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .feature-list-section-6 .section-title {
    padding-bottom: 25px;
  }
}
.feature-list-section-6 .fl-laptop-banner {
  padding-bottom: 68px;
}
@media (max-width: 767px) {
  .feature-list-section-6 .fl-laptop-banner {
    padding-bottom: 30px;
  }
}
.feature-list-section-6 .e-icon {
  position: absolute;
}
@media (max-width: 767px) {
  .feature-list-section-6 .e-icon {
    display: none !important;
  }
}
.feature-list-section-6 .e-icon-1 {
  left: calc(50% - 585px);
  top: 228px;
}
.feature-list-section-6 .e-icon-2 {
  left: calc(50% - 762px);
  top: 400px;
}
.feature-list-section-6 .e-icon-3 {
  right: calc(50% - 463px);
  top: 268px;
}
.feature-list-section-6 .e-icon-4 {
  right: calc(50% - 610px);
  top: 498px;
}
.feature-list-section-6 .e-icon-5 {
  right: calc(50% - 765px);
  top: 315px;
}
.feature-list-section-6 .e-icon-6 {
  left: calc(50% - 385px);
  top: 402px;
}
.feature-list-section-6 .e-icon-7 {
  right: calc(50% - 960px);
  top: 610px;
}
.feature-list-section-6 .e-icon-7 img {
  width: 55px;
}
.feature-list-section-6 .e-icon-8 {
  left: calc(50% - 780px);
  top: 835px;
}
.feature-list-section-6 .e-icon-8 img {
  width: 89px;
}
.feature-list-section-6 .e-icon-9 {
  left: calc(50% - 1177px);
  bottom: 605px;
}
.feature-list-section-6 .e-icon-9 img {
  width: 104px;
}
.feature-list-section-6 .e-icon-10 {
  right: calc(50% - 903px);
  bottom: 245px;
}
.feature-list-section-6 .e-icon-10 img {
  width: 104px;
}
.feature-list-section-6 .e-icon-11 {
  right: calc(50% - 735px);
  bottom: 695px;
}
.feature-list-section-6 .e-icon-11 img {
  width: 55px;
}
.feature-list-section-6 .e-icon-12 {
  left: calc(50% - 740px);
  bottom: 230px;
}
.feature-list-section-6 .e-icon-12 img {
  width: 55px;
}
.feature-list-section-6 .fl-laptop-banner {
  text-align: center;
}

.feature-box-6 {
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  border-radius: 15px;
  background: #fff;
  padding: 60px 55px;
  position: relative;
  overflow: hidden;
  min-height: calc(100% - 30px);
  margin-bottom: 30px;
  z-index: 1;
}
@media (max-width: 1199px) {
  .feature-box-6 {
    padding: 40px 30px;
  }
}
.feature-box-6:after {
  content: "";
  position: absolute;
  top: -57px;
  left: -53px;
  width: 223px;
  height: 223px;
  border-radius: 50%;
  background-color: #d6ffff;
  z-index: -1;
}
.feature-box-6 .icon {
  width: 160px;
  margin-top: -33px;
}
@media (max-width: 1199px) {
  .feature-box-6 .icon {
    width: 100px;
  }
}
.feature-box-6 h5 {
  font-weight: 700;
  color: #0bbfdf;
  font-size: 24px;
}
@media (max-width: 767px) {
  .feature-box-6 h5 {
    font-size: 20px;
  }
}
.feature-box-6 p {
  color: #0f0055;
  margin: 0;
  max-width: 355px;
}

/* Feature List 7
---------------------------------*/
.feature-list-section-7 {
  padding-top: 75px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .feature-list-section-7 {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .feature-list-section-7 {
    padding-top: 40px;
    padding-bottom: 10px;
  }
  .feature-list-section-7 .section-title {
    padding-bottom: 20px;
  }
}

.feature-box-7 {
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  border-radius: 15px;
  background: #fff;
  padding: 40px 45px;
  margin-bottom: 30px;
  min-height: calc(100% - 30px);
}
@media (max-width: 991px) {
  .feature-box-7 {
    padding: 40px 25px;
  }
}
.feature-box-7 .icon {
  margin-bottom: 25px;
}
.feature-box-7 h5 {
  font-size: 33px;
  font-weight: 600;
  color: #0bbfdf;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .feature-box-7 h5 {
    font-size: 28px;
  }
}
.feature-box-7 p {
  margin: 0;
  color: #322863;
}
.feature-box-7 .desc-ex p {
  color: #0f0055;
  font-size: 24px;
  line-height: 1.4;
}
.feature-box-7 .desc-ex strong {
  font-weight: 700;
}

/* Strategy Section
---------------------------------*/
.strategy-section {
  background-position: calc((100vw / 2) - 1440px / 2 - 254px) top;
  background-repeat: no-repeat;
  padding-top: 70px;
  padding-bottom: 100px;
}
@media (max-width: 1199px) {
  .strategy-section {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .strategy-section {
    padding-top: 50px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1990px) {
  .strategy-section {
    background-position: left;
  }
}
.strategy-section .section-title {
  padding-bottom: 15px;
}
.strategy-section .desc {
  max-width: 895px;
}
@media (min-width: 992px) {
  .strategy-section .sta-typo-box {
    padding-left: 130px;
  }
}
@media (min-width: 1200px) {
  .strategy-section .sta-typo-box {
    padding-left: 250px;
  }
}
@media (min-width: 1441px) {
  .strategy-section .sta-typo-box {
    padding-left: 415px;
  }
}
.strategy-section .strategy-list {
  padding-top: 55px;
}
@media (max-width: 767px) {
  .strategy-section .strategy-list {
    padding-top: 15px;
  }
}

.feature-box-8 {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  color: #0f0055;
  border-bottom: 1px solid #0bbfdf;
  padding-bottom: 17px;
  padding-left: 48px;
  margin-bottom: 50px;
  min-height: calc(100% - 50px);
}
@media (max-width: 767px) {
  .feature-box-8 {
    margin-bottom: 25px;
    min-height: calc(100% - 25px);
  }
}
.feature-box-8:before {
  content: "";
  background: url(../image/arrow-icon.png) no-repeat;
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  left: 0;
}

/* Two column
---------------------------------*/
.two-column-section-02 {
  padding-top: 120px;
  padding-bottom: 120px;
  color: #e8f1f3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1199px) {
  .two-column-section-02 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  .two-column-section-02 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .two-column-section-02 .img-box {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .two-column-section-02 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.two-column-section-02 .section-title {
  padding-bottom: 12px;
}
.two-column-section-02 .btn-bar {
  padding-top: 25px;
}

/* Tab Style 5
---------------------------------*/
.design-solution-section {
  background-image: url(../image/web-design-bg-1.png), url(../image/web-design-bg-2.png);
  background-position: calc((100vw / 2) + (1440px / 2) - 369px) top, calc((100vw / 2) - 1440px / 2 - 240px) top;
  background-repeat: no-repeat;
  background-color: #e8f1f3;
  padding-top: 90px;
  padding-bottom: 120px;
}
@media (min-width: 1921px) {
  .design-solution-section {
    background-position: right top, left top;
  }
}

.tab-style-5 .uk-tab {
  margin: 0;
  padding: 0 0 0 15px;
  list-style: none;
  -webkit-box-flex: 0 0 358px;
  -moz-box-flex: 0 0 358px;
  -webkit-flex: 0 0 358px;
  -ms-flex: 0 0 358px;
  flex: 0 0 358px;
  max-width: 358px;
}
@media (max-width: 991px) {
  .tab-style-5 .uk-tab {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: auto;
  }
  .tab-style-5 .uk-tab::-webkit-scrollbar {
    width: 0 !important;
    display: none;
  }
}
.tab-style-5 .uk-tab > li + li {
  margin-top: 15px;
}
@media (max-width: 991px) {
  .tab-style-5 .uk-tab > li + li {
    margin-top: 0;
    margin-left: 15px;
  }
}
.tab-style-5 .uk-tab > li > a {
  background: #fff;
  padding: 15px 0 15px 100px;
  position: relative;
  display: inline-block;
  width: calc(100% - 14px);
  text-decoration: none;
  color: #0f0055;
  border-radius: 15px 35px 35px 15px;
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  z-index: 1;
}
@media (max-width: 991px) {
  .tab-style-5 .uk-tab > li > a {
    width: 100%;
    padding-right: 25px;
    border-radius: 15px;
  }
}
.tab-style-5 .uk-tab > li > a:after {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  width: 75px;
  height: 75px;
  background: #ffffff;
  border-radius: 38px 10px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 0;
  margin: auto;
  z-index: -1;
}
@media (max-width: 991px) {
  .tab-style-5 .uk-tab > li > a:after {
    display: none;
  }
}
.tab-style-5 .uk-tab > li > a .icon {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 50px;
  text-align: center;
}
.tab-style-5 .uk-tab > li > a .icon img {
  max-width: 60px;
  max-height: 50px;
}
.tab-style-5 .uk-tab > li > a p {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
}
@media (max-width: 991px) {
  .tab-style-5 .uk-tab > li > a p {
    white-space: nowrap;
  }
}
.tab-style-5 .uk-tab > li > a p span {
  display: block;
  color: #0bbfdf;
}
.tab-style-5 .uk-tab > li.uk-active > a {
  background: #0f0055;
  color: #fff;
}
.tab-style-5 .uk-tab > li.uk-active > a p span {
  color: #fff;
}
.tab-style-5 .uk-tab > li.uk-active > a:after {
  background: #0f0055;
}
.tab-style-5 .uk-switcher {
  -webkit-box-flex: 0 0 calc(100% - 358px);
  -moz-box-flex: 0 0 calc(100% - 358px);
  -webkit-flex: 0 0 calc(100% - 358px);
  -ms-flex: 0 0 calc(100% - 358px);
  flex: 0 0 calc(100% - 358px);
  max-width: calc(100% - 358px);
  padding: 0 15px 0 45px;
}
@media (max-width: 991px) {
  .tab-style-5 .uk-switcher {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 40px 15px 0;
  }
}
@media (min-width: 992px) {
  .tab-style-5 .uk-tab-content {
    max-width: 640px;
  }
}
.tab-style-5 .uk-tab-content .btn-bar {
  padding-top: 15px;
}

/* Two col section 3
---------------------------------*/
.two-column-section-03 {
  padding-top: 100px;
  padding-bottom: 120px;
}
@media (max-width: 1199px) {
  .two-column-section-03 {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
@media (max-width: 991px) {
  .two-column-section-03 {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .two-column-section-03 {
    padding-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .two-column-section-03 .typo-box {
    padding-top: 40px;
  }
}
.two-column-section-03 .typo-box .section-title {
  padding-bottom: 15px;
}

/* Request-a-Quote
---------------------------------*/
.request-quote-section {
  background: url(../image/form-bg.jpg) no-repeat center/cover;
  padding-top: 70px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .request-quote-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .request-quote-section .section-title {
    padding-bottom: 25px;
  }
}
@media (min-width: 1441px) {
  .request-quote-section .container {
    max-width: 1270px;
  }
}

.quote-form .wpcf7-text {
  height: calc(3.813em + .75rem + 2px);
  border: none;
  box-shadow: none;
  border-radius: 15px;
  padding-left: 28px;
  padding-right: 28px;
}
@media (max-width: 767px) {
  .quote-form .wpcf7-text {
    padding-left: 20px;
    padding-right: 20px;
    height: calc(2.813em + .75rem + 2px);
  }
}
.quote-form textarea.wpcf7-textarea {
  padding-top: 26px;
  height: 348px;
  border: none;
  box-shadow: none;
  border-radius: 15px;
  padding-left: 28px;
  padding-right: 28px;
  width: 100%;
}
@media (max-width: 767px) {
  .quote-form textarea.wpcf7-textarea {
    height: 200px;
  }
}
.quote-form .form-group {
  position: relative;
}
.quote-form .form-group:not(.no-icon) {
  padding-left: 90px;
}
@media (max-width: 767px) {
  .quote-form .form-group:not(.no-icon) {
    padding-left: 70px;
  }
}
.quote-form .form-group br {
  display: none;
}
.quote-form .form-group .icon {
  position: absolute;
  width: 80px;
  height: 75px;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  border-radius: 15px;
}
@media (max-width: 767px) {
  .quote-form .form-group .icon {
    width: 58px;
    height: 58px;
  }
}
.quote-form .form-group .icon:after {
  content: "";
  position: absolute;
  background: url(../image/form-icon.png) no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .quote-form .form-group .icon:after {
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
.quote-form .form-group .icon.i-name:after {
  background-position: center -16px;
}
.quote-form .form-group .icon.i-email:after {
  background-position: center -75px;
}
.quote-form .form-group .icon.i-phone:after {
  background-position: center -133px;
}
.quote-form .form-group .icon.i-subject:after {
  background-position: center -204px;
}
.quote-form .form-title {
  padding-top: 58px;
  padding-bottom: 58px;
}
@media (max-width: 767px) {
  .quote-form .form-title {
    padding-top: 30px;
    padding-bottom: 20px;
  }
}
.quote-form .form-title h4 {
  margin: 0;
  color: #11083f;
  font-size: 36px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .quote-form .form-title h4 {
    font-size: 28px;
  }
}
.quote-form .form-list-box h5 {
  font-size: 24px;
  font-weight: 700;
  color: #0bbfdf;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .quote-form .form-list-box h5 {
    font-size: 20px;
    margin-bottom: 18px;
  }
}
.quote-form .form-list-box {
  min-height: 100%;
}
.quote-form .col-lg-4 + .col-lg-4 .form-list-box {
  border-left: 2px solid #c1d1d5;
  padding-left: 50px;
}
@media (max-width: 767px) {
  .quote-form .col-lg-4 + .col-lg-4 .form-list-box {
    border-left: none;
    padding-left: 0;
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .quote-form .col-lg-4:last-child .form-list-box {
    border-left: none;
    padding-left: 0;
    padding-top: 40px;
  }
}
.quote-form .wpcf7-checkbox {
  margin: 0;
  padding: 0;
  list-style: none;
}
.quote-form .wpcf7-checkbox .wpcf7-list-item {
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 15px;
}
.quote-form .wpcf7-checkbox label {
  margin: 0;
  position: relative;
  padding-left: 40px;
  font-size: 17px;
  color: #11083f;
  font-weight: 500;
  line-height: 1.4;
  /*input[type="checkbox"] {
  	position: absolute;
  	top: 0;
  	left: 0;
  	opacity: 0;
  	~ span {
  		width: 24px;
  		height: 24px;
  		position: absolute;
  		top: 0;
  		left: 0;
  		border: 2px solid #b7c7c7;
  		border-radius: 3px;
  		background-color: $px-white; 
  		font-family: "Font Awesome 5 Free";
  		font-weight: 600;
  		font-size: 13px;
  		text-align: center;
  		&:before {
  			content: "\f00c";
  			opacity: 0;
  			color: $px-white;
  		}
  	}
  	&:checked {
  		~ span {
  			@include g-bg;
  			border: none;
  			line-height: 24px;
  			&:before {
  				opacity: 1;
  			}
  		}
  	}
  	&[disabled] {
  		~ span {
  			opacity: 0.5;
  		}
  	}
  }*/
}
.quote-form .form-action {
  text-align: right;
}
.quote-form .form-action .ajax-loader {
  float: left;
}
.quote-form .form-action .wpcf7-submit {
  min-width: 210px;
  line-height: 75px;
  font-size: 20px;
  font-weight: 700;
  border: none;
  display: inline-block;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
  padding: 0 25px;
  border-radius: 14px;
  text-decoration: none !important;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  color: #fff;
}
.quote-form .form-action .wpcf7-submit:hover {
  background: -moz-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
  background: -webkit-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
  background: -ms-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
}
@media (max-width: 767px) {
  .quote-form .form-action .wpcf7-submit {
    line-height: 55px;
    font-size: 16px;
    min-width: 150px;
  }
}

/*form-icon*/
/* Contact us
---------------------------------*/
.contact-us-section {
  position: relative;
  overflow: hidden;
  background: url(../image/contact-us-bg.png) no-repeat center left;
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  .contact-us-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .contact-us-section .section-title {
    padding-bottom: 25px;
  }
}
.contact-us-section:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  background: url(../image/line-bg.png);
  width: calc((100vw / 2) - (1430px / 2) + 113px);
  z-index: -1;
}
@media (min-width: 1441px) {
  .contact-us-section .contact-form {
    padding-left: 105px;
  }
}
.contact-us-section .contact-form .wpcf7-text {
  height: calc(3.813em + .75rem + 2px);
  border: none;
  box-shadow: none;
  border-radius: 15px;
  padding-left: 28px;
  padding-right: 28px;
  background: #e8f1f3;
  width: 100%;
}
@media (max-width: 767px) {
  .contact-us-section .contact-form .wpcf7-text {
    padding-left: 20px;
    padding-right: 20px;
    height: calc(2.813em + .75rem + 2px);
  }
}
.contact-us-section .contact-form .wpcf7-textarea {
  padding-top: 26px;
  height: 172px;
  border: none;
  box-shadow: none;
  border-radius: 15px;
  padding-left: 28px;
  padding-right: 28px;
  background: #e8f1f3;
  width: 100%;
}
.contact-us-section .contact-form .form-group {
  position: relative;
}
.contact-us-section .contact-form .form-group:not(.no-icon) {
  padding-left: 90px;
}
@media (max-width: 767px) {
  .contact-us-section .contact-form .form-group:not(.no-icon) {
    padding-left: 70px;
  }
}
.contact-us-section .contact-form .form-group br {
  display: none;
}
.contact-us-section .contact-form .form-group .icon {
  position: absolute;
  width: 80px;
  height: 75px;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  border-radius: 15px;
}
@media (max-width: 767px) {
  .contact-us-section .contact-form .form-group .icon {
    width: 58px;
    height: 58px;
  }
}
.contact-us-section .contact-form .form-group .icon:after {
  content: "";
  position: absolute;
  background: url(../image/form-icon.png) no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .contact-us-section .contact-form .form-group .icon:after {
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
}
.contact-us-section .contact-form .form-group .icon.i-name:after {
  background-position: center -16px;
}
.contact-us-section .contact-form .form-group .icon.i-email:after {
  background-position: center -75px;
}
.contact-us-section .contact-form .form-group .icon.i-phone:after {
  background-position: center -133px;
}
.contact-us-section .contact-form .form-group .icon.i-subject:after {
  background-position: center -204px;
}
.contact-us-section .contact-form .form-action {
  text-align: right;
}
.contact-us-section .contact-form .form-action .ajax-loader {
  float: left;
}
.contact-us-section .contact-form .form-action .wpcf7-submit {
  min-width: 210px;
  line-height: 75px;
  font-size: 20px;
  font-weight: 700;
  border: none;
  display: inline-block;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
  padding: 0 25px;
  border-radius: 14px;
  text-decoration: none !important;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  color: #fff;
}
.contact-us-section .contact-form .form-action .wpcf7-submit:hover {
  background: -moz-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
  background: -webkit-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
  background: -ms-linear-gradient(-90deg, #2ed5f4 0%, #2b8aec 100%);
}
@media (max-width: 767px) {
  .contact-us-section .contact-form .form-action .wpcf7-submit {
    line-height: 55px;
    font-size: 16px;
    min-width: 150px;
  }
}
.contact-us-section .img-border-in {
  border: 2px solid #d6e2e2;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
  margin-left: 70px;
  position: relative;
}
@media (max-width: 991px) {
  .contact-us-section .img-border-in {
    margin-left: 0;
    margin-top: 40px;
  }
}

/* Contact details
---------------------------------*/
.contact-address-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 125px;
  padding-bottom: 125px;
}
@media (max-width: 991px) {
  .contact-address-section {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media (max-width: 767px) {
  .contact-address-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.contact-address-section .contact-info {
  margin: 0;
  padding: 0 0 0 70px;
  list-style: none;
}
@media (max-width: 991px) {
  .contact-address-section .contact-info {
    padding: 40px 0 0;
  }
}
.contact-address-section .contact-info li + li {
  margin-top: 60px;
}
@media (max-width: 767px) {
  .contact-address-section .contact-info li + li {
    margin-top: 40px;
  }
}
.contact-address-section .contact-info h6 {
  color: #0bbfdf;
  font-weight: 700;
  font-size: 24px;
}
@media (max-width: 767px) {
  .contact-address-section .contact-info h6 {
    font-size: 20px;
  }
}
.contact-address-section .contact-info .desc {
  font-size: 20px;
  color: #fff;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .contact-address-section .contact-info .desc {
    font-size: 17px;
  }
}
.contact-address-section .contact-info .desc p {
  margin: 0;
}
.contact-address-section .contact-info .desc a {
  text-decoration: none;
  color: #fff;
}

/* Feature List 9
---------------------------------*/
.feature-list-section-9 {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  .feature-list-section-9 {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .feature-list-section-9 .section-title {
    padding-bottom: 25px;
  }
}

.feature-box-9 {
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  border-radius: 15px;
  background: #fff;
  padding: 50px 150px 50px 40px;
  position: relative;
  overflow: hidden;
  min-height: calc(100% - 30px);
  margin-bottom: 30px;
  z-index: 1;
}
@media (max-width: 767px) {
  .feature-box-9 {
    padding: 30px 30px 100px;
  }
}
.feature-box-9 h6 {
  font-size: 24px;
  font-weight: 700;
  color: #0bbfdf;
  margin-bottom: 15px;
}
.feature-box-9 p {
  color: #0f0055;
}
.feature-box-9 .icon {
  position: absolute;
  bottom: 35px;
  right: 35px;
  z-index: 1;
}
.feature-box-9:after {
  content: "";
  width: 223px;
  height: 223px;
  background: #d6ffff;
  position: absolute;
  bottom: -60px;
  right: -60px;
  border-radius: 50%;
  z-index: -1;
}

/* Why Choose us 01
---------------------------------*/
.why-choose-section-01 {
  padding-top: 75px;
  padding-bottom: 70px;
}
@media (max-width: 991px) {
  .why-choose-section-01 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.why-choose-section-01 .section-title {
  padding-bottom: 55px;
}
@media (max-width: 991px) {
  .why-choose-section-01 .section-title {
    padding-bottom: 25px;
  }
}
.why-choose-section-01 .container {
  max-width: 1700px;
}
.why-choose-section-01 .typo-box-in {
  max-width: 615px;
  margin: 0 auto;
  padding: 76px 0 50px 25px;
}
@media (max-width: 1440px) {
  .why-choose-section-01 .typo-box-in {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .why-choose-section-01 .typo-box-in {
    max-width: 100%;
    padding: 40px 20px 30px;
  }
}
.why-choose-section-01 .typo-box-in h2 {
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .why-choose-section-01 .typo-box-in h2 {
    font-size: 35px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .why-choose-section-01 .typo-box-in h2 {
    font-size: 28px;
  }
}
.why-choose-section-01 .typo-box-in p {
  color: #fff;
  margin-bottom: 26px;
}
.why-choose-section-01 .typo-box-left {
  background: #11083f;
  min-height: 100%;
}
.why-choose-section-01 .typo-box-right {
  background: #11083f;
  min-height: 300px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.why-choose-section-01 .btn-bar {
  text-align: center;
  padding-top: 68px;
}
@media (max-width: 991px) {
  .why-choose-section-01 .btn-bar {
    padding-top: 50px;
  }
}

/* Local SEO
---------------------------------*/
.local-seo-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .local-seo-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.local-seo-section .lss-heading {
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  .local-seo-section .lss-heading {
    padding-bottom: 40px;
  }
}
.local-seo-section .lss-heading h3 {
  font-size: 36px;
  font-weight: 500;
  color: #11083f;
  margin-bottom: 20px;
}
.local-seo-section .lss-heading h3 strong {
  font-weight: 700;
}

.feature-box-12 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.feature-box-12 h5 {
  font-weight: 600;
  font-size: 24px;
  color: #11083f;
  margin-bottom: 12px;
}
.feature-box-12 .media-body {
  padding-left: 20px;
}

.local-seo-process {
  padding-top: 90px;
}
@media (max-width: 767px) {
  .local-seo-process {
    padding-top: 40px;
  }
}
.local-seo-process .container {
  border-bottom: 1px solid #ddd;
}
.local-seo-process .desk {
  padding: 30px 0;
}
@media (max-width: 767px) {
  .local-seo-process .desk {
    padding-top: 0;
  }
}

.feature-box-13 {
  position: relative;
  padding-left: 26px;
  padding-top: 26px;
  margin-bottom: 65px;
  z-index: 1;
  font-weight: 600;
  color: #11083f;
  padding-right: 28px;
}
@media (max-width: 767px) {
  .feature-box-13 {
    margin-bottom: 45px;
  }
}
.feature-box-13 .icon {
  font-size: 20px;
  font-weight: 700;
  padding-right: 10px;
}
.feature-box-13:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 97px;
  height: 97px;
  border-radius: 50%;
  background-color: #d6ffff;
  z-index: -1;
}

/*redesign-slider-section*/
.redesign-slider-section {
  padding-top: 80px;
  padding-bottom: 80px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .redesign-slider-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .redesign-slider-section .section-title {
    padding-left: 100px;
  }
}
.redesign-slider-section .section-title p {
  color: #fff;
}
.redesign-slider-section .website_redesign_slider {
  padding-top: 25px;
}
@media (min-width: 992px) {
  .redesign-slider-section .slick-list {
    width: 100vw;
  }
}
.redesign-slider-section .slick-track {
  display: flex;
}
.redesign-slider-section .slick-track .feature-box-14 {
  height: auto;
}

.feature-box-14 {
  width: 448px;
  padding: 30px;
  border-radius: 10px;
  background-color: #e8f1f3;
  margin: 15px;
}
@media (max-width: 767px) {
  .feature-box-14 {
    width: 320px;
  }
}
.feature-box-14 .icon {
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  border-radius: 50%;
}
.feature-box-14 h5 {
  font-size: 24px;
  color: #11083f;
  font-weight: 600;
  margin-bottom: 15px;
}

/*redesign-what-next-section*/
.redesign-what-next-section {
  padding-top: 80px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}
.redesign-what-next-section:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  background: url(../image/line-bg.png);
  width: calc((100vw / 2) - 1430px / 2 - 35px);
}
.redesign-what-next-section .container {
  max-width: 1170px;
}

.feature-box-15 {
  margin-bottom: 50px;
}
.feature-box-15 .icon {
  display: inline-flex;
  width: 70px;
  height: 70px;
  border-radius: 5px;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
}
.feature-box-15 .media-body {
  padding-left: 20px;
}
.feature-box-15 h5 {
  color: #0bbfdf;
  font-size: 36px;
  font-weight: 600;
  border-bottom: 1px solid #0bbfdf;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .feature-box-15 h5 {
    font-size: 22px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.feature-box-15 p {
  margin: 0;
}

.half-feature-section {
  background-position: calc((100vw / 2) + 1440px / 2 - 254px) center;
  background-repeat: no-repeat;
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (min-width: 768px) {
  .half-feature-section .half-feature-in-left {
    max-width: 980px;
  }
}
.half-feature-section .section-title {
  padding-bottom: 25px;
}
.half-feature-section .feature-box-5 {
  margin: 27px auto;
}

.feature-list-11 {
  padding-top: 50px;
}

.feature-box-11 {
  padding: 10%;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  min-height: calc(100% - 40px);
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
}
.feature-box-11 h5 {
  color: #0bbfdf;
  font-weight: 600;
  font-size: 33px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .feature-box-11 h5 {
    font-size: 20px;
  }
}

.feature-list-section-8 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .feature-list-section-8 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.feature-box-10 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.feature-box-10 li {
  position: relative;
  padding-left: 50px;
}
.feature-box-10 li + li {
  padding-top: 30px;
  margin-top: 30px;
}
.feature-box-10 li + li:before {
  content: "";
  border-bottom: 1px solid #a3d7e4;
  left: 50px;
  right: 0;
  top: 0;
  position: absolute;
}
.feature-box-10 li:first-child:after {
  top: 0;
}
.feature-box-10 li:after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  color: #fff;
  position: absolute;
  top: 25px;
  left: 0;
  border-radius: 50%;
}
.feature-box-10 li h5 {
  color: #11083f;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
}

.wordpress-services-slider {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .wordpress-services-slider {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.wordpress-services-slider:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  background: url(../image/line-bg.png);
  width: calc((100vw / 2) - 1430px / 2 - 35px);
  z-index: -1;
}
@media (min-width: 992px) {
  .wordpress-services-slider .section-title {
    padding-left: 100px;
  }
}
@media (min-width: 992px) {
  .wordpress-services-slider .slick-list {
    width: 100vw;
  }
}
.wordpress-services-slider .slick-track {
  display: flex;
}
.wordpress-services-slider .slick-track .feature-box-16 {
  height: auto;
}

.feature-box-16 {
  width: 448px;
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
  margin: 15px;
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
}
@media (max-width: 767px) {
  .feature-box-16 {
    width: 320px;
  }
}
.feature-box-16 .icon {
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
  border-radius: 50%;
}
.feature-box-16 h5 {
  font-size: 24px;
  color: #11083f;
  font-weight: 600;
  margin-bottom: 15px;
}

.ecommerce-growing-section {
  padding-top: 70px;
}

.ecommerce-growing-section-bg {
  background: url(../image/line-bg.png);
  position: relative;
  z-index: 1;
}
.ecommerce-growing-section-bg .left-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  right: 0;
  z-index: -1;
}
@media (min-width: 768px) {
  .ecommerce-growing-section-bg .left-bg {
    width: 50vw;
  }
}
.ecommerce-growing-section-bg h4 {
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  margin: 0;
  padding-right: 50px;
}
@media (max-width: 767px) {
  .ecommerce-growing-section-bg h4 {
    padding: 40px;
    font-size: 32px;
  }
}

.feature-box-17-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.feature-box-17 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.feature-box-17 .media {
  padding-bottom: 15px;
}
.feature-box-17 h5 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #11083f;
}
.feature-box-17 .media-body {
  padding-left: 10px;
}
@media (min-width: 768px) {
  .feature-box-17 .feature-content {
    padding-right: 40px;
  }
}

.we-work-on-section {
  padding-top: 70px;
  padding-bottom: 70px;
}
.we-work-on-section .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.we-work-on-section .slick-track .slick-slide {
  height: auto;
}

.feature-box-18 {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 3px 5.196px 29px 0px #dbe8e8;
  margin: 20px;
}
.feature-box-18 .feature-content {
  padding: 10%;
}
.feature-box-18 .media {
  padding-bottom: 15px;
}
.feature-box-18 .media .icon {
  width: 80px;
  height: 80px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #e8f1f3;
}
.feature-box-18 .media h5 {
  margin: 0;
}
.feature-box-18 .media .media-body {
  padding-left: 20px;
}
.feature-box-18 .desc {
  padding-bottom: 20px;
}
.feature-box-18 .btn-bar a {
  color: #0bbfdf;
  text-decoration: none;
}
.feature-box-18 .btn-bar a:hover {
  color: #11083f;
}

.call-to-action-section {
  padding-top: 80px;
}
.call-to-action-section .call-to-action-in {
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  padding: 100px 20px;
  text-align: center;
}
.call-to-action-section h3 {
  color: #fff;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .call-to-action-section h3 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .call-to-action-section h3 {
    font-size: 32px;
  }
}

.portfolio-section {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .portfolio-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.portfolio-section .portfolio-row .row {
  margin-bottom: 25px;
}
.portfolio-section .portfolio-row .row:nth-child(odd) {
  flex-direction: row-reverse;
}
.portfolio-section .portfolio-row .portfolio-img {
  position: relative;
  min-height: 100%;
}
.portfolio-section .portfolio-row .portfolio-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portfolio-section .portfolio-row .portfolio-img .portfolio-logo {
  position: absolute;
  top: 20px;
  left: 20px;
}
.portfolio-section .portfolio-row .portfolio-info {
  background: #11083f;
  padding: 10% 8%;
  min-height: 100%;
}
.portfolio-section .portfolio-row .portfolio-info h6 {
  font-size: 18px;
  color: #a6bbc0;
}
@media (max-width: 767px) {
  .portfolio-section .portfolio-row .portfolio-info h6 {
    font-size: 14px;
  }
}
.portfolio-section .portfolio-row .portfolio-info h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .portfolio-section .portfolio-row .portfolio-info h2 {
    font-size: 28px;
  }
}
.portfolio-section .portfolio-row .portfolio-info h2 span {
  color: #0bbfdf;
}
.portfolio-section .portfolio-row .portfolio-info .btn-bar {
  padding-top: 20px;
}

.portfolio-section-01 {
  padding-top: 80px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .portfolio-section-01 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

.portfolio-row-01 .portfolio-box {
  margin-bottom: 40px;
}
.portfolio-row-01 .portfolio-box .portfolio-img {
  box-shadow: 3.5px 6.062px 29px 0px #a5baba;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
}
.portfolio-row-01 .portfolio-box .portfolio-info {
  padding-top: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .portfolio-row-01 .portfolio-box .portfolio-info {
    padding-top: 20px;
  }
}
.portfolio-row-01 .portfolio-box .portfolio-info h5 {
  color: #11083f;
  font-weight: 600;
  font-size: 32px;
}
@media (max-width: 767px) {
  .portfolio-row-01 .portfolio-box .portfolio-info h5 {
    font-size: 20px;
  }
}

/* Feature Box
-------------------------------*/
.feature-blog-section {
  padding-top: 65px;
  padding-bottom: 80px;
  position: relative;
}
@media (max-width: 991px) {
  .feature-blog-section {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
.feature-blog-section:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  background: url(../image/line-bg.png);
  width: calc((100vw / 2) - 1430px / 2 - 35px);
}
.feature-blog-section .section-title {
  padding-bottom: 20px;
}
.feature-blog-section .feature-blog-2-col {
  padding-top: 32px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .feature-blog-section .feature-blog-2-col {
    padding-top: 20px;
  }
}
.feature-blog-section .img-border-in {
  border: 2px solid #d6e2e2;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
  margin-right: 50px;
  position: relative;
}
@media (max-width: 991px) {
  .feature-blog-section .img-border-in {
    margin-right: 0;
  }
}
.feature-blog-section .img-border-in:after {
  content: "";
  position: absolute;
  top: 57px;
  right: -50px;
  width: 50px;
  height: 1px;
  background: #d6e2e2;
}
@media (max-width: 991px) {
  .feature-blog-section .img-border-in:after {
    display: none;
  }
}
.feature-blog-section .img-border-in img {
  border-radius: 10px;
}
.feature-blog-section .typo-box {
  padding-top: 40px;
}
@media (max-width: 1199px) {
  .feature-blog-section .typo-box {
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .feature-blog-section .typo-box {
    padding-top: 30px;
  }
}
.feature-blog-section .typo-box .date {
  color: #0f0055;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 22px;
}
.feature-blog-section .typo-box .desc p:last-child {
  margin-bottom: 0;
}
.feature-blog-section .typo-box .read-more a {
  color: #53cde5;
  text-decoration: none;
}
.feature-blog-section .typo-box .read-more a:hover {
  color: #0f0055;
}

/* All Blog Section
-------------------------------*/
.blog-listing-section {
  background-image: url(../image/blog-post-bg.jpg);
  padding-top: 70px;
}
.blog-listing-section .blog-post {
  margin-bottom: 100px;
}
.blog-listing-section .blog-post .blog-post-img {
  border-radius: 15px;
  overflow: hidden;
}
.blog-listing-section .blog-post .blog-post-desc {
  padding-top: 52px;
}
.blog-listing-section .blog-post .blog-post-desc .date {
  color: #0f0055;
  font-size: 17px;
  margin-bottom: 14px;
}
.blog-listing-section .blog-post .blog-post-desc p {
  margin: 0;
}
.blog-listing-section .blog-post .blog-post-desc h5 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 14px;
}
.blog-listing-section .blog-post .blog-post-desc h5 a {
  color: #0f0055;
  text-decoration: none;
}
.blog-listing-section .blog-post .blog-post-desc .desc a {
  color: #53cde5;
  text-decoration: none;
}
.blog-listing-section .blog-post .blog-post-desc .desc a:hover {
  color: #0f0055;
}

/* -------------------------------------
	Blog Details
-------------------------------*/
.blog-feature-img-section {
    /*min-height: 70vh; 
    background-size: cover;
    background-position: center;*/
}

.blog-details-section {
  padding-top: 70px;
  padding-bottom: 70px;
  background: url(../image/blog-list-bg.jpg) no-repeat center #fff;
}
@media (max-width: 767px) {
  .blog-details-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
.blog-feature-img-section {
    /*min-height: 30vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;*/
}
}
.blog-details-section .blog-content-area {
  -webkit-box-flex: 0 0 72%;
  -moz-box-flex: 0 0 72%;
  -webkit-flex: 0 0 72%;
  -ms-flex: 0 0 72%;
  flex: 0 0 72%;
  max-width: 72%;
  padding-left: 115px;
  padding-right: 100px;
}
@media (max-width: 1440px) {
  .blog-details-section .blog-content-area {
    padding-left: 15px;
    padding-right: 15px;
  }
	.blog-feature-img-section {
  /*background-repeat: no-repeat;
    max-width: 100%;
    height: 600px;
    background-size: contain;*/
}
}
@media (max-width: 991px) {
  .blog-details-section .blog-content-area {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
	.blog-feature-img-section {
    /*min-height: 30vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;*/
}
}
.blog-details-section .blog-aside {
  -webkit-box-flex: 0 0 28%;
  -moz-box-flex: 0 0 28%;
  -webkit-flex: 0 0 28%;
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  max-width: 28%;
  border-left: 3px solid #e8f1f3;
  padding-left: 70px;
  padding-right: 15px;
}
/*@media (max-width: 1440px) {
  .blog-details-section .blog-aside {
    padding-left: 25px;
  }
	.blog-feature-img-section {
    min-height: 70vh;
    background-size: cover;
    background-position: center;
}
}
@media (max-width: 991px) {
  .blog-details-section .blog-aside {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    border-top: 3px solid #e8f1f3;
    border-left: none;
    margin-top: 20px;
    padding-top: 40px;
  }
	.blog-feature-img-section {
    min-height: 70vh;
    background-size: cover;
    background-position: center;
}*/
}

.blog-content-area .post-title {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-content-area .post-title {
    margin-bottom: 20px;
  }
}
.blog-content-area .post-title h1 {
  font-weight: 700;
  font-size: 50px;
  color: #0bbfdf;
  margin: 0;
}
@media (max-width: 1199px) {
  .blog-content-area .post-title h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .blog-content-area .post-title h1 {
    font-size: 28px;
  }
}
.blog-content-area .post-meta {
  padding-bottom: 25px;
}
.blog-content-area .post-meta .date {
  color: #0f0055;
}
.blog-content-area .post-content p {
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .blog-content-area .post-content p {
    margin-bottom: 16px;
  }
}
.blog-content-area .post-content strong {
  color: #0f0055;
}
.blog-content-area .post-content .post-inner-image {
  padding: 10px 0 60px;
}
@media (max-width: 767px) {
  .blog-content-area .post-content .post-inner-image {
    padding-bottom: 30px;
  }
}
.blog-content-area .post-content blockquote {
  font-weight: 600;
  color: #0bbfdf;
  font-style: italic;
  padding-top: 10px;
  padding-bottom: 10px;
}
.blog-content-area .post-content blockquote em {
  display: block;
}

.blog-aside .widget + .widget {
  padding-top: 55px;
}
@media (max-width: 767px) {
  .blog-aside .widget + .widget {
    padding-top: 25px;
  }
}
.blog-aside .widget-title {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .blog-aside .widget-title {
    padding-bottom: 15px;
  }
}
.blog-aside .widget-title h3 {
  font-size: 17px;
  font-weight: 500;
  color: #0bbfdf;
  margin: 0;
}
.blog-aside .widget-search .form-control {
  height: 65px;
  border-radius: 15px;
  border: none !important;
  background-color: #e8f1f3;
  font-size: 14px;
  color: #44434a;
  padding-left: 35px;
  outline: none !important;
  box-shadow: none !important;
}
.blog-aside .widget-recent-post {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-aside .widget-recent-post li {
  font-size: 14px;
  font-weight: 500;
}
.blog-aside .widget-recent-post li + li {
  margin-top: 20px;
}
.blog-aside .widget-recent-post li a {
  color: #2a2a2a;
  text-decoration: none;
}
.blog-aside .widget-recent-post li a:hover {
  color: #0bbfdf;
}
.blog-aside .widget-category {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-aside .widget-category li {
  font-size: 14px;
}
.blog-aside .widget-category li + li {
  padding-top: 18px;
}
.blog-aside .widget-category li a {
  padding-left: 40px;
  position: relative;
  display: inline-block;
  color: #2a2a2a;
  line-height: 23px;
  font-weight: 500;
  text-decoration: none;
}
.blog-aside .widget-category li a.active:after, .blog-aside .widget-category li a:hover:after {
  background: -moz-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -webkit-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  background: -ms-linear-gradient(-90deg, #2b8aec 0%, #2ed5f4 100%);
  border: transparent;
}
.blog-aside .widget-category li a:after {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 3px;
  border: 2px solid #d0dde0;
  position: absolute;
  top: 0;
  left: 0;
}
.blog-aside .widget-category li a:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 12px;
  height: 7px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  z-index: 1;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.blog-aside .widget-archive .form-control {
  height: 65px;
  border-radius: 15px;
  border: none !important;
  background-color: #e8f1f3;
  font-size: 14px;
  color: #44434a;
  padding-left: 35px;
  padding-right: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%23221563' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z' class=''%3E%3C/path%3E%3C/svg%3E");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 15px);
  background-size: 11px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.blog-aside .social-icons a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #e8f1f3;
  border-radius: 50%;
}
.blog-aside .social-icons a + a {
  margin-left: 10px;
}
.blog-aside .social-icons a.facebook {
  color: #3a559f;
}
.blog-aside .social-icons a.twitter {
  color: #1da1f2;
}
.blog-aside .social-icons a.linkedin {
  color: #0274b3;
}
.blog-aside .social-icons a.pinterest {
  color: #bd081c;
}
.blog-aside .social-icons a:hover {
  background: #00e4ff;
  color: #fff;
}

.next-post-section {
  background-image: url(../image/next-blog-bg.jpg);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #181526;
  overflow: hidden;
  padding-top: 70px;
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  .next-post-section {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .next-post-section .container {
    max-width: 1200px;
  }
}
.next-post-section .next-post-box {
  max-width: 460px;
  color: #b1c8dc;
}
.next-post-section .next-post-box .date {
  color: #fff;
  padding-bottom: 15px;
}
.next-post-section .next-post-box h5 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 17px;
}
.next-post-section .next-post-box h5 a {
  color: #fff;
  text-decoration: none;
}
.next-post-section .next-post-box h5 a:hover {
  color: #00e4ff;
}
.next-post-section .next-post-box .desc p {
  margin: 0;
}
.next-post-section .next-post-box .desc a {
  color: #53cde5;
  text-decoration: none;
}
.next-post-section .next-post-box .desc a:hover {
  color: #fff;
}
.next-post-section .next-post-img {
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .next-post-section .next-post-img {
    margin-top: 35px;
  }
}
.next-post-section .next-post-img:after {
  content: "";
  position: absolute;
  right: -54px;
  top: -87px;
  width: 460px;
  height: 460px;
  background: #bfdde4;
  z-index: -1;
  border-radius: 50%;
}
@media (max-width: 991px) {
  .next-post-section .next-post-img:after {
    top: 0;
  }
}
.next-post-section .next-post-img img {
  border-radius: 10px;
}

.footer {
  background: #171526;
}
.footer .fot-title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 28px;
}
@media (max-width: 991px) {
  .footer .fot-title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .footer .fot-title {
    margin-bottom: 14px;
  }
}
.footer .fot-logo {
  padding-bottom: 32px;
}
.footer .fot-link {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .fot-link li + li {
  margin-top: 5px;
}
.footer .fot-link li a {
  color: #b1c8dc;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
}
@media (max-width: 991px) {
  .footer .fot-link li a {
    font-size: 14px;
  }
}
.footer .fot-link li a:hover {
  color: #fff;
}
.footer .fot-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .footer .fot-col-1 {
    -webkit-box-flex: 0 0 37%;
    -moz-box-flex: 0 0 37%;
    -webkit-flex: 0 0 37%;
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
  }
}
@media (max-width: 991px) {
  .footer .fot-col-1 {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .footer .fot-col-2 {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 75px;
    position: relative;
  }
}
@media (max-width: 991px) {
  .footer .fot-col-2 {
    -webkit-box-flex: 0 0 30%;
    -moz-box-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    position: relative;
  }
  .footer .fot-col-2:after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .footer .fot-col-2 {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .footer .fot-col-2 {
    margin-top: 10px;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
  }
}
.footer .fot-col-2:after, .footer .fot-col-2:before {
  content: "";
  position: absolute;
  bottom: 10px;
  top: 63px;
  width: 1px;
  background: #4f4e5a;
  margin: auto;
}
.footer .fot-col-2:after {
  left: 0;
}
.footer .fot-col-2:before {
  right: 0;
}
@media (min-width: 992px) {
  .footer .fot-col-3 {
    -webkit-box-flex: 0 0 43%;
    -moz-box-flex: 0 0 43%;
    -webkit-flex: 0 0 43%;
    -ms-flex: 0 0 43%;
    flex: 0 0 43%;
    max-width: 43%;
    padding-left: 75px;
  }
}
@media (max-width: 1199px) {
  .footer .fot-col-3 {
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .footer .fot-col-3 {
    -webkit-box-flex: 0 0 70%;
    -moz-box-flex: 0 0 70%;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .footer .fot-col-3 {
    margin-top: 40px;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
  }
}
.footer .fot-row-in .fot-link {
  padding-left: 15px;
  padding-right: 15px;
}
.footer .fot-row-in .fot-col-in-1 {
  -webkit-box-flex: 0 0 45%;
  -moz-box-flex: 0 0 45%;
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
}
.footer .fot-row-in .fot-col-in-2 {
  -webkit-box-flex: 0 0 55%;
  -moz-box-flex: 0 0 55%;
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
}
.footer .fot-contact .right,
.footer .fot-contact .left {
  padding-left: 15px;
  padding-right: 15px;
}
.footer .fot-contact .left {
  -webkit-box-flex: 0 0 40%;
  -moz-box-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer .fot-contact .left {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .footer .fot-contact .left {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.footer .fot-contact .left p {
  margin: 0;
  line-height: 1.9;
}
.footer .fot-contact .right {
  -webkit-box-flex: 0 0 60%;
  -moz-box-flex: 0 0 60%;
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer .fot-contact .right {
    padding-top: 20px;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .footer .fot-contact .right {
    padding-top: 15px;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
  }
}
.footer .fot-contact .right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .fot-contact .right li + li {
  margin-top: 5px;
}
.footer .fot-contact .right a {
  color: #0bbfdf;
  text-decoration: none;
}
.footer .fot-contact .right a i {
  margin-right: 8px;
}
.footer .fot-contact .right a:hover {
  color: #fff;
}
.footer .footer-top {
  padding-top: 75px;
  padding-bottom: 45px;
  border-bottom: 1px solid #4f4e5a;
  color: #fff;
  font-size: 16px;
}
@media (max-width: 991px) {
  .footer .footer-top {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .footer .footer-top {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media (max-width: 767px) {
  .footer .fot-social-icons {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
}
.footer .fot-social-icons a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #fff;
  background: #0bbfdf;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
  font-size: 14px;
  -moz-transition: ease all 0.35s;
  -o-transition: ease all 0.35s;
  -webkit-transition: ease all 0.35s;
  transition: ease all 0.35s;
}
.footer .fot-social-icons a:hover {
  background: #fff;
  color: #11083f;
}
.footer .copyright {
  margin: 0;
  padding: 0;
  text-align: right;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .footer .copyright {
    font-size: 12px;
  }
}
.footer .footer-bottom {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 991px) {
  .footer .footer-bottom {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.footer .footer-bottom [class*="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*# sourceMappingURL=main.css.map */
.hdhuhu-section {
  padding: 60px 0;
  background: #f8f9fa;
}

.hdhuhu-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 60px;
}

.hdhuhu-image {
  flex: 1;
  max-width: 50%;
}

.hdhuhu-image img {
  width: 100%;
  height: 366px;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.hdhuhu-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.hdhuhu-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 20px;
  background: #e8f1f3;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
}

.hdhuhu-item:hover {
  transform: translateY(-5px);
}

.hdhuhu-icon {
  padding: 15px;
  background: rgba(74, 144, 226, 0.1);
  border-radius: 10px;
}

.hdhuhu-text h3 {
  margin: 0 0 10px 0;
  font-size: 22px;
  color: #0e0d0d;
  overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
}

.hdhuhu-text p {
  margin: 0;
  color: #110f0f;
  font-size: 17px;
  line-height: 1.6;
  overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
}

@media (max-width: 768px) {
  .hdhuhu-section {
    padding: 58px 0;
  }

  .hdhuhu-wrapper {
    flex-direction: column;
    gap: 40px;
  }

  .hdhuhu-image {
    max-width: 100%;
  }
  .hdhuhu-image img {
  width: 100%;
  height: 266px;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

  .hdhuhu-item {
    padding: 15px;
  }

  .hdhuhu-text h3 {
    font-size: 21px;
  }
}