/* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Common
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
/* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. General css
02. Custom Class style
03. Font style
04. Layout element style
05. Header style
06. contact-section style
07. Footer style

-------------------------------------------------------------------------------------- */
/* 01. General css */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
* {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bs-white);
  font-family: "Poppins", sans-serif;
}

@media (min-width: 1500px) {
  .container {
    max-width: 100%;
    padding: 0 200px;
  }
}

.shadow {
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2);
}

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

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

@-webkit-keyframes scroll-horizontal {
  0% {
    width: 0px;
  }
}

@keyframes scroll-horizontal {
  0% {
    width: 0px;
  }
}

@-webkit-keyframes rotatess {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes rotatess {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@-webkit-keyframes cssmarquee {
  0% {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes cssmarquee {
  0% {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes cssmarquee2 {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes cssmarquee2 {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes cssmarqueeplus {
  0% {
    -webkit-transform: translateX(1%);
            transform: translateX(1%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes cssmarqueeplus {
  0% {
    -webkit-transform: translateX(1%);
            transform: translateX(1%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes cssmarqueeminus {
  0% {
    -webkit-transform: translateX(-1%);
            transform: translateX(-1%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes cssmarqueeminus {
  0% {
    -webkit-transform: translateX(-1%);
            transform: translateX(-1%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes circle_rotate {
  0% {
    -webkit-clip-path: circle(100%);
            clip-path: circle(100%);
  }
  40% {
    -webkit-clip-path: circle(50%);
            clip-path: circle(50%);
  }
  50% {
    -webkit-clip-path: circle(14%);
            clip-path: circle(14%);
  }
  90% {
    -webkit-clip-path: circle(50%);
            clip-path: circle(50%);
  }
  100% {
    -webkit-clip-path: circle(100%);
            clip-path: circle(100%);
  }
}

@keyframes circle_rotate {
  0% {
    -webkit-clip-path: circle(100%);
            clip-path: circle(100%);
  }
  40% {
    -webkit-clip-path: circle(50%);
            clip-path: circle(50%);
  }
  50% {
    -webkit-clip-path: circle(14%);
            clip-path: circle(14%);
  }
  90% {
    -webkit-clip-path: circle(50%);
            clip-path: circle(50%);
  }
  100% {
    -webkit-clip-path: circle(100%);
            clip-path: circle(100%);
  }
}

/* 02. Custom Class style */
.fw300 {
  font-weight: 300 !important;
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw600 {
  font-weight: 600 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.fw800 {
  font-weight: 800 !important;
}

.rounded {
  border-radius: 18px !important;
}

.darkgray {
  color: #2E2E2E;
}

.bg-light-main {
  background-color: #F2F8FF;
}

.bg-lights {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 249, 246, 0.24)), to(#FFF3F1));
  background: linear-gradient(180deg, rgba(255, 249, 246, 0.24) 0%, #FFF3F1 100%);
}

.bg-lights-blue {
  background: linear-gradient(359.83deg, #F2F8FF 62.24%, rgba(242, 248, 255, 0) 99.84%);
}

.bg-secondary {
  background-color: #E3000F !important;
}

.bg-primary {
  background-color: #2F2483 !important;
}

.bg-danger {
  background-color: #DB2B39 !important;
}

.text-primary {
  color: #2F2483 !important;
}

.bg-light-opacity {
  background-color: rgba(236, 244, 255, 0.37);
}

.btn {
  font-size: 16px;
  line-height: 20px;
  padding: 12px 24px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn-primary {
  background-color: #2F2483;
  border: none;
  color: #ffffff;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 768px) {
  .btn-primary {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #E3000F;
  color: #ffffff;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.pos-set {
  position: relative !important;
  z-index: 2 !important;
}

.btn-secondary {
  background-color: #E3000F;
  border: none;
  color: #ffffff;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(227, 0, 15, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(227, 0, 15, 0.2);
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 768px) {
  .btn-secondary {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.btn-secondary:hover, .btn-secondary:focus {
  background-color: #2F2483;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.text-secondary {
  color: #E3000F !important;
}

.p-custom {
  font-size: 16px;
}

.justified {
  text-align: justify;
}

#scrolltop {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.5s ease-in;
  transition: visibility 0s, opacity 0.5s ease-in;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 998;
}

#scrolltop .btn {
  border-radius: 16px;
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: unset !important;
}

/* 03. Font style */
.h1, h1 {
  font-size: 48px;
  line-height: 70px;
  font-family: "Poppins", sans-serif;
}

@media (min-width: 320px) {
  .h1, h1 {
    font-size: 28px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .h1, h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 768px) {
  .h1, h1 {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .h1, h1 {
    font-size: 36px;
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 40px;
    line-height: 56px;
  }
}

@media (min-width: 1500px) {
  .h1, h1 {
    font-size: 56px;
    line-height: 70px;
  }
}

.h2, h2 {
  font-size: 48px;
  line-height: 70px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .h2, h2 {
    font-size: 28px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .h2, h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 768px) {
  .h2, h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .h2, h2 {
    font-size: 36px;
    line-height: 48px;
  }
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 40px;
    line-height: 56px;
  }
}

@media (min-width: 1500px) {
  .h2, h2 {
    font-size: 48px;
    line-height: 70px;
  }
}

.h3, h3 {
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .h3, h3 {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .h3, h3 {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .h3, h3 {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .h3, h3 {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .h3, h3 {
    font-size: 32px;
    line-height: 48px;
  }
}

.h4, h4 {
  font-size: 28px;
  line-height: 38.08px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .h4, h4 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 576px) {
  .h4, h4 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 768px) {
  .h4, h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 992px) {
  .h4, h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media (min-width: 1500px) {
  .h4, h4 {
    font-size: 28px;
    line-height: 38.08px;
  }
}

.h5, h5 {
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .h5, h5 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .h5, h5 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .h5, h5 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .h5, h5 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .h5, h5 {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .h5, h5 {
    font-size: 20px;
    line-height: 24px;
  }
}

.h6, h6 {
  font-size: 16px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 1500px) {
  .h6, h6 {
    font-size: 18px;
    line-height: 21px;
  }
}

.common-p {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #ffffff;
}

@media (max-width: 768px) {
  .common-p {
    font-size: 14px !important;
    line-height: 24px !important;
  }
}

.common-p.dark {
  color: #888888;
}

.common-p.color-44 {
  color: #444444;
}

.common-p.darkgray {
  color: #2E2E2E;
}

.common-p.color_37 {
  color: #373435;
}

.common-p.white1 {
  color: #FEFEFE;
}

.common-p-14 {
  font-size: 14px !important;
  line-height: 20px !important;
}

@media (max-width: 768px) {
  .common-p-14 {
    font-size: 12px !important;
    line-height: 16px !important;
  }
}

.common-p-14.regulergray {
  color: #888888;
}

.common-p-18 {
  font-size: 18px !important;
  line-height: 32px !important;
  font-weight: 400;
  color: #ffffff;
}

.common-p-18.darkgray {
  color: #2E2E2E;
}

@media (max-width: 992px) {
  .common-p-18 {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}

@media (max-width: 576px) {
  .common-p-18 {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

.common-p-18.dark {
  color: #888888;
}

.common-p-18.color-44 {
  color: #444444;
}

.common-p-18.black {
  color: #000000;
}

.common-p-12 {
  font-size: 12px;
  line-height: 16px;
}

.common-p-12.dark {
  color: #888888;
}

.common-p-12.lh-16 {
  line-height: 16px;
}

.common-p-12.lh-20 {
  line-height: 20px;
}

section, .section {
  padding: 80px 0;
}

@media (max-width: 1500px) {
  section, .section {
    padding: 56px 0px;
  }
}

@media (max-width: 1200px) {
  section, .section {
    padding: 40px 0px;
  }
}

@media (max-width: 992px) {
  section, .section {
    padding: 32px 0px;
  }
}

.layout-margin-top {
  margin-top: 80px;
}

@media (max-width: 1500px) {
  .layout-margin-top {
    margin-top: 56px;
  }
}

@media (max-width: 1200px) {
  .layout-margin-top {
    margin-top: 40px;
  }
}

@media (max-width: 992px) {
  .layout-margin-top {
    margin-top: 32px;
  }
}

.layout-margin-bottom {
  margin-bottom: 80px;
}

@media (max-width: 1500px) {
  .layout-margin-bottom {
    margin-bottom: 56px;
  }
}

@media (max-width: 1200px) {
  .layout-margin-bottom {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .layout-margin-bottom {
    margin-bottom: 32px;
  }
}

/* 05. Header style */
#header-nav.fixed-top {
  padding: 16px 0px;
  z-index: 99;
}

@media (max-width: 576px) {
  #header-nav.fixed-top {
    padding: 12px 0px;
  }
}

header {
  position: relative;
  z-index: 999;
}

header .custom-menu-right {
  position: fixed;
  right: -520px;
  top: 0;
  height: 100vh;
  width: 470px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 55px 5px rgba(47, 36, 131, 0.35);
          box-shadow: 0 10px 55px 5px rgba(47, 36, 131, 0.35);
  padding: 5% 82px 36px;
  overflow: auto;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  z-index: 9999;
}

header .custom-menu-right.active {
  right: 0;
}

@media (max-width: 992px) {
  header .custom-menu-right.active {
    right: -520px;
  }
}

header .custom-menu-right .close-btn-div {
  position: relative;
}

header .custom-menu-right .close-btn-div img {
  position: absolute;
  top: -40px;
  right: -40px;
  cursor: pointer;
}

header .custom-menu-right .custom-menu-outr {
  margin-top: 16px;
}

@media (max-width: 1200px) {
  header .custom-menu-right .custom-menu-outr {
    margin-top: 24px;
  }
}

header .custom-menu-right .custom-menu-outr .custom-menu-details {
  padding-bottom: 44px;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-title {
  padding-bottom: 20px;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .download-icons img {
  max-width: 120px;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .download-icons .first {
  margin-right: 8px;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .data-contact {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}

@media (max-width: 992px) {
  header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .data-contact {
    margin-bottom: 16px;
  }
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .data-contact .one {
  width: 35px;
  display: inline-block;
  vertical-align: middle;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .data-contact .one img {
  max-width: 16px;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .data-contact .two {
  width: calc(100% - 30px);
  display: inline-block;
  vertical-align: middle;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .data-contact .two a {
  text-decoration: none;
  display: block;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 27px;
  color: #444444;
  font-weight: 400;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 992px) {
  header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .data-contact .two a {
    font-size: 16px;
    line-height: 24px;
  }
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .data-contact .two a:hover {
  color: #E3000F;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .social-nav .nav-link {
  -webkit-box-shadow: 0 10px 10px rgba(111, 145, 218, 0.15) !important;
          box-shadow: 0 10px 10px rgba(111, 145, 218, 0.15) !important;
  border-radius: 50%;
  margin-right: 8px;
  color: #2F2483;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Open Sans", sans-serif !important;
}

header .custom-menu-right .custom-menu-outr .custom-menu-details .menu-text .social-nav .nav-link:hover {
  color: #E3000F;
}

header .search-bar-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  display: none;
  z-index: 99;
  padding: 30px 80px 30px 80px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 55px 5px rgba(47, 36, 131, 0.35);
          box-shadow: 0 10px 55px 5px rgba(47, 36, 131, 0.35);
}

header .search-bar-menu input {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  border: 0 !important;
  color: #2F2483;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 40px;
}

header .search-bar-menu input:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2F2483;
}

header .search-bar-menu input::-webkit-input-placeholder {
  color: #2F2483;
}

header .search-bar-menu input:-ms-input-placeholder {
  color: #2F2483;
}

header .search-bar-menu input::-ms-input-placeholder {
  color: #2F2483;
}

header .search-bar-menu input::placeholder {
  color: #2F2483;
}

header .search-bar-menu input::-webkit-input-placeholder {
  color: #2F2483;
}

header .search-bar-menu input::-moz-placeholder {
  color: #2F2483;
}

header .search-bar-menu input:-ms-input-placeholder {
  color: #2F2483;
}

header .search-bar-menu input:-moz-placeholder {
  color: #2F2483;
}

header .search-bar-menu .input-group .input-group-text {
  background-color: transparent !important;
  border: 0 !important;
  padding: 10px 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .search-bar-menu .input-group .input-group-text:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

header .search-bar-menu .input-group .input-group-text.close {
  padding: 0 !important;
  background-color: transparent !important;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  margin-left: 0 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .search-bar-menu .input-group .input-group-text.close img {
  cursor: pointer;
  height: auto;
  width: auto;
}

header .search-bar-menu .input-group .input-group-text img {
  width: 20px;
  height: 20px;
}

header .navbar {
  padding: 28px 0px;
}

@media (max-width: 576px) {
  header .navbar {
    padding: 16px 0px;
  }
}

header .navbar .navbar-brand {
  padding: 0px;
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  text-transform: uppercase;
  color: #2F2483;
  margin-right: 0;
}

@media (max-width: 576px) {
  header .navbar .navbar-brand {
    font-size: 32px !important;
  }
}

header .navbar .navbar-brand span {
  color: #E3000F;
}

header .navbar .navbar-nav {
  margin-right: 58px;
}

header .navbar .navbar-nav.second {
  margin-right: 0;
}

@media (max-width: 992px) {
  header .navbar .navbar-nav.second {
    position: absolute;
    right: 70px;
  }
}

header .navbar .navbar-nav.second li {
  margin-right: 24px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  padding: 0 !important;
  border-radius: 10px;
  cursor: pointer;
}

header .navbar .navbar-nav.second li.custom-div-open {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header .navbar .navbar-nav.second li.custom-div-open:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

@media (max-width: 992px) {
  header .navbar .navbar-nav.second li.custom-div-open {
    display: none;
  }
}

@media (max-width: 992px) {
  header .navbar .navbar-nav.second li.search-open {
    margin: 0;
  }
}

@media (max-width: 380px) {
  header .navbar .navbar-nav.second li.search-open {
    display: none;
  }
}

header .navbar .navbar-nav.second li:hover {
  background-color: #2F2483;
}

header .navbar .navbar-nav.second li:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

header .navbar .navbar-nav.second li.search-open.active img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

header .navbar .navbar-nav.second li.active {
  background-color: #2F2483;
}

header .navbar .navbar-nav.second li.active img {
  -webkit-filter: unset;
          filter: unset;
}

header .navbar .navbar-nav.second li img {
  width: 24px;
  max-height: 24px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

header .navbar .navbar-nav.second li:last-child {
  margin-right: 0;
}

@media (max-width: 1200px) {
  header .navbar .navbar-nav {
    margin-right: 0 !important;
  }
}

header .navbar .stellarnav {
  z-index: 99;
}

@media (max-width: 992px) {
  header .navbar .stellarnav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (max-width: 768px) {
  header .navbar .stellarnav {
    right: 12px;
  }
}

header .navbar .stellarnav.right-side ul.main-uls {
  text-align: center;
  margin-right: 0;
}

@media (max-width: 1200px) {
  header .navbar .stellarnav.right-side ul.main-uls {
    margin-right: 32px;
  }
}

@media (max-width: 992px) {
  header .navbar .stellarnav.right-side ul.main-uls {
    text-align: left;
  }
}

header .navbar .stellarnav.mobile {
  margin: auto 0;
}

header .navbar .stellarnav.light {
  background-color: transparent !important;
}

header .navbar .stellarnav.mobile.right > ul {
  right: unset;
  left: 0;
  -webkit-box-shadow: 0 10px 55px 5px rgba(47, 36, 131, 0.35);
          box-shadow: 0 10px 55px 5px rgba(47, 36, 131, 0.35);
}

@media (max-width: 992px) {
  header .navbar .stellarnav.mobile.right > ul {
    max-width: 320px;
  }
}

header .navbar .stellarnav li li.has-sub > a:after {
  border-left: 6px solid #2E2E2E;
  top: 7px;
}

header .navbar .stellarnav li.open > a.dd-toggle .icon-plus:before,
header .navbar .stellarnav li.open > a.dd-toggle .icon-plus:after {
  right: -11px;
  top: 14px;
}

header .navbar .stellarnav .dd-toggle {
  width: 24px;
  height: 24px;
  top: 4px;
}

header .navbar .stellarnav .dd-toggle .icon-plus:before,
header .navbar .stellarnav .dd-toggle .icon-plus:after {
  border-bottom: solid 2px #000000;
  width: 12px;
  right: 10px;
  display: block;
}

header .navbar .stellarnav .close-menu.full {
  padding: 16px 12px;
}

header .navbar .stellarnav .close-menu.full .icon-close:before,
header .navbar .stellarnav .close-menu.full .icon-close:after {
  border-bottom: solid 3px #DB2B39;
  width: 20px;
  right: 0;
}

header .navbar .stellarnav ul ul.out-menu {
  background-color: white;
  border-radius: 8px;
  padding: 12px 0;
  width: 250px;
  -webkit-box-shadow: 0 0px 10px 2px rgba(47, 36, 131, 0.35);
          box-shadow: 0 0px 10px 2px rgba(47, 36, 131, 0.35);
}

header .navbar .stellarnav ul ul.out-menu ul {
  left: 250px;
}

@media (max-width: 992px) {
  header .navbar .stellarnav ul ul.out-menu ul {
    left: 0;
  }
}

@media (max-width: 992px) {
  header .navbar .stellarnav ul ul.out-menu {
    background-color: white !important;
    border-radius: 0px;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
  }
  header .navbar .stellarnav ul ul.out-menu li a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
  }
}

header .navbar .stellarnav li a {
  padding: 8px 24px !important;
}

@media (max-width: 992px) {
  header .navbar .stellarnav li a {
    padding: 8px 20px !important;
  }
}

header .navbar .stellarnav li li a {
  color: #716c80;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

header .navbar .stellarnav li li a:hover {
  color: #E3000F;
  margin-left: 5px;
}

header .navbar .stellarnav li li a.active {
  color: #E3000F;
  margin-left: 5px;
}

header .navbar .stellarnav li li .has-sub > a:after {
  border-left: 6px solid #2F2483;
}

header .navbar .stellarnav a.nav-link {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
  color: #2F2483;
  padding: 14px 2.5rem !important;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 992px) {
  header .navbar .stellarnav a.nav-link {
    padding: 14px 16px !important;
  }
}

header .navbar .stellarnav a.nav-link::after {
  display: none;
}

header .navbar .stellarnav a.nav-link:hover {
  color: #E3000F;
}

header .navbar .stellarnav a.active {
  color: #E3000F;
}

header .navbar .stellarnav .menu-toggle {
  background: #2F2483;
}

@media (max-width: 992px) {
  header .navbar .stellarnav .menu-toggle {
    margin-top: 14px;
    padding: 8px 10px 6px;
    border-radius: 8px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  header .navbar .stellarnav .menu-toggle span.bars {
    margin-right: 0;
    top: 0px !important;
    background: #ffffff;
  }
  header .navbar .stellarnav .menu-toggle span.bars span {
    width: 24px;
    border-radius: 0px;
    height: 4px;
    background: #2F2483;
  }
}

@media (max-width: 992px) and (max-width: 575.98px) {
  header .navbar .stellarnav .menu-toggle span.bars span {
    width: 16px;
    border-radius: 0px;
    height: 2px;
  }
}

@media (max-width: 380px) {
  header .navbar .stellarnav .menu-toggle {
    margin-top: 4px;
  }
}

@media (min-width: 992px) {
  header .navbar .stellarnav ul ul.out-menu ul {
    left: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@media (max-width: 992px) {
  header .navbar .stellarnav.mobile.light li.has-sub a {
    border-color: rgba(0, 0, 0, 0.05);
  }
  header .navbar .stellarnav.mobile.right.light .out-menu li a {
    padding: 12px 20px !important;
    border-color: rgba(0, 0, 0, 0.05);
    font-weight: 400;
  }
  header .navbar .stellarnav li.open > a.dd-toggle .icon-plus {
    -webkit-transform: rotate(92deg);
            transform: rotate(92deg);
  }
  header .navbar .stellarnav .dd-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 40px;
  }
  header .navbar .stellarnav .dd-toggle .icon-plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .navbar .stellarnav .dd-toggle .icon-plus:before {
    border: none;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='32' viewBox='0 0 18 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 28.6187L15 15.8093L3 3' stroke='%230062D7' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: none;
            transform: none;
    position: unset;
  }
  header .navbar .stellarnav .dd-toggle .icon-plus:after {
    display: none;
  }
  header .navbar .stellarnav.mobile.right .close-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .navbar .stellarnav .icon-close {
    position: unset;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    -webkit-transform: translate(3px, 8px);
            transform: translate(3px, 8px);
    padding: 0;
  }
  header .navbar .stellarnav .icon-close:before {
    border: none !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url("../images/common/close_btn.svg");
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: none;
            transform: none;
    position: unset;
  }
  header .navbar .stellarnav .icon-close:after {
    display: none;
  }
  header .navbar .stellarnav.mobile > ul {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  header .navbar .stellarnav.mobile > ul::-webkit-scrollbar {
    width: 5px;
  }
  header .navbar .stellarnav.mobile > ul::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }
  header .navbar .stellarnav.mobile > ul::-webkit-scrollbar-thumb {
    background: #E3000F;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 45px;
  }
  header .navbar .stellarnav.mobile.active > ul {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

header .header-wid {
  margin: 0px 90px;
  padding: 0;
}

@media (max-width: 1500px) {
  header .header-wid {
    margin: 0px 45px;
  }
}

@media (max-width: 1200px) {
  header .header-wid {
    margin: 0px 20px;
  }
}

@media (max-width: 992px) {
  header .header-wid {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

/* 06. contact-section style */
section.contact-section .contact-section-data {
  background-color: #F2F8FF;
  border-radius: 40px;
  padding: 64px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 1650px) {
  section.contact-section .contact-section-data {
    padding: 40px;
  }
}

@media (max-width: 992px) {
  section.contact-section .contact-section-data {
    display: block;
    padding: 0;
    background-color: transparent;
  }
}

section.contact-section .contact-section-data .fill-box-left {
  width: 516px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  padding: 80px 56px 168px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

@media all and (max-width: 1650px) {
  section.contact-section .contact-section-data .fill-box-left {
    padding: 48px 40px 144px;
    width: 430px;
  }
}

@media (max-width: 1200px) {
  section.contact-section .contact-section-data .fill-box-left {
    width: 400px;
  }
}

@media (max-width: 992px) {
  section.contact-section .contact-section-data .fill-box-left {
    width: 100%;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    padding: 32px 32px 40px;
    background-color: #F8FBFF;
  }
}

section.contact-section .contact-section-data .fill-box-left::before {
  content: "";
  width: 222px;
  height: 222px;
  border-radius: 50%;
  background: linear-gradient(309.76deg, #D9EAFF 25.15%, #FFFFFF 75.91%);
  position: absolute;
  bottom: -26px;
  right: -22px;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 768px) {
  section.contact-section .contact-section-data .fill-box-left::before {
    width: 120px;
    height: 120px;
    bottom: 0px;
    right: 0px;
  }
}

section.contact-section .contact-section-data .fill-box-left h4 {
  margin-bottom: 46px;
}

@media (max-width: 992px) {
  section.contact-section .contact-section-data .fill-box-left h4 {
    margin-bottom: 32px;
  }
}

@media (max-width: 768px) {
  section.contact-section .contact-section-data .fill-box-left h4 {
    margin-bottom: 24px;
  }
}

section.contact-section .contact-section-data .fill-box-left .data-contact {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 43px;
  position: relative;
  z-index: 2;
}

@media (max-width: 992px) {
  section.contact-section .contact-section-data .fill-box-left .data-contact {
    margin-bottom: 24px;
  }
}

section.contact-section .contact-section-data .fill-box-left .data-contact .one {
  width: 55px;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 992px) {
  section.contact-section .contact-section-data .fill-box-left .data-contact .one {
    width: 45px;
  }
}

section.contact-section .contact-section-data .fill-box-left .data-contact .two {
  width: calc(100% - 55px);
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 992px) {
  section.contact-section .contact-section-data .fill-box-left .data-contact .two {
    width: calc(100% - 45px);
  }
}

section.contact-section .contact-section-data .fill-box-left .data-contact .two a {
  text-decoration: none;
  display: block;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 27px;
  color: #444444;
  font-weight: 400;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 992px) {
  section.contact-section .contact-section-data .fill-box-left .data-contact .two a {
    font-size: 16px;
    line-height: 24px;
  }
}

section.contact-section .contact-section-data .fill-box-left .data-contact .two a:hover {
  color: #2F2483;
}

section.contact-section .contact-section-data .fill-box-right {
  width: 536px;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 1200px) {
  section.contact-section .contact-section-data .fill-box-right {
    width: 400px;
  }
}

@media (max-width: 992px) {
  section.contact-section .contact-section-data .fill-box-right {
    width: 100%;
    margin-top: 32px;
    background-color: #F8FBFF;
    padding: 32px;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
  }
}

section.contact-section .contact-section-data .fill-box-right form {
  margin-bottom: 0;
}

section.contact-section .contact-section-data .fill-box-right form .form-group {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  section.contact-section .contact-section-data .fill-box-right form .form-group {
    margin-bottom: 20px;
  }
}

section.contact-section .contact-section-data .fill-box-right form .form-group label {
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  text-transform: capitalize;
  color: #2F2483;
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  section.contact-section .contact-section-data .fill-box-right form .form-group label {
    margin-bottom: 8px;
  }
}

section.contact-section .contact-section-data .fill-box-right form .form-group .form-control {
  max-height: 47px;
  padding: 10px 0px;
  line-height: 27px;
  font-size: 20px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #2F2483;
  background-color: transparent;
  color: #000000;
}

section.contact-section .contact-section-data .fill-box-right form .form-group .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-color: transparent;
}

@media (max-width: 768px) {
  section.contact-section .contact-section-data .fill-box-right form .form-group .form-control {
    line-height: 24px;
    font-size: 16px;
  }
}

section.contact-section .contact-section-data .fill-box-right form .form-group textarea.form-control {
  max-height: unset;
  min-height: 60px;
}

section.contact-section .contact-section-data .fill-box-right form .btn {
  min-height: 43px;
  max-height: 43px;
  padding: 8px 32px;
  font-size: 2.5 8px;
  font-family: "Open Sans", sans-serif !important;
}

/* 07. Footer style */
footer {
  float: left;
  width: 100%;
  background-color: #003D85;
  padding: 48px 0px;
}

@media (max-width: 1200px) {
  footer {
    padding: 32px 0px;
  }
}

footer hr.first-row {
  border-color: rgba(255, 255, 255, 0.3);
  margin-bottom: 38px;
  margin-top: 0;
  opacity: 1;
}

@media (max-width: 992px) {
  footer hr.first-row {
    margin-bottom: 32px;
  }
}

footer .common-block {
  margin-bottom: 33px;
}

footer .common-block .header-text {
  color: #E3000F;
  margin-bottom: 25px;
}

footer .common-block .nav.flex-column a.nav-link {
  padding: 8px;
  color: #ffffff;
  line-height: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

footer .common-block .nav.flex-column a.nav-link.no-hover:hover {
  color: #ffffff !important;
}

footer .common-block .nav.flex-column a.nav-link.no-hover:hover p.common-p-25 {
  font-size: 16px !important;
  font-size: 25px !important;
  color: #ffffff;
  margin-top: 10px;
}

footer .common-block .nav.flex-column a.nav-link.no-hover:hover p.common-p-25.dark {
  color: #888888;
}

footer .common-block .nav.flex-column a.nav-link:hover {
  color: #E3000F !important;
}

footer .common-block .nav.nav.flex-column.download-icons a {
  margin-bottom: 24px;
}

footer .common-block .nav.nav.flex-column.download-icons a img {
  max-width: 120px;
}

footer .common-block .nav.nav.flex-column.download-icons a.first {
  margin-bottom: 17px;
}

footer .navbar-brands .navbar-brand {
  padding: 0px;
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 19px;
  display: block;
}

@media (max-width: 576px) {
  footer .navbar-brands .navbar-brand {
    font-size: 32px !important;
  }
}

footer .navbar-brands .navbar-brand span {
  color: #E3000F;
}

footer .navbar-brands .footer-logo {
  margin-bottom: 17px;
}

footer .navbar-brands p {
  margin-bottom: 52px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 400;
}

@media (max-width: 992px) {
  footer .navbar-brands p {
    margin-bottom: 28px;
  }
}

footer .social-nav ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

footer .social-nav ul li {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 11px;
  border-radius: 50%;
  overflow: hidden;
}

footer .social-nav ul li:last-child {
  margin-right: 0;
}

footer .social-nav ul li a {
  width: 100%;
  height: 100%;
  background-color: white;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

footer .social-nav ul li a:hover {
  background-color: #E3000F;
}

footer .social-nav ul li a:hover i {
  color: #ffffff !important;
}

footer .social-nav ul li a i {
  font-size: 12px;
  color: #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

footer .copyright-text {
  font-weight: 300;
}

@media (max-width: 768px) {
  footer .copyright-text {
    text-align: center;
  }
}

footer .copyright-text a {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

footer .copyright-text a:hover {
  color: #E3000F !important;
}

footer ul.bottom-footer-ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: right;
}

@media (max-width: 768px) {
  footer ul.bottom-footer-ul {
    text-align: center;
    margin-top: 24px;
  }
}

footer ul.bottom-footer-ul li {
  display: inline-block;
  margin-right: 15px;
  position: relative;
}

footer ul.bottom-footer-ul li::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: -10px;
  width: 1px;
  height: 75%;
  background-color: rgba(255, 255, 255, 0.6);
}

footer ul.bottom-footer-ul li:last-child {
  margin-right: 0;
}

footer ul.bottom-footer-ul li:last-child::before {
  display: none;
}

footer ul.bottom-footer-ul li a {
  color: #ffffff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

footer ul.bottom-footer-ul li a:hover {
  color: #E3000F;
}

/* Partner-section style-big */
section.partner-section-big {
  overflow: hidden;
  padding-bottom: 32px;
}

section.partner-section-big .partner-section-data .card {
  padding: 52px 24px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: 0;
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  section.partner-section-big .partner-section-data .card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
    margin: 8px 24px 24px;
    padding: 32px 24px;
  }
}

@media (max-width: 768px) {
  section.partner-section-big .partner-section-data .card {
    margin: 8px 12px 24px;
    padding: 32px 24px;
  }
}

@media (max-width: 576px) {
  section.partner-section-big .partner-section-data .card {
    margin: 8px 0px 24px;
    padding: 24px 24px;
  }
}

section.partner-section-big .partner-section-data .card:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
}

section.partner-section-big .partner-section-data .card:hover .image-data svg path {
  fill: #E3000F;
}

section.partner-section-big .partner-section-data .card:hover .image-data svg path.on-stroke {
  stroke: #E3000F;
  fill: transparent;
}

section.partner-section-big .partner-section-data .card .image-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 992px) {
  section.partner-section-big .partner-section-data .card .image-data svg {
    max-width: 100px;
  }
}

section.partner-section-big .partner-section-data .card .image-data svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.close-btn-div img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.close-btn-div:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/* All Layout styles */
.home-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Home Page
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. hero-section style
04. first-slider-section style
05. creative-section style
06. second-slider style
07. parallax-section style
08. third-slider-section style
08. perfect-section style
10. blog-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /* 03. hero-section style */
  /* 04. first-slider-section style */
  /* 05. creative-section style */
  /* 06. second-slider style */
  /* 07. parallax-section style */
  /* 08. third-slider-section style */
  /* 09. perfect-section style */
  /* 10. blog-section style */
}

.home-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.home-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .home-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .home-page .title {
    margin-bottom: 32px;
  }
}

.home-page .title .title-heading,
.home-page .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .home-page .title .title-heading,
  .home-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .home-page .title .title-heading,
  .home-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .home-page .title .title-heading,
  .home-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .home-page .title .title-heading,
  .home-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .home-page .title .title-heading,
  .home-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .home-page .title .title-heading,
  .home-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.home-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.home-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .home-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .home-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .home-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .home-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .home-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .home-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.home-page .cover {
  position: relative;
  z-index: 999;
}

.home-page .cover::before {
  content: "";
  position: absolute;
  top: -23px;
  left: -260px;
  width: 730px;
  height: 730px;
  border-radius: 50%;
  background: linear-gradient(130.6deg, #F2F8FF 57.4%, #ffffff 84.47%);
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 992px) {
  .home-page .cover::before {
    width: 400px;
    height: 400px;
    left: -100px;
  }
}

.home-page section.common-before {
  position: relative;
}

.home-page section.common-before::before {
  position: absolute;
  content: "";
  top: 30px;
  left: 16px;
  background: url("../images/home-page/video_before.svg") no-repeat;
  width: 200px;
  height: 257px;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
  background-size: 100%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .home-page section.common-before::before {
    width: 100px;
    height: 100px;
    top: 15px;
    left: 4px;
    background-size: 100px 100px;
  }
}

@media (max-width: 768px) {
  .home-page section.common-before::before {
    top: 8px;
  }
}

.home-page section.common-before::after {
  position: absolute;
  content: "";
  bottom: 30px;
  right: 16px;
  background: url("../images/home-page/video_after.svg") no-repeat;
  width: 200px;
  height: 257px;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
  background-size: 100%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .home-page section.common-before::after {
    width: 100px;
    height: 100px;
    bottom: 15px;
    right: 4px;
    background-size: 100px 100px;
  }
}

@media (max-width: 768px) {
  .home-page section.common-before::after {
    bottom: 8px;
  }
}

.home-page section.hero-section .hero-section-data .fill-box-left {
  max-width: 604px;
}

@media (max-width: 991.98px) {
  .home-page section.hero-section .hero-section-data .fill-box-left {
    text-align: center;
  }
}

.home-page section.hero-section .hero-section-data h5.sub-head {
  font-size: 32px;
  line-height: 70px;
  margin-bottom: 0;
  color: #2F2483;
}

@media (max-width: 1200px) {
  .home-page section.hero-section .hero-section-data h5.sub-head {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .home-page section.hero-section .hero-section-data h5.sub-head {
    font-size: 20px;
    line-height: 32px;
  }
}

.home-page section.hero-section .hero-section-data h1 {
  color: #2F2483;
}

.home-page section.hero-section .hero-section-data p {
  margin: 20px 0;
}

.home-page .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 991.98px) {
  .home-page .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.home-page .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .home-page .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.home-page .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.home-page section.first-slider-section {
  position: relative;
}

.home-page section.first-slider-section::before {
  position: absolute;
  content: "";
  top: -160px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("../images/home-page/first_slider_before.svg") no-repeat;
  width: 322px;
  height: 322px;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
  background-size: 100%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .home-page section.first-slider-section::before {
    width: 200px;
    height: 200px;
    top: -40px;
    background-size: 200px 200px;
  }
}

@media (max-width: 992px) {
  .home-page section.first-slider-section::before {
    width: 160px;
    height: 160px;
    background-size: 160px 160px;
    top: -8px;
    left: 4px;
    margin: 0;
    right: unset;
  }
}

.home-page section.first-slider-section::after {
  position: absolute;
  content: "";
  bottom: 30px;
  right: 16px;
  background: url("../images/home-page/first_slider_after.svg") no-repeat;
  width: 261px;
  height: 340px;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
  background-size: 100%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .home-page section.first-slider-section::after {
    width: 200px;
    height: 200px;
    bottom: 15px;
    right: 4px;
    background-size: 200px 200px;
  }
}

@media (max-width: 992px) {
  .home-page section.first-slider-section::after {
    width: 160px;
    height: 160px;
    bottom: 15px;
    right: 4px;
    background-size: 160px 160px;
  }
}

@media (max-width: 768px) {
  .home-page section.first-slider-section::after {
    bottom: 8px;
  }
}

.home-page section.first-slider-section .first-slider-data .home-2-card {
  background-color: #ffffff;
  max-width: 424px;
  padding: 55px 24px;
}

.home-page section.first-slider-section .first-slider-data .home-2-card .icon-circle {
  border-radius: 10px;
  border: 1px solid #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.home-page section.first-slider-section .first-slider-data .home-2-card p {
  max-width: 228px;
  margin-left: auto;
  margin-right: auto;
}

.home-page section.first-slider-section .first-slider-data .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.home-page section.first-slider-section .first-slider-data .home-2-card:hover .icon-circle {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
  border: 1px solid transparent;
}

.home-page .first-slider .slick-dots,
.home-page .second-slider .slick-dots,
.home-page .third-slider .slick-dots,
.home-page .blog-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .home-page .first-slider .slick-dots,
  .home-page .second-slider .slick-dots,
  .home-page .third-slider .slick-dots,
  .home-page .blog-slider .slick-dots {
    bottom: -24px;
  }
}

.home-page .first-slider .slick-dots li,
.home-page .second-slider .slick-dots li,
.home-page .third-slider .slick-dots li,
.home-page .blog-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.home-page .first-slider .slick-dots li.slick-active,
.home-page .second-slider .slick-dots li.slick-active,
.home-page .third-slider .slick-dots li.slick-active,
.home-page .blog-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.home-page .first-slider .slick-dots li.slick-active button::before,
.home-page .second-slider .slick-dots li.slick-active button::before,
.home-page .third-slider .slick-dots li.slick-active button::before,
.home-page .blog-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.home-page .first-slider .slick-dots li button,
.home-page .second-slider .slick-dots li button,
.home-page .third-slider .slick-dots li button,
.home-page .blog-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.home-page .first-slider .slick-dots li button::before,
.home-page .second-slider .slick-dots li button::before,
.home-page .third-slider .slick-dots li button::before,
.home-page .blog-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.home-page .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  background-color: #F8FBFF;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .home-page .home-2-card {
    margin: 8px auto 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
    padding: 24px 24px;
  }
  .home-page .home-2-card .icon-circle {
    border: 1px solid #2F2483;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .home-page .home-2-card .icon-circle svg path {
    fill: #E3000F;
  }
  .home-page .home-2-card .icon-circle svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .home-page .home-2-card .icon-circle svg path.on-stroke {
    stroke: #E3000F;
    fill: transparent;
  }
  .home-page .home-2-card p {
    color: #444444;
  }
}

@media (max-width: 576px) {
  .home-page .home-2-card {
    margin: 8px auto 16px;
    max-width: 90% !important;
  }
}

.home-page .home-2-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid rgba(47, 36, 131, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home-page .home-2-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.home-page .home-2-card .icon-circle svg path.on-stroke {
  stroke: #2F2483;
  fill: transparent;
}

.home-page .home-2-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

.home-page .home-2-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.home-page .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.home-page .home-2-card:hover .icon-circle {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
  border: 1px solid transparent;
}

.home-page .home-2-card:hover svg path {
  fill: #E3000F;
}

.home-page .home-2-card:hover svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.home-page .home-2-card:hover svg path.icon-bg {
  stroke: #ffffff;
  fill: #ffffff;
}

.home-page .home-2-card:hover p {
  color: #444444;
}

@media (max-width: 992px) {
  .home-page section.creative-section {
    padding-bottom: 0;
  }
}

.home-page section.creative-section .fill-box-right {
  padding-left: 60px;
}

@media (max-width: 1500px) {
  .home-page section.creative-section .fill-box-right {
    padding-left: 40px;
  }
}

@media (max-width: 1200px) {
  .home-page section.creative-section .fill-box-right {
    padding-left: 16px;
  }
}

@media (max-width: 992px) {
  .home-page section.creative-section .fill-box-right {
    padding-left: 0;
  }
}

.home-page .progress-wrapper-box {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  margin-bottom: 80px;
}

@media (max-width: 1500px) {
  .home-page .progress-wrapper-box {
    margin-bottom: 40px;
  }
}

.home-page .progress-wrapper-box h5 {
  color: #444444;
  font-weight: 600;
  margin-bottom: 24px;
}

.home-page .progress-wrapper-box .progress-circle {
  position: relative;
}

.home-page .progress-wrapper-box .progress-circle.progress-circle1 .progress-num {
  color: #003D85;
}

.home-page .progress-wrapper-box .progress-circle.progress-circle2 .progress-num {
  color: #8C0098;
}

.home-page .progress-wrapper-box .progress-circle.progress-circle3 .progress-num {
  color: #289A00;
}

.home-page .progress-wrapper-box .progress-circle.progress-circle4 .progress-num {
  color: #FB8500;
}

.home-page .progress-wrapper-box .progress-circle .progress-num {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 600;
}

.home-page .progress-wrapper-box .progress-circle .progress-num i {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  margin-left: 2px;
}

.home-page section.second-slider-section .home-2-card {
  background-color: #ffffff;
}

.home-page section.second-slider-section .home-2-card a {
  font-size: 14px;
  line-height: 19px;
  margin-top: 22px;
  display: block;
  color: #2F2483;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.home-page section.second-slider-section .home-2-card a:hover {
  color: #E3000F;
}

.home-page section.second-slider-section .home-2-card a i {
  margin-left: 10px;
}

.home-page section.second-slider-section .home-2-card:hover {
  background-color: #ffffff;
}

.home-page section.second-slider-section .second-slider .slick-prev {
  left: -150px;
}

@media (max-width: 1500px) {
  .home-page section.second-slider-section .second-slider .slick-prev {
    left: -24px;
  }
}

@media (max-width: 1200px) {
  .home-page section.second-slider-section .second-slider .slick-prev {
    left: -16px;
  }
}

.home-page section.second-slider-section .second-slider .slick-next {
  right: -150px;
}

@media (max-width: 1500px) {
  .home-page section.second-slider-section .second-slider .slick-next {
    right: -24px;
  }
}

@media (max-width: 1200px) {
  .home-page section.second-slider-section .second-slider .slick-next {
    right: -16px;
  }
}

.home-page section.second-slider-section .second-slider .slick-prev, .home-page section.second-slider-section .second-slider .slick-next {
  width: 12px;
  height: 24px;
}

.home-page section.second-slider-section .second-slider .slick-prev:before, .home-page section.second-slider-section .second-slider .slick-next:before {
  color: #E3000F;
  content: "";
}

.home-page section.second-slider-section .second-slider .slick-prev:before,
.home-page section.second-slider-section .second-slider .slick-next:before {
  background: url("../images/common/chevron_left.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 12px;
  position: absolute;
  height: 24px;
  left: 0;
  top: 0;
}

.home-page section.second-slider-section .second-slider .slick-next:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.home-page section.parallax-section {
  padding: 0;
}

.home-page section.parallax-section .parallax-section-data {
  background: url("../images/home-page/parallex-bg-1.svg") no-repeat #F2F8FF;
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
}

.home-page section.parallax-section .parallax-section-data img {
  opacity: 0;
}

.home-page section.third-slider-section .home-2-card {
  background-color: #ffffff;
  max-width: 424px;
  padding: 55px 24px;
}

.home-page section.third-slider-section .home-2-card .icon-circle {
  border-radius: 10px;
  border: 1px solid #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.home-page section.third-slider-section .home-2-card p {
  max-width: 376px;
  margin-left: auto;
  margin-right: auto;
}

.home-page section.third-slider-section .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.home-page section.third-slider-section .home-2-card:hover .icon-circle {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
  border: 1px solid transparent;
}

.home-page section.perfect-section .title {
  margin-bottom: 40px;
}

.home-page section.perfect-section .perfect-section-data .send-btn-div {
  text-align: center;
  margin-bottom: 80px;
}

@media (max-width: 1500px) {
  .home-page section.perfect-section .perfect-section-data .send-btn-div {
    margin-bottom: 40px;
  }
}

@media (max-width: 1200px) {
  .home-page section.perfect-section .perfect-section-data .send-btn-div {
    margin-bottom: 24px;
  }
}

.home-page section.perfect-section .perfect-section-data .send-btn-div .btn {
  min-height: 43px;
  max-height: 43px;
  padding: 8px 32px;
  border-radius: 30px;
  line-height: 26px;
}

@media (max-width: 768px) {
  .home-page section.perfect-section .perfect-section-data .row {
    text-align: center;
  }
}

.home-page section.perfect-section .perfect-section-data .card {
  display: inline-block;
  width: 100%;
  background-color: transparent;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 0;
  border-radius: 28px;
  position: relative;
  z-index: 2;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .home-page section.perfect-section .perfect-section-data .card {
    max-width: 312px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  }
}

.home-page section.perfect-section .perfect-section-data .card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.home-page section.perfect-section .perfect-section-data .card:hover .one {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
}

.home-page section.perfect-section .perfect-section-data .card:hover .one svg path {
  fill: #E3000F;
}

.home-page section.perfect-section .perfect-section-data .card:hover .two h6 {
  font-weight: 500;
}

.home-page section.perfect-section .perfect-section-data .card .one {
  width: 80px;
  height: 80px;
  background: #ffffff;
  border-radius: 40px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .home-page section.perfect-section .perfect-section-data .card .one {
    width: 56px;
    height: 56px;
  }
}

@media (max-width: 768px) {
  .home-page section.perfect-section .perfect-section-data .card .one svg {
    width: 28px;
  }
}

.home-page section.perfect-section .perfect-section-data .card .one svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.home-page section.perfect-section .perfect-section-data .card .two {
  width: calc(100% - 85px);
  display: inline-block;
  padding-left: 19px;
}

@media (max-width: 768px) {
  .home-page section.perfect-section .perfect-section-data .card .two {
    width: calc(100% - 61px);
    padding-left: 12px;
    text-align: left;
  }
}

.home-page section.perfect-section .perfect-section-data .card .two .h6 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #2F2483;
  margin-bottom: 4px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  white-space: pre;
  text-align: left;
  text-decoration: none;
}

@media (max-width: 768px) {
  .home-page section.perfect-section .perfect-section-data .card .two .h6 {
    font-size: 20px;
    line-height: 28px;
  }
}

.home-page section.perfect-section .perfect-section-data .card .two span {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  color: #000000;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: left;
}

.home-page section.blog-section {
  overflow: hidden;
}

.home-page section.blog-section .blog-section-data .home-2-card {
  background-color: #F2F8FF;
  max-width: 424px;
  position: relative;
  z-index: 2;
}

.home-page section.blog-section .blog-section-data .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.home-page section.blog-section .blog-section-data .home-2-card .card-img {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.home-page section.blog-section .blog-section-data .home-2-card .card-img img {
  display: inline;
}

.home-page section.blog-section .blog-section-data .home-2-card p {
  color: #444444;
}

.home-page section.blog-section .blog-section-data .home-2-card a {
  font-size: 14px;
  line-height: 19px;
  margin-top: 22px;
  display: block;
  color: #2F2483;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.home-page section.blog-section .blog-section-data .home-2-card a:hover {
  color: #E3000F;
}

.home-page section.blog-section .blog-section-data .home-2-card a i {
  margin-left: 10px;
  color: #E3000F;
}

.home-page section.blog-section .blog-section-data .home-2-card:hover {
  background-color: #F2F8FF;
}

.tech-home {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Tech Home
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. Home section 1 style
04. Home section 2 style
05. Home section 3 style
06. Home section 4 style
07. Home section 5 style
08. Home section 6 style
09. Home section 7 style
10. Home section 8 style
11. Home section 9 style
12. Home section 10 style
13. Home section 11 style
14. contact-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /* 03. Home section 1 style */
  /* 07. Home section 2 style */
  /* 08. Home section 3 style */
  /* 09. Home section 4 style */
  /* 10. Home section 5 style */
  /* 11. Home section 6 style */
  /* 12. Home section 7 style */
  /* 13. Home section 8 style */
  /* 14. Home section 9 style */
  /* 15. Home section 10 style */
  /* 16. Home section 11 style */
  /* 17. contact-section style */
}

.tech-home .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.tech-home .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .tech-home .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .tech-home .title {
    margin-bottom: 32px;
  }
}

.tech-home .title .title-heading,
.tech-home .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .tech-home .title .title-heading,
  .tech-home .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .tech-home .title .title-heading,
  .tech-home .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .tech-home .title .title-heading,
  .tech-home .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .tech-home .title .title-heading,
  .tech-home .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .tech-home .title .title-heading,
  .tech-home .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .tech-home .title .title-heading,
  .tech-home .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.tech-home .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.tech-home .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .tech-home .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .tech-home .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .tech-home .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .tech-home .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .tech-home .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .tech-home .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.tech-home .cover {
  position: relative;
  z-index: 999;
}

.tech-home .cover.tech-cover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 248, 255, 0)), color-stop(183.36%, #D9EAFF));
  background: linear-gradient(0deg, rgba(242, 248, 255, 0) 0%, #D9EAFF 183.36%);
  max-height: 748px;
  height: 100%;
  z-index: 1;
}

.tech-home .cover.tech-cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  background: url("../images/tech-home/bulb-left.svg") no-repeat;
  background-size: 100%;
  height: 100%;
  width: 221px;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 768px) {
  .tech-home .cover.tech-cover::after {
    height: 200px;
    width: 114px;
  }
}

.tech-home .first-mix-cover {
  position: relative;
  overflow: hidden;
}

.tech-home .first-mix-cover::before {
  content: "";
  position: absolute;
  left: -289px;
  bottom: 24px;
  background: url("../images/tech-home/left_shape.svg") no-repeat;
  background-size: 100%;
  height: 623px;
  width: 634px;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .tech-home .first-mix-cover::before {
    height: 400px;
    width: 400px;
    left: -160px;
  }
}

@media (max-width: 576px) {
  .tech-home .first-mix-cover::before {
    height: 240px;
    width: 240px;
    left: -80px;
  }
}

.tech-home .first-mix-cover.last-cover::before {
  bottom: 240px;
}

@media (max-width: 1200px) {
  .tech-home .first-mix-cover.last-cover::before {
    bottom: 160px;
  }
}

@media (max-width: 576px) {
  .tech-home .first-mix-cover.last-cover::before {
    bottom: 40px;
  }
}

.tech-home .first-mix-cover::after {
  content: "";
  position: absolute;
  right: -289px;
  top: 62.4px;
  background: url("../images/tech-home/right_shape.svg") no-repeat;
  background-size: 100%;
  height: 623px;
  width: 634px;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .tech-home .first-mix-cover::after {
    height: 400px;
    width: 400px;
    right: -160px;
  }
}

@media (max-width: 576px) {
  .tech-home .first-mix-cover::after {
    height: 240px;
    width: 240px;
    right: -80px;
  }
}

.tech-home .orange-cover {
  position: relative;
  overflow: hidden;
}

.tech-home .orange-cover::before {
  content: "";
  position: absolute;
  left: -289px;
  bottom: 120px;
  background: url("../images/tech-home/left_shape_secondary.svg") no-repeat;
  background-size: 100%;
  height: 623px;
  width: 634px;
  background-position: left;
  z-index: 1;
  opacity: 0.2;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .tech-home .orange-cover::before {
    height: 400px;
    width: 400px;
    left: -160px;
  }
}

@media (max-width: 576px) {
  .tech-home .orange-cover::before {
    height: 240px;
    width: 240px;
    left: -80px;
  }
}

.tech-home .orange-cover::after {
  content: "";
  position: absolute;
  right: -289px;
  top: 80px;
  background: url("../images/tech-home/right_shape_secondary.svg") no-repeat;
  background-size: 100%;
  height: 623px;
  width: 634px;
  background-position: left;
  opacity: 0.2;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .tech-home .orange-cover::after {
    height: 400px;
    width: 400px;
    right: -160px;
  }
}

@media (max-width: 576px) {
  .tech-home .orange-cover::after {
    height: 240px;
    width: 240px;
    right: -80px;
  }
}

.tech-home section.home-section-1 .home-section-1-data .fill-box-left {
  max-width: 603px;
}

@media (max-width: 991.98px) {
  .tech-home section.home-section-1 .home-section-1-data .fill-box-left {
    text-align: center;
  }
}

.tech-home section.home-section-1 .home-section-1-data h1 {
  max-width: 381px;
  color: #2F2483;
}

@media (max-width: 991.98px) {
  .tech-home section.home-section-1 .home-section-1-data h1 {
    max-width: unset;
  }
}

.tech-home section.home-section-1 .home-section-1-data p {
  margin: 20px 0;
}

.tech-home .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 991.98px) {
  .tech-home .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.tech-home .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .tech-home .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.tech-home .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.tech-home section.home-section-2 {
  position: relative;
}

.tech-home section.home-section-2::before {
  content: "";
  position: absolute;
  top: -80px;
  right: 64px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 248, 255, 0.5)), to(#D9EAFF));
  background: linear-gradient(180deg, rgba(242, 248, 255, 0.5) 0%, #D9EAFF 100%);
  opacity: 0.4;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.tech-home .home-2-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .tech-home .home-2-slider .slick-dots {
    bottom: -24px;
  }
}

.tech-home .home-2-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.tech-home .home-2-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.tech-home .home-2-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.tech-home .home-2-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.tech-home .home-2-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  background-color: #F8FBFF;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .tech-home .home-2-card {
    margin: 8px auto 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
  }
  .tech-home .home-2-card .icon-circle {
    border: 1px solid #E3000F;
  }
  .tech-home .home-2-card .icon-circle svg path {
    fill: #E3000F;
  }
  .tech-home .home-2-card .icon-circle svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .tech-home .home-2-card .icon-circle svg path.on-stroke {
    stroke: #E3000F;
    fill: transparent;
  }
  .tech-home .home-2-card p {
    color: #444444;
  }
}

@media (max-width: 576px) {
  .tech-home .home-2-card {
    margin: 8px auto 16px;
    max-width: 90%;
  }
}

.tech-home .home-2-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid rgba(47, 36, 131, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tech-home .home-2-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home .home-2-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

.tech-home .home-2-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
}

.tech-home .home-2-card:hover .icon-circle {
  border: 1px solid #E3000F;
  background-color: #ffffff;
}

.tech-home .home-2-card:hover .icon-circle svg path {
  fill: #E3000F;
}

.tech-home .home-2-card:hover .icon-circle svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.tech-home .home-2-card:hover p {
  color: #444444;
}

.tech-home section.home-section-3 {
  position: relative;
}

.tech-home section.home-section-3::before {
  content: "";
  position: absolute;
  top: 80px;
  left: 48px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 248, 255, 0.5)), to(#D9EAFF));
  background: linear-gradient(180deg, rgba(242, 248, 255, 0.5) 0%, #D9EAFF 100%);
  opacity: 0.4;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.tech-home section.home-section-3 .home-section-3-data .fill-box-right {
  max-width: 603px;
  padding-left: 60px;
}

@media (max-width: 992px) {
  .tech-home section.home-section-3 .home-section-3-data .fill-box-right {
    padding-left: 0;
  }
}

.tech-home section.home-section-3 .home-section-3-data .fill-box-right h2 {
  max-width: 522px;
}

.tech-home section.home-section-3 .home-section-3-data .fill-box-right p {
  margin: 20px 0;
}

.tech-home section.home-section-4 .home-2-card {
  background-color: #ffffff;
}

.tech-home section.home-section-4 .home-2-card:hover a {
  color: #E3000F;
}

.tech-home section.home-section-4 .home-2-card a {
  font-size: 14px;
  line-height: 19px;
  margin-top: 22px;
  display: block;
  color: #2F2483;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home section.home-section-4 .home-2-card a:hover {
  color: #E3000F;
}

.tech-home section.home-section-4 .home-2-card a i {
  margin-left: 10px;
}

.tech-home section.home-section-4 .home-2-card:hover {
  background-color: #F8FBFF;
}

.tech-home section.home-section-5 {
  position: relative;
}

.tech-home section.home-section-5::before {
  content: "";
  position: absolute;
  top: 0;
  right: 64px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 248, 255, 0.5)), to(#D9EAFF));
  background: linear-gradient(180deg, rgba(242, 248, 255, 0.5) 0%, #D9EAFF 100%);
  opacity: 0.4;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.tech-home section.home-section-5 .home-section-5-data .fill-box-left {
  padding-right: 24px;
}

@media (max-width: 992px) {
  .tech-home section.home-section-5 .home-section-5-data .fill-box-left {
    padding-right: 0;
  }
}

.tech-home section.home-section-5 .home-section-5-data .fill-box-left h2 {
  margin-bottom: 60px;
}

@media (max-width: 992px) {
  .tech-home section.home-section-5 .home-section-5-data .fill-box-left h2 {
    margin-bottom: 24px;
  }
}

.tech-home section.home-section-5 .home-section-5-data .fill-box-left .progress-data {
  margin-bottom: 60px;
}

@media (max-width: 992px) {
  .tech-home section.home-section-5 .home-section-5-data .fill-box-left .progress-data {
    margin-bottom: 24px;
  }
}

.tech-home section.home-section-5 .home-section-5-data .fill-box-left .progress-data h5 {
  color: #2F2483;
  font-weight: 600;
  margin-bottom: 15px;
}

.tech-home section.home-section-5 .home-section-5-data .fill-box-left .progress-data .progress {
  height: 8px;
  border-radius: 4px;
  background-color: #D9EAFF;
}

.tech-home section.home-section-5 .home-section-5-data .fill-box-left .progress-data .progress .progress-bar.anim {
  -webkit-animation: scroll-horizontal 4s;
          animation: scroll-horizontal 4s;
}

.tech-home section.home-section-6 {
  position: relative;
  overflow: hidden;
}

.tech-home section.home-section-6::before {
  content: "";
  position: absolute;
  top: 80px;
  left: 48px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFEAE5), to(#F2CBC2));
  background: linear-gradient(180deg, #FFEAE5 0%, #F2CBC2 100%);
  opacity: 0.2;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.tech-home section.home-section-6 .home-section-6-data .slick-prev {
  left: 0;
}

.tech-home section.home-section-6 .home-section-6-data .slick-next {
  left: 56px;
}

.tech-home section.home-section-6 .home-section-6-data .slick-prev, .tech-home section.home-section-6 .home-section-6-data .slick-next {
  bottom: -24px !important;
  top: unset;
  width: 36px;
}

.tech-home section.home-section-6 .home-section-6-data .slick-prev:before, .tech-home section.home-section-6 .home-section-6-data .slick-next:before {
  color: #E3000F;
  content: "";
}

.tech-home section.home-section-6 .home-section-6-data .slick-prev:before,
.tech-home section.home-section-6 .home-section-6-data .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
}

.tech-home section.home-section-6 .home-section-6-data .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.tech-home section.home-section-6 .home-section-6-data .fill-box-right {
  padding-left: 70px;
}

@media (max-width: 992px) {
  .tech-home section.home-section-6 .home-section-6-data .fill-box-right {
    padding-left: 0;
  }
}

.tech-home section.home-section-6 .home-section-6-data .fill-box-right .image-data {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tech-home section.home-section-6 .home-section-6-data .fill-box-right .image-data .one {
  width: 84px;
  height: 84px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 2px solid #E3000F;
}

.tech-home section.home-section-6 .home-section-6-data .fill-box-right .image-data .one img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.tech-home section.home-section-6 .home-section-6-data .fill-box-right .image-data .two {
  padding-left: 24px;
  width: calc(100% - 84px);
}

.tech-home section.home-section-6 .home-section-6-data .fill-box-right .image-data .two h5 {
  margin-bottom: 8px;
  color: #2F2483;
}

.tech-home section.home-section-6 .home-section-6-data .fill-box-right .image-data .two p {
  color: #E3000F;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  .tech-home section.home-section-7 {
    padding-bottom: 0px;
  }
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider {
  overflow: hidden;
  padding-bottom: 16px;
  margin-bottom: 0;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .slick-dots {
  bottom: 0;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .card {
  margin: 20px 12px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  border: 0;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .card:hover .card-body {
  background-color: #ffffff;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .card:hover .card-body p {
  opacity: 1;
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .card .card-body {
  background-color: #F8FBFF;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 24px 30px;
}

@media (max-width: 1200px) {
  .tech-home section.home-section-7 .home-section-7-data .home-7-slider .card .card-body {
    padding: 16px 24px;
  }
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .card .card-body h5.card-title {
  color: #2F2483;
  font-size: 24px;
  line-height: 34px;
}

@media (max-width: 1200px) {
  .tech-home section.home-section-7 .home-section-7-data .home-7-slider .card .card-body h5.card-title {
    font-size: 17px;
    line-height: 26px;
  }
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .card .card-body p {
  margin: 24px 0px;
  color: #444444;
  font-size: 14px;
  line-height: 28px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .tech-home section.home-section-7 .home-section-7-data .home-7-slider .card .card-body p {
    margin: 12px 0px;
  }
}

.tech-home section.home-section-7 .home-section-7-data .home-7-slider .card .card-body .btn {
  min-height: 39px;
  padding: 9px 19px;
  font-size: 14px;
}

.tech-home section.home-section-8 {
  position: relative;
}

.tech-home section.home-section-8::before {
  content: "";
  position: absolute;
  top: -64px;
  right: 64px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFEAE5), to(#F2CBC2));
  background: linear-gradient(180deg, #FFEAE5 0%, #F2CBC2 100%);
  opacity: 0.2;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.tech-home section.home-section-8 .home-section-8-data .fill-box-right {
  padding-right: 65px;
}

@media (max-width: 992px) {
  .tech-home section.home-section-8 .home-section-8-data .fill-box-right {
    padding-right: 0;
  }
}

.tech-home section.home-section-8 .home-section-8-data .fill-box-right h2 {
  max-width: 420px;
}

.tech-home section.home-section-8 .home-section-8-data .fill-box-right p {
  margin: 20px 0;
}

.tech-home section.home-section-9 {
  position: relative;
}

.tech-home section.home-section-9::before {
  content: "";
  position: absolute;
  top: 80px;
  left: 48px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 248, 255, 0.5)), to(#D9EAFF));
  background: linear-gradient(180deg, rgba(242, 248, 255, 0.5) 0%, #D9EAFF 100%);
  opacity: 0.4;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.tech-home section.home-section-9 .home-section-9-data .laptop-left {
  padding-right: 24px;
}

.tech-home section.home-section-9 .home-section-9-data .fill-box-right p {
  margin: 20px 0 60px;
}

@media (max-width: 576px) {
  .tech-home section.home-section-9 .home-section-9-data .fill-box-right p {
    margin: 20px 0 24px;
  }
}

.tech-home section.home-section-9 .home-section-9-data .fill-box-right ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 576px) {
  .tech-home section.home-section-9 .home-section-9-data .fill-box-right ul {
    display: block;
  }
}

.tech-home section.home-section-9 .home-section-9-data .fill-box-right ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 24px;
}

@media (max-width: 576px) {
  .tech-home section.home-section-9 .home-section-9-data .fill-box-right ul li {
    display: block;
    margin-right: 0;
    margin-bottom: 24px;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}

.tech-home section.home-section-9 .home-section-9-data .fill-box-right ul li:last-child {
  margin-right: 0;
}

@media (max-width: 576px) {
  .tech-home section.home-section-9 .home-section-9-data .fill-box-right ul li:last-child {
    margin-right: auto;
  }
}

.tech-home section.home-section-9 .home-section-9-data .fill-box-right ul li .card {
  overflow: hidden;
  background-color: #F8FBFF;
  border-radius: 10px;
  padding: 16px;
  border: 0;
  text-align: center;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  min-width: 200px;
}

@media (max-width: 1500px) {
  .tech-home section.home-section-9 .home-section-9-data .fill-box-right ul li .card {
    min-width: 120px;
  }
}

.tech-home section.home-section-9 .home-section-9-data .fill-box-right ul li .card .title-digit {
  font-size: 32px;
  line-height: 40px;
  font-weight: 800;
  color: #E3000F;
  margin-bottom: 16px;
}

.tech-home section.home-section-9 .home-section-9-data .fill-box-right ul li .card .title-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #2F2483;
  margin-bottom: 0;
}

.tech-home section.home-section-10 .home-section-10-data .card {
  padding: 78px 24px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: 0;
  margin: 8px 12px 24px;
}

@media (max-width: 992px) {
  .tech-home section.home-section-10 .home-section-10-data .card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
    margin: 8px 24px 24px;
  }
}

.tech-home section.home-section-10 .home-section-10-data .card:hover {
  background-color: #F8FBFF;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.tech-home section.home-section-10 .home-section-10-data .card:hover .image-data {
  background-color: #E3000F;
}

.tech-home section.home-section-10 .home-section-10-data .card:hover ul li a svg path {
  fill: #E3000F;
}

.tech-home section.home-section-10 .home-section-10-data .card:hover h5, .tech-home section.home-section-10 .home-section-10-data .card:hover p {
  color: #2F2483;
}

.tech-home section.home-section-10 .home-section-10-data .card .card-body {
  padding: 0;
}

.tech-home section.home-section-10 .home-section-10-data .card .image-data {
  margin: 0 auto 24px auto;
  width: 84px;
  height: 84px;
  padding: 5px;
  border-radius: 50%;
  background-color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home section.home-section-10 .home-section-10-data .card h5 {
  margin-bottom: 15px;
  color: #2E2E2E;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home section.home-section-10 .home-section-10-data .card p {
  font-size: 12px;
  line-height: 16px;
  color: #2E2E2E;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home section.home-section-10 .home-section-10-data .card ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.tech-home section.home-section-10 .home-section-10-data .card ul li {
  display: inline-block;
  margin-right: 16px;
}

.tech-home section.home-section-10 .home-section-10-data .card ul li:last-child {
  margin-right: 0;
}

.tech-home section.home-section-10 .home-section-10-data .card ul li a {
  display: block;
  text-decoration: none;
}

.tech-home section.home-section-10 .home-section-10-data .card ul li a svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home section.home-section-11 {
  overflow: hidden;
  position: relative;
}

.tech-home section.home-section-11::before {
  content: "";
  position: absolute;
  top: 80px;
  right: 48px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 248, 255, 0.5)), to(#D9EAFF));
  background: linear-gradient(180deg, rgba(242, 248, 255, 0.5) 0%, #D9EAFF 100%);
  opacity: 0.4;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.tech-home section.home-section-11 .home-11-slider .slick-prev {
  left: -150px;
}

@media (max-width: 1500px) {
  .tech-home section.home-section-11 .home-11-slider .slick-prev {
    left: -40px;
  }
}

.tech-home section.home-section-11 .home-11-slider .slick-next {
  right: -150px;
}

@media (max-width: 1500px) {
  .tech-home section.home-section-11 .home-11-slider .slick-next {
    right: -40px;
  }
}

.tech-home section.home-section-11 .home-11-slider .slick-prev, .tech-home section.home-section-11 .home-11-slider .slick-next {
  width: 36px;
}

.tech-home section.home-section-11 .home-11-slider .slick-prev:before, .tech-home section.home-section-11 .home-11-slider .slick-next:before {
  color: #E3000F;
  content: "";
}

.tech-home section.home-section-11 .home-11-slider .slick-prev:before,
.tech-home section.home-section-11 .home-11-slider .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
}

.tech-home section.home-section-11 .home-11-slider .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.tech-home section.home-section-11 .home-11-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .tech-home section.home-section-11 .home-11-slider .slick-dots {
    bottom: -24px;
  }
}

.tech-home section.home-section-11 .home-11-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.tech-home section.home-section-11 .home-11-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.tech-home section.home-section-11 .home-11-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.tech-home section.home-section-11 .home-11-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.tech-home section.home-section-11 .home-11-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home section.home-section-11 .home-section-11-data .card {
  padding: 52px 24px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: 0;
  margin: 8px 12px 24px;
}

@media (max-width: 992px) {
  .tech-home section.home-section-11 .home-section-11-data .card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
    margin: 8px 24px 24px;
  }
}

.tech-home section.home-section-11 .home-section-11-data .card:hover {
  background-color: #F8FBFF;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
}

.tech-home section.home-section-11 .home-section-11-data .card:hover .image-data svg path {
  fill: #E3000F;
}

.tech-home section.home-section-11 .home-section-11-data .card .image-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tech-home section.home-section-11 .home-section-11-data .card .image-data svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.tech-home section.contact-section {
  padding-top: 100px;
  padding-bottom: 200px;
  position: relative;
}

@media (max-width: 1200px) {
  .tech-home section.contact-section {
    padding: 100px 0px;
  }
}

@media (max-width: 992px) {
  .tech-home section.contact-section {
    padding: 48px 0px;
  }
}

.tech-home section.contact-section::before {
  content: "";
  position: absolute;
  top: 80px;
  left: 48px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFEAE5), to(#F2CBC2));
  background: linear-gradient(180deg, #FFEAE5 0%, #F2CBC2 100%);
  opacity: 0.2;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.tech-home section.contact-section::after {
  content: "";
  position: absolute;
  bottom: 80px;
  right: 48px;
  width: 124px;
  height: 124px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFEAE5), to(#F2CBC2));
  background: linear-gradient(180deg, #FFEAE5 0%, #F2CBC2 100%);
  opacity: 0.2;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.startup-agency {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Startup Agency
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. hero-section style
04. video-section style
05. right-data-section style
06. hover-slider-section style
07. progress-section style
08. testimonial-section
09. blog-section style
10. left-data-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /* 03. hero-section style */
  /* 04. video-section style */
  /* 05. right-data-section style */
  /* 06. hover-slider-section style */
  /* 07. progress-section style */
  /* 08. testimonial-section */
  /* 09. blog-section */
  /* 10. left-data-section style */
}

.startup-agency .title {
  margin-bottom: 50px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.startup-agency .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .startup-agency .title {
    margin-bottom: 32px;
  }
}

@media (max-width: 768px) {
  .startup-agency .title {
    margin-bottom: 24px;
  }
}

.startup-agency .title .title-heading,
.startup-agency .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .startup-agency .title .title-heading,
  .startup-agency .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .startup-agency .title .title-heading,
  .startup-agency .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .startup-agency .title .title-heading,
  .startup-agency .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .startup-agency .title .title-heading,
  .startup-agency .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .startup-agency .title .title-heading,
  .startup-agency .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .startup-agency .title .title-heading,
  .startup-agency .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.startup-agency .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.startup-agency .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .startup-agency .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .startup-agency .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .startup-agency .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .startup-agency .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .startup-agency .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .startup-agency .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.startup-agency .cover {
  position: relative;
  z-index: 999;
  background: url("../images/startup-agency/main_cover.svg") no-repeat;
  background-size: cover;
  background-position: left bottom;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.startup-agency .cover-2 {
  position: relative;
  z-index: 2;
  background: linear-gradient(359.83deg, #F2F8FF 62.24%, rgba(242, 248, 255, 0) 99.84%);
}

.startup-agency section.hero-section {
  padding: 157px 0 272px;
}

@media (max-width: 1500px) {
  .startup-agency section.hero-section {
    padding: 80px 0 200px;
  }
}

@media (max-width: 1200px) {
  .startup-agency section.hero-section {
    padding: 80px 0 160px;
  }
}

@media (max-width: 992px) {
  .startup-agency section.hero-section {
    padding: 56px 0 120px;
  }
}

@media (max-width: 768px) {
  .startup-agency section.hero-section {
    padding: 40px 0 136px;
  }
}

.startup-agency section.hero-section .hero-section-data {
  text-align: center;
}

.startup-agency section.hero-section .hero-section-data h1 {
  max-width: 1253px;
  color: #323232;
  margin-left: auto;
  margin-right: auto;
}

.startup-agency section.hero-section .hero-section-data p {
  max-width: 1155px;
  margin: 25px 0;
  margin-left: auto;
  margin-right: auto;
}

.startup-agency .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.startup-agency .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .startup-agency .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.startup-agency .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.startup-agency .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  background-color: #F8FBFF;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .startup-agency .home-2-card {
    margin: 8px auto 16px;
    padding: 24px 24px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
  }
  .startup-agency .home-2-card .icon-circle {
    border: 1px solid #E3000F;
  }
  .startup-agency .home-2-card .icon-circle svg path {
    fill: #E3000F;
  }
  .startup-agency .home-2-card .icon-circle svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .startup-agency .home-2-card p {
    color: #444444;
  }
}

@media (max-width: 576px) {
  .startup-agency .home-2-card {
    margin: 8px auto 16px;
    max-width: 90%;
  }
}

.startup-agency .home-2-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid rgba(47, 36, 131, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.startup-agency .home-2-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.startup-agency .home-2-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

.startup-agency .home-2-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.startup-agency .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
}

.startup-agency .home-2-card:hover .icon-circle {
  border: 1px solid #ffffff;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.startup-agency .home-2-card:hover .icon-circle svg path {
  fill: #E3000F;
}

.startup-agency .home-2-card:hover .icon-circle svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.startup-agency .home-2-card:hover p {
  color: #444444;
}

.startup-agency section.video-section {
  position: relative;
}

.startup-agency section.video-section::before {
  position: absolute;
  content: "";
  top: 52px;
  left: 45px;
  background: url("../images/startup-agency/video_before.svg") no-repeat;
  width: 112px;
  height: 230px;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
  background-size: 100%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .startup-agency section.video-section::before {
    width: 100px;
    height: 100px;
    top: 15px;
    left: 0;
    background-size: 100px 100px;
  }
}

@media (max-width: 768px) {
  .startup-agency section.video-section::before {
    top: 0;
  }
}

.startup-agency section.video-section::after {
  position: absolute;
  content: "";
  bottom: 52px;
  right: 45px;
  background: url("../images/startup-agency/video_after.svg") no-repeat;
  width: 100px;
  height: 214px;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
  background-size: 100%;
  z-index: 1;
}

@media (max-width: 1200px) {
  .startup-agency section.video-section::after {
    width: 100px;
    height: 100px;
    bottom: 15px;
    right: 0;
    background-size: 100px 100px;
  }
}

@media (max-width: 768px) {
  .startup-agency section.video-section::after {
    bottom: 0;
  }
}

.startup-agency section.video-section iframe {
  max-width: 1320px;
  max-height: 637px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  z-index: 0;
}

.startup-agency section.video-section .ratio {
  position: relative;
  overflow: hidden;
  z-index: 2;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.startup-agency section.video-section .ratio .custom-iframe-bg {
  position: absolute;
  z-index: 2;
}

.startup-agency section.video-section .ratio .custom-iframe-bg .frame-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-color: #E3000F;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

@media (max-width: 992px) {
  .startup-agency section.video-section .ratio .custom-iframe-bg .frame-btn {
    width: 56px;
    height: 56px;
  }
}

.startup-agency section.video-section .ratio .custom-iframe-bg .frame-btn:hover {
  background-color: #2F2483;
}

.startup-agency section.video-section .ratio .custom-iframe-bg .frame-btn span {
  display: block;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  margin: auto;
}

@media (max-width: 992px) {
  .startup-agency section.video-section .ratio .custom-iframe-bg .frame-btn span {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 576px) {
  .startup-agency section.video-section .ratio .custom-iframe-bg .frame-btn span {
    width: 16px;
    height: 16px;
  }
}

.startup-agency section.right-data-section .right-data-section-data .fill-box-right {
  max-width: 544px;
  padding-left: 60px;
}

@media (max-width: 992px) {
  .startup-agency section.right-data-section .right-data-section-data .fill-box-right {
    padding-left: 0;
  }
}

.startup-agency section.right-data-section .right-data-section-data .fill-box-right h2 {
  max-width: 540px;
}

.startup-agency section.right-data-section .right-data-section-data .fill-box-right p {
  margin: 28px 0;
}

@media (max-width: 992px) {
  .startup-agency section.right-data-section .right-data-section-data .fill-box-right p {
    margin: 20px 0;
  }
}

.startup-agency section.right-data-section .right-data-section-data .fill-box-right .app_store p {
  margin-bottom: 30px;
  font-size: 26px;
  line-height: 24px;
  font-weight: 700;
  color: #2E2E2E;
}

@media (max-width: 992px) {
  .startup-agency section.right-data-section .right-data-section-data .fill-box-right .app_store p {
    font-size: 20px;
    margin-bottom: 16px;
  }
}

.startup-agency section.right-data-section .right-data-section-data .fill-box-right .app_store img {
  max-width: 153px;
}

@media (max-width: 768px) {
  .startup-agency section.right-data-section .right-data-section-data .fill-box-right .app_store img {
    max-width: 96px;
  }
}

.startup-agency section.right-data-section .right-data-section-data .fill-box-right .app_store a.first {
  margin-right: 15px;
}

.startup-agency section.hover-slider-section .home-2-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .startup-agency section.hover-slider-section .home-2-slider .slick-dots {
    bottom: -24px;
  }
}

.startup-agency section.hover-slider-section .home-2-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.startup-agency section.hover-slider-section .home-2-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.startup-agency section.hover-slider-section .home-2-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.startup-agency section.hover-slider-section .home-2-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.startup-agency section.hover-slider-section .home-2-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #323232;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.startup-agency section.hover-slider-section .home-2-card {
  background-color: #ffffff;
}

.startup-agency section.hover-slider-section .home-2-card p {
  color: #444444;
}

.startup-agency section.hover-slider-section .home-2-card a {
  font-size: 14px;
  line-height: 19px;
  margin-top: 22px;
  display: block;
  color: #E3000F;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.startup-agency section.hover-slider-section .home-2-card a:hover {
  color: #2F2483;
}

.startup-agency section.hover-slider-section .home-2-card a i {
  margin-left: 10px;
}

.startup-agency section.hover-slider-section .home-2-card:hover {
  background-color: #ffffff;
}

.startup-agency section.progress-section {
  padding: 0px 0px 24px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 249, 246, 0.24)), to(#FFF3F1));
  background: linear-gradient(180deg, rgba(255, 249, 246, 0.24) 0%, #FFF3F1 100%);
  position: relative;
  overflow: hidden;
}

.startup-agency section.progress-section::before {
  position: absolute;
  content: "";
  top: 60px;
  left: -32px;
  width: 248px;
  height: 248px;
  background: url("../images/startup-agency/creative_before.svg") no-repeat;
  background-size: 100%;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
}

@media (max-width: 576px) {
  .startup-agency section.progress-section::before {
    top: 32px;
    left: -16px;
    width: 200px;
    height: 200px;
  }
}

.startup-agency section.progress-section::after {
  position: absolute;
  content: "";
  bottom: 60px;
  right: -32px;
  width: 248px;
  height: 248px;
  background: url("../images/startup-agency/creative_after.svg") no-repeat;
  background-size: 100%;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
}

@media (max-width: 576px) {
  .startup-agency section.progress-section::after {
    top: 32px;
    left: -16px;
    width: 200px;
    height: 200px;
  }
}

.startup-agency section.progress-section .progress-section-data .fill-box-left {
  padding-right: 24px;
}

@media (max-width: 992px) {
  .startup-agency section.progress-section .progress-section-data .fill-box-left {
    padding-right: 0;
  }
}

.startup-agency section.progress-section .progress-section-data .fill-box-left h2 {
  margin-bottom: 60px;
}

@media (max-width: 992px) {
  .startup-agency section.progress-section .progress-section-data .fill-box-left h2 {
    margin-bottom: 24px;
  }
}

.startup-agency section.progress-section .progress-section-data .fill-box-left .progress-data {
  margin-bottom: 60px;
}

@media (max-width: 992px) {
  .startup-agency section.progress-section .progress-section-data .fill-box-left .progress-data {
    margin-bottom: 24px;
  }
}

.startup-agency section.progress-section .progress-section-data .fill-box-left .progress-data h5 {
  color: #2F2483;
  font-weight: 600;
  margin-bottom: 15px;
}

.startup-agency section.progress-section .progress-section-data .fill-box-left .progress-data .progress {
  height: 8px;
  border-radius: 4px;
  background-color: #D9EAFF;
}

.startup-agency section.progress-section .progress-section-data .fill-box-left .progress-data .progress .progress-bar.anim {
  -webkit-animation: scroll-horizontal 4s;
          animation: scroll-horizontal 4s;
}

.startup-agency section.testimonial-section {
  background-color: rgba(47, 36, 131, 0.04);
  position: relative;
  overflow: hidden;
}

.startup-agency section.testimonial-section::before, .startup-agency section.testimonial-section::after {
  position: absolute;
  text-transform: uppercase;
  font-size: 180px;
  line-height: 180px;
  color: rgba(47, 36, 131, 0.05);
  font-weight: 800;
  z-index: 1;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
}

@media (max-width: 1500px) {
  .startup-agency section.testimonial-section::before, .startup-agency section.testimonial-section::after {
    font-size: 120px;
    line-height: 120px;
  }
}

@media (max-width: 992px) {
  .startup-agency section.testimonial-section::before, .startup-agency section.testimonial-section::after {
    font-size: 96px;
    line-height: 96px;
  }
}

@media (max-width: 576px) {
  .startup-agency section.testimonial-section::before, .startup-agency section.testimonial-section::after {
    font-size: 64px;
    line-height: 64px;
  }
}

.startup-agency section.testimonial-section::before {
  content: 'onials';
  top: 0;
  left: -50px;
}

@media (max-width: 576px) {
  .startup-agency section.testimonial-section::before {
    top: 24px;
  }
}

.startup-agency section.testimonial-section::after {
  content: 'Testimon';
  bottom: 0;
  right: -50px;
}

@media (max-width: 576px) {
  .startup-agency section.testimonial-section::after {
    bottom: 24px;
  }
}

.startup-agency section.testimonial-section .div-title .h2, .startup-agency section.testimonial-section .div-title h2 {
  margin-bottom: 34px;
}

.startup-agency section.testimonial-section .testimonial-slider {
  max-width: 1051px;
  margin-left: auto;
  margin-right: auto;
}

.startup-agency section.testimonial-section .testimonial-slider .slick-dots {
  bottom: -57px;
}

@media (max-width: 1200px) {
  .startup-agency section.testimonial-section .testimonial-slider .slick-dots {
    bottom: -32px;
  }
}

.startup-agency section.testimonial-section .testimonial-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.startup-agency section.testimonial-section .testimonial-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.startup-agency section.testimonial-section .testimonial-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.startup-agency section.testimonial-section .testimonial-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.startup-agency section.testimonial-section .testimonial-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #323232;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.startup-agency section.testimonial-section .testimonial-slider .slick-prev {
  left: 353px;
}

@media (max-width: 992px) {
  .startup-agency section.testimonial-section .testimonial-slider .slick-prev {
    left: 263px;
  }
}

@media (max-width: 768px) {
  .startup-agency section.testimonial-section .testimonial-slider .slick-prev {
    left: calc(50% - 50px);
  }
}

.startup-agency section.testimonial-section .testimonial-slider .slick-next {
  left: 407px;
}

@media (max-width: 992px) {
  .startup-agency section.testimonial-section .testimonial-slider .slick-next {
    left: 319px;
  }
}

@media (max-width: 768px) {
  .startup-agency section.testimonial-section .testimonial-slider .slick-next {
    right: calc(50% - 50px);
    left: unset !important;
  }
}

.startup-agency section.testimonial-section .testimonial-slider .slick-prev, .startup-agency section.testimonial-section .testimonial-slider .slick-next {
  bottom: 14px !important;
  z-index: 55;
  top: unset;
  width: 36px;
}

@media (max-width: 992px) {
  .startup-agency section.testimonial-section .testimonial-slider .slick-prev, .startup-agency section.testimonial-section .testimonial-slider .slick-next {
    bottom: 5px !important;
  }
}

.startup-agency section.testimonial-section .testimonial-slider .slick-prev:before, .startup-agency section.testimonial-section .testimonial-slider .slick-next:before {
  color: #E3000F;
  content: "";
}

.startup-agency section.testimonial-section .testimonial-slider .slick-prev:before,
.startup-agency section.testimonial-section .testimonial-slider .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
  top: 0;
}

.startup-agency section.testimonial-section .testimonial-slider .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.startup-agency section.testimonial-section .card.testimonial-card {
  display: inline-block;
  width: 100%;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  overflow: hidden;
}

@media (max-width: 992px) {
  .startup-agency section.testimonial-section .card.testimonial-card .testimonial-image {
    width: 220px !important;
    height: 225.28px !important;
  }
  .startup-agency section.testimonial-section .card.testimonial-card .testimonial-image::before {
    width: 50px !important;
    height: 50px !important;
    background-size: 60% !important;
  }
  .startup-agency section.testimonial-section .card.testimonial-card .testimonial-body.card-body {
    width: calc(100% - 225px) !important;
    padding-left: 40px !important;
  }
}

@media (max-width: 768px) {
  .startup-agency section.testimonial-section .card.testimonial-card .testimonial-image {
    width: 220px !important;
    height: 225.28px !important;
    display: block !important;
    margin: 0 auto 20px auto;
  }
  .startup-agency section.testimonial-section .card.testimonial-card .testimonial-body.card-body {
    width: 100% !important;
    padding-left: 0 !important;
    display: block !important;
    text-align: center;
  }
}

.startup-agency section.testimonial-section .card.testimonial-card .testimonial-image {
  position: relative;
  display: inline-block;
  width: 291px;
  height: 298px;
  vertical-align: middle;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 15px 0px #FAA31E4D;
          box-shadow: 0px 4px 15px 0px #FAA31E4D;
}

.startup-agency section.testimonial-section .card.testimonial-card .testimonial-image::before {
  position: absolute;
  content: '';
  background-color: #ffffff;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 4px 4px 0px #00000040;
          box-shadow: 0px 4px 4px 0px #00000040;
  right: -31.5px;
  top: 34px;
  background: url("../images/startup-agency/quote.svg") no-repeat #ffffff;
  background-position: center center;
}

.startup-agency section.testimonial-section .card.testimonial-card .testimonial-body.card-body {
  width: calc(100% - 296px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 62px;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.startup-agency section.testimonial-section .card.testimonial-card .testimonial-body.card-body .common-p-18 {
  font-weight: 700;
  color: #000000;
  margin-bottom: 2px;
  line-height: 26px;
}

.startup-agency section.testimonial-section .card.testimonial-card .testimonial-body.card-body .text-subtitle {
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  color: #E3000F;
  margin-bottom: 15px;
}

.startup-agency section.testimonial-section .card.testimonial-card .testimonial-body.card-body p {
  font-size: 16px;
  line-height: 30px;
  color: #2E2E2E;
  margin-bottom: 52px;
  font-weight: 400;
  max-width: 698px;
}

.startup-agency section.blog-section {
  overflow: hidden;
}

.startup-agency section.blog-section .blog-section-data .blog-slider .slick-dots {
  bottom: -16px;
}

.startup-agency section.blog-section .blog-section-data .blog-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.startup-agency section.blog-section .blog-section-data .blog-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.startup-agency section.blog-section .blog-section-data .blog-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.startup-agency section.blog-section .blog-section-data .blog-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.startup-agency section.blog-section .blog-section-data .blog-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #323232;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.startup-agency section.blog-section .blog-section-data .blog-slider .card {
  margin: 20px 12px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  border: 0;
}

@media (max-width: 576px) {
  .startup-agency section.blog-section .blog-section-data .blog-slider .card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
  }
}

.startup-agency section.blog-section .blog-section-data .blog-slider .card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.startup-agency section.blog-section .blog-section-data .blog-slider .card:hover .card-body {
  background-color: #ffffff;
}

.startup-agency section.blog-section .blog-section-data .blog-slider .card .card-body {
  background-color: #F8FBFF;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 24px 30px;
}

@media (max-width: 1200px) {
  .startup-agency section.blog-section .blog-section-data .blog-slider .card .card-body {
    padding: 16px 24px;
  }
}

.startup-agency section.blog-section .blog-section-data .blog-slider .card .card-body h5.card-title {
  color: #323232;
  font-size: 24px;
  line-height: 34px;
}

@media (max-width: 1200px) {
  .startup-agency section.blog-section .blog-section-data .blog-slider .card .card-body h5.card-title {
    font-size: 17px;
    line-height: 26px;
  }
}

.startup-agency section.blog-section .blog-section-data .blog-slider .card .card-body p {
  margin: 24px 0px;
  color: #444444;
  font-size: 14px;
  line-height: 28px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 1200px) {
  .startup-agency section.blog-section .blog-section-data .blog-slider .card .card-body p {
    margin: 12px 0px;
  }
}

.startup-agency section.blog-section .blog-section-data .blog-slider .card .card-body .btn {
  min-height: 39px;
  padding: 9px 19px;
  font-size: 14px;
}

.startup-agency section.left-data-section .left-data-section-data .fill-box-right {
  padding-right: 65px;
}

@media (max-width: 992px) {
  .startup-agency section.left-data-section .left-data-section-data .fill-box-right {
    padding-right: 0;
  }
}

.startup-agency section.left-data-section .left-data-section-data .fill-box-right h2 {
  max-width: 550px;
}

.startup-agency section.left-data-section .left-data-section-data .fill-box-right p {
  margin: 20px 0;
}

.startup-agency section.left-data-section .left-data-section-data .fill-box-right .btn-box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.hosting-home {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Hosting Home
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. comon card styles
04. Home section 1 style
05. Home section 2 style
06. Home section 3 style
07. Home section 4 style
08. Home section 5 style
08. Home section 6 style
09. Home section 7 style
09. Home section 8 style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /* 03. comon card styles */
  /* 06. Home section 1 style */
  /* 07. Home section 2 style */
  /* 08. Home section 3 style */
  /* 09. Home section 4 style */
  /* 10. Home section 5 style */
  /* 11. Home section 6 style */
  /* 12. Home section 7 style */
  /* 13. Home section 8 style */
}

.hosting-home .title {
  margin-bottom: 41px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.hosting-home .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .hosting-home .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .hosting-home .title {
    margin-bottom: 32px;
  }
}

.hosting-home .title .title-heading,
.hosting-home .title h2.title-heading {
  margin-bottom: 16px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 40px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .hosting-home .title .title-heading,
  .hosting-home .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .hosting-home .title .title-heading,
  .hosting-home .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .hosting-home .title .title-heading,
  .hosting-home .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .hosting-home .title .title-heading,
  .hosting-home .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .hosting-home .title .title-heading,
  .hosting-home .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .hosting-home .title .title-heading,
  .hosting-home .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (max-width: 768px) {
  .hosting-home .title .title-heading,
  .hosting-home .title h2.title-heading {
    margin-bottom: 8px;
  }
}

.hosting-home .title .title-paragraph {
  margin-bottom: 0;
  color: #444444;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 992px) {
  .hosting-home .title .title-paragraph {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 768px) {
  .hosting-home .title .title-paragraph {
    font-size: 14px;
    line-height: 22px;
  }
}

.hosting-home .cover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 249, 246, 0.24)), to(#FFF3F1));
  background: linear-gradient(180deg, rgba(255, 249, 246, 0.24) 0%, #FFF3F1 100%);
  padding-top: 160px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .hosting-home .cover {
    padding-top: 120px;
  }
}

@media (max-width: 768px) {
  .hosting-home .cover {
    padding-top: 80px;
  }
}

@media (max-width: 768px) {
  .hosting-home .cover {
    padding-top: 56px;
  }
}

@media (max-width: 320px) {
  .hosting-home .cover {
    padding-top: 40px;
  }
}

.hosting-home .cover::after {
  content: "";
  position: absolute;
  left: 44px;
  top: 5%;
  background: url("../images/hosting-home/secure.svg") no-repeat;
  height: 100%;
  width: 100%;
  z-index: -1;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
}

@media (max-width: 1500px) {
  .hosting-home .cover::after {
    background-size: 42%;
  }
}

@media (max-width: 1200px) {
  .hosting-home .cover::after {
    left: 24px;
    background-size: 40%;
  }
}

@media (max-width: 768px) {
  .hosting-home .cover::after {
    top: 2%;
    left: 16px;
    background-size: 65%;
  }
}

.hosting-home .cover2 {
  overflow: hidden;
}

.hosting-home .background-banner-1 {
  overflow: hidden;
  background-color: #EDF4FF;
  border-radius: 50px;
}

@media (max-width: 992px) {
  .hosting-home .background-banner-1 {
    border-radius: 30px;
  }
}

.hosting-home .background-banner-1::after {
  content: "";
  position: absolute;
  right: -415px;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 800px;
  max-height: 800px;
  border-radius: 50%;
  background: linear-gradient(271.63deg, rgba(0, 98, 215, 0.2) 38.59%, rgba(0, 98, 215, 0) 93.89%);
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .hosting-home .background-banner-1::after {
    max-width: 480px;
    max-height: 480px;
    right: -200px;
    top: unset;
    bottom: 0;
  }
}

@media (max-width: 768px) {
  .hosting-home .background-banner-1::after {
    max-width: 320px;
    max-height: 320px;
    right: -80px;
  }
}

@media (max-width: 576px) {
  .hosting-home .background-banner-1::after {
    max-width: 240px;
    max-height: 240px;
    right: -40px;
    bottom: 24px;
  }
}

.hosting-home .background-banner-1::before {
  content: "";
  position: absolute;
  left: -144px;
  top: -172px;
  height: 632px;
  width: 632px;
  border-radius: 50%;
  background: linear-gradient(125.11deg, rgba(0, 98, 215, 0.2) 16.53%, rgba(0, 98, 215, 0) 85.04%);
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .hosting-home .background-banner-1::before {
    max-width: 400px;
    max-height: 400px;
    left: -80px;
    top: -120px;
  }
}

@media (max-width: 768px) {
  .hosting-home .background-banner-1::before {
    max-width: 280px;
    max-height: 280px;
    left: -64px;
    top: -40px;
  }
}

@media (max-width: 576px) {
  .hosting-home .background-banner-1::before {
    max-width: 240px;
    max-height: 240px;
    left: -40px;
    top: -16px;
  }
}

.hosting-home .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.hosting-home .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .hosting-home .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.hosting-home .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.hosting-home .home-1-card {
  padding: 48px 16px;
  border: 1px solid rgba(0, 98, 215, 0.4);
  border-radius: 24px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 12px auto;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 992px) {
  .hosting-home .home-1-card {
    padding: 40px 16px;
  }
}

@media (max-width: 576px) {
  .hosting-home .home-1-card {
    padding: 20px 8px;
  }
}

.hosting-home .home-1-card h5 {
  color: #444444;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 576px) {
  .hosting-home .home-1-card h5 {
    margin-top: 16px;
    margin-bottom: 0;
  }
}

.hosting-home .home-1-card .home-1-card-img {
  max-height: 110px;
}

.hosting-home .home-1-card .home-1-card-img img {
  height: 80px;
  width: auto;
}

@media (max-width: 576px) {
  .hosting-home .home-1-card .home-1-card-img img {
    height: 60px;
  }
}

@media (max-width: 320px) {
  .hosting-home .home-1-card .home-1-card-img img {
    height: 40px;
  }
}

@media (max-width: 576px) {
  .hosting-home .home-1-card h5.h5 {
    font-size: 0.875rem;
    line-height: 18px;
  }
}

.hosting-home .home-1-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
  border-color: #ffffff;
}

.hosting-home .home-1-card:hover h5 {
  color: #2F2483;
}

.hosting-home .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .hosting-home .home-2-card {
    padding: 32px 24px;
    margin: 8px auto 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
  }
  .hosting-home .home-2-card .icon-squre {
    border: 1px solid #E3000F;
  }
  .hosting-home .home-2-card .icon-squre svg path {
    fill: #E3000F;
  }
  .hosting-home .home-2-card .icon-squre svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .hosting-home .home-2-card p {
    color: #444444;
  }
}

@media (max-width: 576px) {
  .hosting-home .home-2-card {
    margin: 8px auto 16px;
    max-width: 90%;
  }
}

.hosting-home .home-2-card .icon-squre {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px 0px #0062D733;
          box-shadow: 5px 5px 10px 0px #0062D733;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hosting-home .home-2-card .icon-squre svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hosting-home .home-2-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid rgba(47, 36, 131, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hosting-home .home-2-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hosting-home .home-2-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

.hosting-home .home-2-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hosting-home .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
}

.hosting-home .home-2-card:hover .icon-squre svg path {
  fill: #E3000F;
}

.hosting-home .home-2-card:hover .icon-squre svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.hosting-home .home-2-card:hover .icon-circle {
  border: 1px solid #ffffff;
  -webkit-box-shadow: 5px 5px 10px 0px #0062D733;
          box-shadow: 5px 5px 10px 0px #0062D733;
}

.hosting-home .home-2-card:hover .icon-circle svg path {
  fill: #E3000F;
}

.hosting-home .home-2-card:hover .icon-circle svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.hosting-home .home-2-card:hover p {
  color: #444444;
}

.hosting-home section.home-section-1 {
  margin: 0px 44px;
}

@media (max-width: 1200px) {
  .hosting-home section.home-section-1 {
    margin: 0px 24px;
  }
}

@media (max-width: 768px) {
  .hosting-home section.home-section-1 {
    margin: 0px 16px;
  }
}

@media (max-width: 991.98px) {
  .hosting-home section.home-section-1 .home-section-1-data .fill-box-left {
    text-align: center;
  }
}

@media (max-width: 992px) {
  .hosting-home section.home-section-1 .home-section-1-data .fill-box-left .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.hosting-home section.home-section-1 .home-section-1-data h1 {
  color: #2F2483;
}

.hosting-home section.home-section-1 .home-section-1-data p {
  margin: 20px 0;
}

.hosting-home section.home-section-3 .home-section-3-data .fill-box-left {
  padding-left: 20px;
}

@media (max-width: 992px) {
  .hosting-home section.home-section-3 .home-section-3-data .fill-box-left {
    padding-left: 0;
  }
}

.hosting-home section.home-section-3 .download-icons a {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-3 .download-icons a img {
    max-width: 120px;
  }
}

.hosting-home section.home-section-4 {
  padding-bottom: 120px;
}

@media (max-width: 1200px) {
  .hosting-home section.home-section-4 {
    padding-bottom: 80px;
  }
}

@media (max-width: 768px) {
  .hosting-home section.home-section-4 {
    padding-bottom: 56px;
  }
}

.hosting-home section.home-section-4 .home-2-card {
  background-color: #ffffff;
}

.hosting-home section.home-section-4 .home-2-card a {
  font-size: 14px;
  line-height: 19px;
  margin-top: 22px;
  display: block;
  color: #E3000F;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hosting-home section.home-section-4 .home-2-card a:hover {
  color: #2F2483;
}

.hosting-home section.home-section-4 .home-2-card a i {
  margin-left: 10px;
}

.hosting-home section.home-section-5 {
  position: relative;
  background-color: rgba(236, 244, 255, 0.37);
  padding-top: 96px;
}

@media (max-width: 1200px) {
  .hosting-home section.home-section-5 {
    padding-top: 64px;
  }
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 {
    padding-top: 40px;
  }
}

.hosting-home section.home-section-5::before {
  content: "";
  position: absolute;
  left: 13%;
  top: -10%;
  background: url("../images/hosting-home/unique.svg") no-repeat;
  height: 100%;
  width: 100%;
  height: 25%;
  width: 65%;
  z-index: -1;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
}

@media (max-width: 1200px) {
  .hosting-home section.home-section-5::before {
    background-size: 60%;
    top: -5%;
    left: 5%;
  }
}

@media (max-width: 1200px) and (max-width: 768px) {
  .hosting-home section.home-section-5::before {
    top: -2%;
  }
}

@media (max-width: 992px) {
  .hosting-home section.home-section-5 .home-section-5-data .fill-box-left {
    text-align: center;
  }
}

.hosting-home section.home-section-5 .smart-module {
  padding: 12px 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 1200px) {
  .hosting-home section.home-section-5 .smart-module {
    padding: 0px 16px;
  }
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 .smart-module {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 576px) {
  .hosting-home section.home-section-5 .smart-module {
    display: block !important;
  }
}

.hosting-home section.home-section-5 .smart-module .one {
  width: 205px;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 576px) {
  .hosting-home section.home-section-5 .smart-module .one {
    width: 100%;
    display: block;
    margin-bottom: 31px;
  }
}

.hosting-home section.home-section-5 .smart-module .two {
  width: calc(100% - 205px);
  display: inline-block;
  vertical-align: middle;
  margin-left: 40px;
}

@media (max-width: 576px) {
  .hosting-home section.home-section-5 .smart-module .two {
    width: 100%;
    display: block;
    margin-left: 0;
  }
}

.hosting-home section.home-section-5 .smart-module .small-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  border-radius: 17px;
  margin: 0 auto;
  text-align: center;
}

.hosting-home section.home-section-5 .smart-module .small-box .digit-count {
  line-height: 34px !important;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 .smart-module .small-box .digit-count {
    font-size: 32px;
  }
}

.hosting-home section.home-section-5 .smart-module .small-box .digit-count span {
  line-height: 34px !important;
  font-size: 40px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 .smart-module .small-box .digit-count span {
    font-size: 32px;
  }
}

.hosting-home section.home-section-5 .smart-module .small-box .names {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 .smart-module .small-box .names {
    font-size: 16px;
    line-height: 16px;
  }
}

.hosting-home section.home-section-5 .smart-module .small-box .names.whites {
  color: #ffffff;
}

.hosting-home section.home-section-5 .smart-module .small-box.secondary-box {
  background-color: #E3000F;
  width: 207px;
  min-height: 135px;
  height: 100%;
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 .smart-module .small-box.secondary-box {
    min-height: 119px;
    width: 191px;
  }
}

.hosting-home section.home-section-5 .smart-module .small-box.secondary-box .digit-count {
  line-height: 34px !important;
  font-size: 40px;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 .smart-module .small-box.secondary-box .digit-count {
    font-size: 32px;
  }
}

.hosting-home section.home-section-5 .smart-module .small-box.grey-box {
  background-color: #444444;
  width: 148px;
  min-height: 148px;
  height: 100%;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 .smart-module .small-box.grey-box {
    min-height: 124px;
  }
}

.hosting-home section.home-section-5 .smart-module .small-box.lightblue-box {
  background-color: #CBE1FF;
  width: 190px;
  min-height: 190px;
  height: 100%;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-5 .smart-module .small-box.lightblue-box {
    width: 166px;
    min-height: 150px;
  }
}

.hosting-home section.home-section-5 .smart-module .small-box.lightblue-box .digit-count {
  color: #2F2483;
}

.hosting-home section.home-section-6 {
  position: relative;
  background-color: rgba(236, 244, 255, 0.37);
}

.hosting-home section.home-section-6::before {
  content: "";
  position: absolute;
  right: -10%;
  bottom: -3%;
  background: url("../images/hosting-home/unique.svg") no-repeat;
  height: 25%;
  width: 38%;
  z-index: -1;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
}

@media (max-width: 1200px) {
  .hosting-home section.home-section-6::before {
    background-size: 100%;
    height: 35%;
    bottom: -20%;
  }
}

@media (max-width: 992px) {
  .hosting-home section.home-section-6::before {
    bottom: -26%;
  }
}

@media (max-width: 768px) {
  .hosting-home section.home-section-6::before {
    bottom: -30%;
  }
}

.hosting-home section.home-section-6 .home-section-6-data .features-data .feature-text {
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-6 .home-section-6-data .features-data .feature-text {
    padding-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .hosting-home section.home-section-6 .home-section-6-data .features-data .feature-text {
    padding-bottom: 10px;
  }
}

.hosting-home section.home-section-6 .home-section-6-data .features-data .feature-text h5 {
  color: #0062D7;
  margin-bottom: 10px;
}

.hosting-home section.home-section-6 .home-section-6-data .features-data .feature-text p {
  max-width: 85%;
  color: #444444;
}

@media (max-width: 1200px) {
  .hosting-home section.home-section-6 .home-section-6-data .features-data .feature-text p {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .hosting-home section.home-section-6 .home-section-6-data .mobile-center {
    max-height: 350px;
  }
}

.hosting-home section.home-section-7 .home-7-slider {
  height: 495px;
}

@media (max-width: 768px) {
  .hosting-home section.home-section-7 .home-7-slider {
    height: 430px;
  }
}

.hosting-home .plan-card {
  padding: 40px 24px;
  border-radius: 16px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 30px 16px;
  text-align: center;
  max-width: 400px;
  background-color: #ffffff;
  max-height: 390px;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .hosting-home .plan-card {
    padding: 40px 12px;
  }
}

@media (max-width: 768px) {
  .hosting-home .plan-card {
    margin: 8px auto;
    max-height: 350px;
    padding: 24px 12px;
    width: 97%;
    max-width: 320px;
  }
}

@media (max-width: 1200px) {
  .hosting-home .plan-card {
    max-height: unset;
  }
}

.hosting-home .plan-card p {
  margin-bottom: 16px;
}

@media (max-width: 768px) {
  .hosting-home .plan-card p {
    margin-bottom: 12px;
  }
}

.hosting-home .plan-card h1 {
  font-size: 56px;
  line-height: 48px;
  margin-bottom: 30px;
}

.hosting-home .plan-card h1 sub {
  font-size: 12px;
  margin-left: -12px;
  color: #888888;
}

@media (max-width: 768px) {
  .hosting-home .plan-card h1 sub {
    margin-left: -8px;
  }
}

@media (max-width: 1200px) {
  .hosting-home .plan-card h1 {
    font-size: 48px;
  }
}

@media (max-width: 768px) {
  .hosting-home .plan-card h1 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}

.hosting-home .plan-card .btn {
  border-radius: 8px;
}

.hosting-home .plan-card .plan-details {
  margin-bottom: 40px;
  margin-top: 30px;
}

.hosting-home .plan-card .plan-details li {
  font-size: 14px;
  color: #2E2E2E;
  margin-bottom: 15px;
}

.hosting-home .plan-card .plan-details li span {
  margin-left: 10px;
}

@media (max-width: 576px) {
  .hosting-home .plan-card .plan-details li span {
    margin-left: 7px;
  }
}

@media (max-width: 576px) {
  .hosting-home .plan-card .plan-details li svg {
    height: 15px;
    width: 15px;
  }
}

.hosting-home .plan-card.primary-card {
  border: 1px solid #2F2483;
}

.hosting-home .plan-card.primary-card:hover {
  border-top: 7px solid #2F2483 !important;
  border-color: #ffffff;
}

.hosting-home .plan-card.secondary-card {
  border: 1px solid #E3000F;
}

.hosting-home .plan-card.secondary-card:hover {
  border-top: 7px solid #E3000F !important;
  border-color: #ffffff;
}

.hosting-home .plan-card.warning-card {
  border: 1px solid #FCB300;
}

.hosting-home .plan-card.warning-card:hover {
  border-top: 7px solid #FCB300 !important;
  border-color: #ffffff;
}

.hosting-home .plan-card:hover {
  -webkit-box-shadow: 0 0 12px 1px rgba(47, 36, 131, 0.2);
          box-shadow: 0 0 12px 1px rgba(47, 36, 131, 0.2);
  border-color: #ffffff;
  height: 100%;
  max-height: 485px;
}

@media (max-width: 1200px) {
  .hosting-home .plan-card:hover {
    max-height: unset;
  }
}

.hosting-home section.home-section-8 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 249, 246, 0.24)), to(#FFF3F1));
  background: linear-gradient(180deg, rgba(255, 249, 246, 0.24) 0%, #FFF3F1 100%);
}

.hosting-home section.home-section-8 .home-section-8-data .card {
  padding: 44px 24px;
  border-radius: 30px;
  overflow: hidden;
  background-color: transparent;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: 0;
  margin: 8px 12px 24px;
}

@media (max-width: 992px) {
  .hosting-home section.home-section-8 .home-section-8-data .card {
    margin: 8px 12px 24px;
  }
}

@media (max-width: 576px) {
  .hosting-home section.home-section-8 .home-section-8-data .card {
    padding: 28px 24px;
  }
}

.hosting-home section.home-section-8 .home-section-8-data .card:hover {
  background-color: #F8FBFF;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(227, 0, 15, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(227, 0, 15, 0.2);
  background-color: #ffffff;
}

.hosting-home section.home-section-8 .home-section-8-data .card:hover .image-data svg path {
  fill: #E3000F;
}

.hosting-home section.home-section-8 .home-section-8-data .card .image-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hosting-home section.home-section-8 .home-section-8-data .card .image-data svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.marketing-home {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Marketing Home
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. comon card styles
04. Home section 1 style
05. Home section 2 style
06. Home section 3 style
07. Home section 4 style
08. Home section 5 style
09. Home section 6 style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /* 03. comon card styles*/
  /* 04. Home section 1 style */
  /* 05. Home section 2 style */
  /* 06. Home section 3 style */
  /* 07. Home section 4 style */
  /* 08. Home section 5 style */
  /* 09. Home section 6 style */
}

.marketing-home .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.marketing-home .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .marketing-home .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .marketing-home .title {
    margin-bottom: 32px;
  }
}

.marketing-home .title .title-heading,
.marketing-home .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .marketing-home .title .title-heading,
  .marketing-home .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .marketing-home .title .title-heading,
  .marketing-home .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .marketing-home .title .title-heading,
  .marketing-home .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .marketing-home .title .title-heading,
  .marketing-home .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .marketing-home .title .title-heading,
  .marketing-home .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .marketing-home .title .title-heading,
  .marketing-home .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (max-width: 768px) {
  .marketing-home .title .title-heading,
  .marketing-home .title h2.title-heading {
    margin-bottom: 8px;
  }
}

.marketing-home .title .title-paragraph {
  margin-bottom: 0;
  font-weight: 400;
  color: #444444;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

@media (max-width: 992px) {
  .marketing-home .title .title-paragraph {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 768px) {
  .marketing-home .title .title-paragraph {
    font-size: 14px;
    line-height: 22px;
  }
}

.marketing-home .cover {
  position: relative;
  z-index: 999;
}

.marketing-home .cover::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/marketing-home/background_header.svg") no-repeat;
  height: 100%;
  width: 1140px;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

.marketing-home .background-banner-1::before {
  content: "";
  position: absolute;
  top: 22%;
  left: 4%;
  background: url("../images/marketing-home/background-img1.svg") no-repeat;
  background-size: contain;
  height: 50px;
  width: 50px;
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 768px) {
  .marketing-home .background-banner-1::before {
    height: 40px;
    width: 40px;
  }
}

.marketing-home .background-banner-1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 35%;
  background: url("../images/marketing-home/background-img2.svg") no-repeat;
  background-size: contain;
  height: 100px;
  width: 100px;
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 768px) {
  .marketing-home .background-banner-1::after {
    height: 70px;
    width: 70px;
  }
}

.marketing-home .background-banner-2::before {
  content: "";
  position: absolute;
  top: 30%;
  right: 9%;
  background: url("../images/marketing-home/background-img1.svg") no-repeat;
  background-size: contain;
  height: 50px;
  width: 50px;
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 768px) {
  .marketing-home .background-banner-2::before {
    height: 40px;
    width: 40px;
  }
}

.marketing-home .background-banner-2::after {
  content: "";
  position: absolute;
  bottom: 24%;
  right: 2%;
  background: url("../images/marketing-home/background-img2.svg") no-repeat;
  background-size: contain;
  height: 100px;
  width: 100px;
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 768px) {
  .marketing-home .background-banner-2::after {
    height: 70px;
    width: 70px;
  }
}

.marketing-home .background-banner-3::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: url("../images/marketing-home/background-img3.svg") no-repeat, url("../images/marketing-home/background-img4.svg") no-repeat, url("../images/marketing-home/background-img3.svg") no-repeat, url("../images/marketing-home/background-img4.svg") no-repeat;
  background-size: 50px, 100px, 50px, 100px;
  background-position: left 9% top 40%, left 2% top 10%,right 9% bottom 40%, right 2% bottom 10%;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 768px) {
  .marketing-home .background-banner-3::after {
    background-size: 40px, 70px, 40px, 70px;
    background-position: left 9% top 30%, left 2% top 10%, right 9% bottom 30%, right 2% bottom 10%;
  }
}

.marketing-home .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.marketing-home .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .marketing-home .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.marketing-home .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.marketing-home .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .marketing-home .home-2-card {
    padding: 32px 24px;
    margin: 8px auto 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
  }
  .marketing-home .home-2-card .icon-squre {
    border: 1px solid #E3000F;
  }
  .marketing-home .home-2-card .icon-squre svg path {
    fill: #E3000F;
  }
  .marketing-home .home-2-card .icon-squre svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
}

@media (max-width: 576px) {
  .marketing-home .home-2-card {
    margin: 8px auto 16px;
    max-width: 90%;
  }
}

.marketing-home .home-2-card .icon-squre {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 10px 0px #0062D733;
          box-shadow: 5px 5px 10px 0px #0062D733;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.marketing-home .home-2-card .icon-squre svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.marketing-home .home-2-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid #2f2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.marketing-home .home-2-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.marketing-home .home-2-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

.marketing-home .home-2-card p {
  color: #444444;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.marketing-home .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
}

.marketing-home .home-2-card:hover .icon-squre svg path {
  fill: #E3000F;
}

.marketing-home .home-2-card:hover .icon-squre svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.marketing-home .home-2-card:hover .icon-circle {
  border: 1px solid #ffffff;
  -webkit-box-shadow: 5px 5px 10px 0px #0062D733;
          box-shadow: 5px 5px 10px 0px #0062D733;
}

.marketing-home .home-2-card:hover .icon-circle svg path {
  fill: #E3000F;
}

.marketing-home .home-2-card:hover .icon-circle svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.marketing-home .home-2-card:hover p {
  color: #444444;
}

.marketing-home section.home-section-1 .home-section-1-data .fill-box-left {
  max-width: 523px;
}

@media (max-width: 991.98px) {
  .marketing-home section.home-section-1 .home-section-1-data .fill-box-left {
    max-width: unset;
    text-align: center;
  }
}

@media (max-width: 991.98px) {
  .marketing-home section.home-section-1 .home-section-1-data .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.marketing-home section.home-section-1 .home-section-1-data h1 {
  max-width: 493px;
  color: #2F2483;
}

@media (max-width: 992px) {
  .marketing-home section.home-section-1 .home-section-1-data h1 {
    max-width: unset;
  }
}

.marketing-home section.home-section-1 .home-section-1-data p {
  margin: 20px 0;
}

.marketing-home section.home-section-3 {
  position: relative;
}

.marketing-home section.home-section-3::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 48px;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffeadd), to(#fff0e2));
  background: linear-gradient(180deg, #ffeadd 0%, #fff0e2 100%);
  opacity: 0.4;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

.marketing-home section.home-section-3::after {
  content: "";
  position: absolute;
  top: 96px;
  left: 120px;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: -webkit-gradient(linear, left top, left bottom, from(#ffeadd), to(#fff0e2));
  background: linear-gradient(180deg, #ffeadd 0%, #fff0e2 100%);
  opacity: 0.4;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

.marketing-home section.home-section-3 .home-section-3-data .fill-box-right {
  max-width: 603px;
  padding-left: 60px;
}

@media (max-width: 992px) {
  .marketing-home section.home-section-3 .home-section-3-data .fill-box-right {
    padding-left: 0;
    max-width: unset;
  }
}

.marketing-home section.home-section-3 .home-section-3-data .fill-box-right h2 {
  max-width: 522px;
}

@media (max-width: 992px) {
  .marketing-home section.home-section-3 .home-section-3-data .fill-box-right h2 {
    max-width: unset;
  }
}

.marketing-home section.home-section-3 .home-section-3-data .fill-box-right p {
  margin: 20px 0;
}

.marketing-home section.home-section-3 .download-icons a {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .marketing-home section.home-section-3 .download-icons a img {
    max-width: 120px;
  }
}

.marketing-home section.home-section-4 .home-2-card {
  background-color: #ffffff;
}

.marketing-home section.home-section-4 .home-2-card a {
  font-size: 14px;
  line-height: 19px;
  margin-top: 22px;
  display: block;
  color: #E3000F;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.marketing-home section.home-section-4 .home-2-card a:hover {
  color: #2F2483;
}

.marketing-home section.home-section-4 .home-2-card a i {
  margin-left: 10px;
}

.marketing-home section.home-section-5 {
  position: relative;
}

@media (max-width: 992px) {
  .marketing-home section.home-section-5 .home-section-5-data .fill-box-left {
    margin-bottom: 30px;
  }
}

.marketing-home section.home-section-5 .home-section-5-data .fill-box-left p {
  margin: 20px 0;
}

.marketing-home section.home-section-6 .home-section-6-data .features-data .feature-text {
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .marketing-home section.home-section-6 .home-section-6-data .features-data .feature-text {
    padding-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .marketing-home section.home-section-6 .home-section-6-data .features-data .feature-text {
    padding-bottom: 10px;
  }
}

.marketing-home section.home-section-6 .home-section-6-data .features-data .feature-text h5 {
  color: #0062D7;
  margin-bottom: 10px;
}

.marketing-home section.home-section-6 .home-section-6-data .features-data .feature-text p {
  max-width: 85%;
  color: #444444;
}

@media (max-width: 1200px) {
  .marketing-home section.home-section-6 .home-section-6-data .features-data .feature-text p {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .marketing-home section.home-section-6 .home-section-6-data .mobile-center {
    max-height: 350px;
  }
}

.app-presentation {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | App Presentation
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. Common style
04. Home section 1 style
05. Home section 2 style
06. Home section 3 style
07. Home section 4 style
08. Home section 5 style
09. Home section 6 style
10. Home section 7 style
11. Home section 8 style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /*03. Common style*/
  /* 04. Home section 1 style */
  /* 05. Home section 2 style */
  /* 06. Home section 3 style */
  /* 07. Home section 4 style */
  /* 08. Home section 5 style */
  /* 09. Home section 6 style */
  /* 10. Home section 7 style */
  /* 11. Home section 8 style */
}

.app-presentation .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.app-presentation .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .app-presentation .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .app-presentation .title {
    margin-bottom: 32px;
  }
}

.app-presentation .title .title-heading,
.app-presentation .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .app-presentation .title .title-heading,
  .app-presentation .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .app-presentation .title .title-heading,
  .app-presentation .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .app-presentation .title .title-heading,
  .app-presentation .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .app-presentation .title .title-heading,
  .app-presentation .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .app-presentation .title .title-heading,
  .app-presentation .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .app-presentation .title .title-heading,
  .app-presentation .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.app-presentation .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.app-presentation .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .app-presentation .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .app-presentation .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .app-presentation .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .app-presentation .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .app-presentation .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .app-presentation .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.app-presentation .cover {
  position: relative;
  overflow: hidden;
}

.app-presentation .cover::before {
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  background-color: #F7FBFF;
  -webkit-transform: rotate(-5deg) translate(-10%);
          transform: rotate(-5deg) translate(-10%);
  height: 27%;
  width: 100%;
  min-width: 2160px;
  z-index: -1;
}

@media (max-width: 1500px) {
  .app-presentation .cover::before {
    height: 20%;
  }
}

@media (max-width: 1200px) {
  .app-presentation .cover::before {
    height: 23%;
  }
}

.app-presentation .cover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #FFF9F7;
  -webkit-transform: rotate(5deg) translate(-10%);
          transform: rotate(5deg) translate(-10%);
  height: 60%;
  width: 100%;
  min-width: 2160px;
  z-index: -1;
}

@media (max-width: 1500px) {
  .app-presentation .cover::after {
    height: 62%;
  }
}

@media (max-width: 1200px) {
  .app-presentation .cover::after {
    height: 62%;
  }
}

.app-presentation .cover2 {
  position: relative;
  overflow: hidden;
}

.app-presentation .cover2::before {
  content: "";
  position: absolute;
  bottom: 50%;
  left: 0;
  background-color: #F7FBFF;
  -webkit-transform: rotate(-5deg) translate(-10%);
          transform: rotate(-5deg) translate(-10%);
  height: 32%;
  width: 100%;
  min-width: 2160px;
  z-index: -1;
}

.app-presentation .background-banner-1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/app-presentation/background-img2.svg") no-repeat, url("../images/app-presentation/background-img2.svg") no-repeat;
  background-size: 110px, 110px;
  background-position: bottom 0 left 3.5%, top 10% right 4%;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.5;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 768px) {
  .app-presentation .background-banner-1::after {
    background-size: 70px, 70px;
  }
}

.app-presentation .background-banner-1::before {
  content: "";
  position: absolute;
  top: 16%;
  left: 3%;
  background: url("../images/app-presentation/background-img1.svg") no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  max-height: 320px;
  max-width: 400px;
  z-index: -1;
  opacity: 0.5;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

@media (max-width: 1500px) {
  .app-presentation .background-banner-1::before {
    max-height: 220px;
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .app-presentation .background-banner-1::before {
    max-height: 200px;
    max-width: 200px;
  }
}

.app-presentation .background-banner-2::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1%;
  background: url("../images/app-presentation/background-img3.svg") no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  max-height: 320px;
  max-width: 400px;
  z-index: -1;
  opacity: 0.5;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

@media (max-width: 1500px) {
  .app-presentation .background-banner-2::after {
    max-height: 220px;
    max-width: 300px;
  }
}

@media (max-width: 768px) {
  .app-presentation .background-banner-2::after {
    max-height: 200px;
    max-width: 200px;
  }
}

.app-presentation .background-banner-3::after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: 0;
  background: url("../images/app-presentation/background-img4.svg") no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  max-height: 300px;
  max-width: 280px;
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1500px) {
  .app-presentation .background-banner-3::after {
    max-height: 200px;
    max-width: 180px;
    bottom: -20%;
  }
}

@media (max-width: 768px) {
  .app-presentation .background-banner-3::after {
    max-height: 180px;
    max-width: 160px;
    bottom: -10%;
  }
}

.app-presentation .background-banner-4::after {
  content: "";
  position: absolute;
  top: -30%;
  right: 0;
  background: url("../images/app-presentation/background-img5.svg") no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  max-height: 300px;
  max-width: 280px;
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1500px) {
  .app-presentation .background-banner-4::after {
    max-height: 200px;
    max-width: 180px;
    top: -20%;
  }
}

@media (max-width: 768px) {
  .app-presentation .background-banner-4::after {
    max-height: 180px;
    max-width: 160px;
    top: -10%;
  }
}

.app-presentation .background-banner-5::after {
  content: "";
  position: absolute;
  top: -20%;
  left: 0;
  background: url("../images/app-presentation/background-img6.svg") no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  max-height: 265px;
  max-width: 145px;
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1500px) {
  .app-presentation .background-banner-5::after {
    max-height: 220px;
    max-width: 120px;
  }
}

@media (max-width: 768px) {
  .app-presentation .background-banner-5::after {
    max-height: 150px;
    max-width: 80px;
  }
}

@media (max-width: 576px) {
  .app-presentation .background-banner-5::after {
    background: none;
  }
}

.app-presentation .background-banner-5::before {
  content: "";
  position: absolute;
  bottom: -20%;
  right: 0;
  background: url("../images/app-presentation/background-img7.svg") no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  max-height: 265px;
  max-width: 140px;
  z-index: -1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1500px) {
  .app-presentation .background-banner-5::before {
    max-height: 220px;
    max-width: 115px;
  }
}

@media (max-width: 768px) {
  .app-presentation .background-banner-5::before {
    max-height: 150px;
    max-width: 80px;
  }
}

@media (max-width: 576px) {
  .app-presentation .background-banner-5::before {
    background: none;
  }
}

.app-presentation .download-icons.above a {
  margin-right: 10px;
}

@media (max-width: 768px) {
  .app-presentation .download-icons.above a img {
    max-width: 120px;
  }
}

.app-presentation .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 8px 12px 30px;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .app-presentation .home-2-card {
    padding: 32px 24px;
    margin: 8px auto 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
  }
  .app-presentation .home-2-card .icon-squre {
    border: 1px solid #E3000F;
  }
  .app-presentation .home-2-card .icon-squre svg path {
    fill: #E3000F;
  }
  .app-presentation .home-2-card .icon-squre svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .app-presentation .home-2-card p {
    color: #444444;
  }
}

@media (max-width: 576px) {
  .app-presentation .home-2-card {
    margin: 8px auto 16px;
    max-width: 90%;
    padding: 32px 16px;
  }
}

.app-presentation .home-2-card h5 {
  color: #2E2E2E;
  font-weight: 600;
  margin-top: 24px;
}

.app-presentation .home-2-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.app-presentation .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
}

.app-presentation .home-2-card:hover h5 {
  color: #2F2483;
}

.app-presentation .home-2-card:hover p {
  color: #444444;
}

.app-presentation section.home-section-1 .home-section-1-data .fill-box-left {
  max-width: 603px;
}

@media (max-width: 991.98px) {
  .app-presentation section.home-section-1 .home-section-1-data .fill-box-left {
    text-align: center;
  }
}

.app-presentation section.home-section-1 .home-section-1-data h1 {
  max-width: 493px;
  color: #2F2483;
}

@media (max-width: 992px) {
  .app-presentation section.home-section-1 .home-section-1-data h1 {
    max-width: unset;
  }
}

.app-presentation section.home-section-1 .home-section-1-data p {
  margin: 20px 0;
}

.app-presentation section.home-section-2 .intergration-card {
  padding: 19px 23px;
  border-radius: 30px;
  margin-bottom: 48px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  height: auto;
}

@media (max-width: 1500px) {
  .app-presentation section.home-section-2 .intergration-card {
    margin-bottom: 24px;
    height: calc(100% - 24px);
  }
}

.app-presentation section.home-section-2 .intergration-card .bg-class {
  width: 73px;
  height: 89px;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1500px) {
  .app-presentation section.home-section-2 .intergration-card .bg-class {
    width: 65px;
    height: 73px;
  }
}

.app-presentation section.home-section-2 .intergration-card .bg-class svg {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 1200px) {
  .app-presentation section.home-section-2 .intergration-card .bg-class svg {
    width: 34px;
    height: 34px;
  }
}

.app-presentation section.home-section-2 .intergration-card .intergration-card-body {
  margin-left: 22px;
}

@media (max-width: 1200px) {
  .app-presentation section.home-section-2 .intergration-card .intergration-card-body {
    margin-left: 14px;
  }
}

.app-presentation section.home-section-2 .intergration-card .intergration-card-body h4 {
  font-size: 24px;
  line-height: 24px;
  color: #2E2E2E;
  margin-bottom: 8px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  font-weight: 400;
}

@media (max-width: 1500px) {
  .app-presentation section.home-section-2 .intergration-card .intergration-card-body h4 {
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .app-presentation section.home-section-2 .intergration-card .intergration-card-body h4 {
    font-size: 16px;
  }
}

.app-presentation section.home-section-2 .intergration-card .intergration-card-body span {
  font-size: 12px;
}

.app-presentation section.home-section-2 .intergration-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
}

.app-presentation section.home-section-2 .intergration-card:hover .bg-class svg path {
  fill: #2F2483;
}

.app-presentation section.home-section-2 .intergration-card:hover h4 {
  color: #2F2483;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right {
  padding-left: 70px;
}

@media (max-width: 992px) {
  .app-presentation section.home-section-4 .home-section-4-data .fill-box-right {
    padding-left: 0;
  }
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .image-data {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .image-data .one {
  width: 84px;
  height: 84px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 2px solid #E3000F;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .image-data .one img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .image-data .two {
  padding-left: 24px;
  width: calc(100% - 84px);
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .image-data .two h5 {
  margin-bottom: 8px;
  color: #2F2483;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .image-data .two p {
  color: #E3000F;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-prev {
  left: 0;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-next {
  left: 56px;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-prev, .app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-next {
  bottom: -24px !important;
  top: unset;
  width: 36px;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-prev:before, .app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-next:before {
  color: #E3000F;
  content: "";
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-prev:before,
.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
}

.app-presentation section.home-section-4 .home-section-4-data .fill-box-right .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.app-presentation section.home-section-5 .home-section-5-data {
  padding-top: 40px;
}

.app-presentation section.home-section-5 .home-section-5-data .slick-prev {
  left: 0;
  right: 50px;
  margin: auto;
}

.app-presentation section.home-section-5 .home-section-5-data .slick-next {
  left: 50px;
  right: 0;
  margin: auto;
}

.app-presentation section.home-section-5 .home-section-5-data .slick-prev, .app-presentation section.home-section-5 .home-section-5-data .slick-next {
  bottom: -24px !important;
  top: unset;
  width: 36px;
}

.app-presentation section.home-section-5 .home-section-5-data .slick-prev:before, .app-presentation section.home-section-5 .home-section-5-data .slick-next:before {
  color: #E3000F;
  content: "";
}

.app-presentation section.home-section-5 .home-section-5-data .slick-prev:before,
.app-presentation section.home-section-5 .home-section-5-data .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
}

.app-presentation section.home-section-5 .home-section-5-data .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.app-presentation section.home-section-5 .home-section-5-data .mains.slick-current.slick-active .home-2-card {
  background-color: #ffffff;
  -webkit-box-shadow: -10px -10px 10px #FFF9F7, 10px 10px 10px rgba(238, 125, 103, 0.2);
          box-shadow: -10px -10px 10px #FFF9F7, 10px 10px 10px rgba(238, 125, 103, 0.2);
}

.app-presentation section.home-section-5 .home-section-5-data .mains.slick-current.slick-active .home-2-card svg path {
  fill: #E3000F;
}

.app-presentation section.home-section-5 .home-section-5-data .mains.slick-current.slick-active .home-2-card svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.app-presentation section.home-section-5 .home-section-5-data .mains.slick-current.slick-active .home-2-card svg path.icon-bg {
  stroke: #ffffff;
  fill: #ffffff;
}

.app-presentation section.home-section-5 .home-section-5-data .mains.slick-current.slick-active .home-2-card h5 {
  color: #2F2483;
}

.app-presentation section.home-section-5 .home-2-card {
  background-color: #FFF9F7;
}

.app-presentation section.home-section-5 .home-2-card:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.app-presentation section.home-section-8 .home-section-8-data {
  padding-top: 40px;
}

.app-presentation section.home-section-8 .home-2-card {
  background-color: transparent;
  padding: 48px 48px;
}

@media (max-width: 576px) {
  .app-presentation section.home-section-8 .home-2-card {
    padding: 32px 24px;
  }
}

.app-presentation section.home-section-8 .home-2-card:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.app-presentation section.home-section-8 .home-2-card:hover svg path {
  fill: #E3000F;
}

.app-presentation section.home-section-8 .home-2-card:hover svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.app-presentation section.home-section-8 .home-2-card:hover svg path.icon-bg {
  stroke: #ffffff;
  fill: #ffffff;
}

.sass-home {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | sass-home
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. Common style
04. Home section 1 style
05. Home section 2 style
06. Home section 3 style
07. Home section 4 style
08. Home section 5 style
09. Home section 6 style
10. Home section 7 style
11. Home section 8 style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 06. Home Banner section */
  /* 07. Help section */
  /* 08. Reports section */
  /* 09. Features section */
  /* 10. Progress section */
  /* 11. Creative section */
  /* 12. Market Trends section */
  /* 13. Choose Plan section */
}

.sass-home .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.sass-home .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .sass-home .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .sass-home .title {
    margin-bottom: 32px;
  }
}

.sass-home .title .title-heading,
.sass-home .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .sass-home .title .title-heading,
  .sass-home .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .sass-home .title .title-heading,
  .sass-home .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .sass-home .title .title-heading,
  .sass-home .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .sass-home .title .title-heading,
  .sass-home .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .sass-home .title .title-heading,
  .sass-home .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .sass-home .title .title-heading,
  .sass-home .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.sass-home .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.sass-home .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .sass-home .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .sass-home .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .sass-home .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .sass-home .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .sass-home .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .sass-home .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.sass-home .cover {
  position: relative;
  z-index: 999;
  overflow: hidden;
}

.sass-home .cover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 125%;
  background: -webkit-gradient(linear, left top, left bottom, from(#D9EAFF), to(#FFFFFF));
  background: linear-gradient(180deg, #D9EAFF, #FFFFFF 100%);
  max-height: 748px;
  height: 100%;
  z-index: 1;
  border-radius: 0 0 450px 450px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sass-home .cover2 {
  position: relative;
  z-index: 9;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 90px;
}

.sass-home .cover2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 125%;
  background: url(../images/sass-home/cover2-bg.svg);
  background-size: cover;
  background-position: top center;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sass-home .cover3 {
  position: relative;
  z-index: 9;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-top: 40px;
  margin-top: -90px;
  padding-bottom: 90px;
}

.sass-home .cover3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 125%;
  background: url(../images/sass-home/cover3-bg.svg);
  background-size: cover;
  background-position: top center;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sass-home section.common-detail-section {
  position: relative;
}

.sass-home .progress-circle {
  position: relative;
}

.sass-home .progress-circle .progress-num {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 600;
}

.sass-home .progress-circle .progress-num i {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-left: 1px;
}

.sass-home .progress-circle1 .progress-num {
  color: #003D85;
}

.sass-home .progress-circle4 .progress-num {
  color: #FB8500;
}

.sass-home .progress-circle2 .progress-num {
  color: #8C0098;
}

.sass-home .progress-circle3 .progress-num {
  color: #289A00;
}

.sass-home section.home-banner-section {
  position: relative;
}

.sass-home section.home-banner-section .home-banner-section-data .fill-box-left {
  max-width: 603px;
}

.sass-home section.home-banner-section .home-banner-section-data h1 {
  color: #2F2483;
}

.sass-home section.home-banner-section .home-banner-section-data h1 span {
  color: #E3000F;
}

.sass-home section.home-banner-section .home-banner-section-data p {
  margin: 20px 0;
}

.sass-home section.home-banner-section .container {
  position: relative;
  z-index: 1;
}

.sass-home section.home-banner-section::before {
  content: "";
  position: absolute;
  top: 48px;
  left: 24px;
  width: 200px;
  height: 200px;
  background-image: url(../images/sass-home/pattern-pie-chart.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

@media (min-width: 1500px) {
  .sass-home section.home-banner-section::before {
    width: 300px;
    height: 300px;
  }
}

@media (max-width: 768px) {
  .sass-home section.home-banner-section::before {
    top: 35%;
    left: -16px;
  }
}

.sass-home section.home-banner-section::after {
  content: "";
  position: absolute;
  top: 25%;
  right: 5%;
  width: 150px;
  height: 150px;
  background-image: url(../images/sass-home/pattern-chart.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
}

@media (min-width: 1500px) {
  .sass-home section.home-banner-section::after {
    width: 200px;
    height: 150px;
  }
}

@media (max-width: 768px) {
  .sass-home section.home-banner-section::after {
    top: 5%;
  }
}

.sass-home .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.sass-home .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .sass-home .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.sass-home .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.sass-home section.help-section {
  position: relative;
}

.sass-home section.help-section .container {
  position: relative;
  z-index: 1;
}

.sass-home section.help-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/sass-home/pattern1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .sass-home section.help-section::before {
    width: 165.2px;
    height: 150px;
  }
}

.sass-home section.help-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/sass-home/pattern2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .sass-home section.help-section::after {
    width: 165.2px;
    height: 150px;
  }
}

.sass-home .help-section-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  background-color: #F8FBFF;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .sass-home .help-section-card {
    margin: 8px 16px 16px;
    -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
  }
  .sass-home .help-section-card h5 {
    color: #2F2483;
  }
  .sass-home .help-section-card .icon-circle {
    border: 1px solid #E3000F;
  }
  .sass-home .help-section-card .icon-circle svg path {
    fill: #E3000F;
  }
  .sass-home .help-section-card .icon-circle svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .sass-home .help-section-card p {
    color: #444444;
  }
}

.sass-home .help-section-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid rgba(47, 36, 131, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sass-home .help-section-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.sass-home .help-section-card h5 {
  color: #2E2E2E;
  font-weight: 600;
  margin-top: 24px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home .help-section-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.sass-home .help-section-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
}

.sass-home .help-section-card:hover h5 {
  color: #2F2483;
}

.sass-home .help-section-card:hover .icon-circle {
  border: 1px solid #E3000F;
}

.sass-home .help-section-card:hover .icon-circle svg path {
  fill: #E3000F;
}

.sass-home .help-section-card:hover .icon-circle svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.sass-home .help-section-card:hover p {
  color: #444444;
}

@media (max-width: 992px) {
  .sass-home section.reports-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.sass-home section.features-section .reports-feature-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  padding: 16px;
  background: #FFF5F2;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-bottom: 32px;
}

@media (min-width: 1500px) {
  .sass-home section.features-section .reports-feature-box {
    padding: 24px;
  }
}

.sass-home section.features-section .reports-feature-box .icon-box {
  margin-right: 16px;
  color: #2F2483;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home section.features-section .reports-feature-box h5 {
  margin-bottom: 8px;
  font-weight: 600;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home section.features-section .reports-feature-box p {
  margin-bottom: 0;
  color: #888888;
}

.sass-home section.features-section .reports-feature-box:hover {
  -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
  background: #ffffff;
}

.sass-home section.features-section .reports-feature-box:hover .icon-box {
  color: #E3000F;
}

.sass-home section.features-section .reports-feature-box:hover h5 {
  color: #2F2483;
}

.sass-home section.progress-section {
  position: relative;
}

.sass-home section.progress-section .container {
  position: relative;
  z-index: 1;
}

.sass-home section.progress-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/sass-home/pattern2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .sass-home section.progress-section::before {
    width: 165.2px;
    height: 150px;
  }
}

.sass-home section.progress-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/sass-home/pattern1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .sass-home section.progress-section::after {
    width: 165.2px;
    height: 150px;
  }
}

.sass-home .progress-wrapper-box {
  padding: 40px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 0 30px 0;
  background-color: #F8FBFF;
  text-align: center;
}

.sass-home .progress-wrapper-box h5 {
  color: #4F4F4F;
  font-weight: 600;
  margin: 24px 0;
}

.sass-home .progress-wrapper-box p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.sass-home .progress-wrapper-box:hover {
  background: #FFFFFF;
  -webkit-box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
}

.sass-home .progress-wrapper-box:hover p {
  color: #444444;
}

.sass-home .progress-wrapper-box .progress-circle {
  position: relative;
}

.sass-home .progress-wrapper-box .progress-circle .progress-num {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 600;
}

.sass-home .progress-wrapper-box .progress-circle .progress-num i {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-left: 1px;
}

.sass-home .section.creative-section {
  position: relative;
}

@media (max-width: 992px) {
  .sass-home section.market-trends-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.sass-home .choose-plan-section {
  position: relative;
}

.sass-home .choose-plan-section .container {
  position: relative;
  z-index: 1;
}

.sass-home .choose-plan-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/sass-home/pattern2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .sass-home .choose-plan-section::before {
    width: 165.2px;
    height: 150px;
  }
}

.sass-home .choose-plan-section::after {
  content: "";
  position: absolute;
  bottom: -75px;
  right: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/sass-home/pattern1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .sass-home .choose-plan-section::after {
    width: 165.2px;
    height: 150px;
  }
}

.sass-home .choose-plan-section .plan-box-row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -40px;
}

.sass-home .choose-plan-section .plan-box-row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sass-home .choose-plan-section .plan-box-row > div .plan-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sass-home .plan-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #fff;
  margin-top: 40px;
}

.sass-home .plan-box .plan-box-cover {
  padding: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
}

@media (max-width: 576px) {
  .sass-home .plan-box .plan-box-cover {
    padding: 32px 20px;
  }
}

@media (max-width: null) {
  .sass-home .plan-box .plan-box-cover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sass-home .plan-box .plan-price-detail {
  text-align: right;
  width: 85px;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (max-width: null) {
  .sass-home .plan-box .plan-price-detail {
    width: 100%;
  }
}

.sass-home .plan-box .plan-price-detail h5 {
  font-size: 48px;
  line-height: 64px;
  color: #000000;
  position: relative;
  margin-bottom: 4px;
}

.sass-home .plan-box .plan-price-detail h5 span {
  position: absolute;
  top: -5px;
  left: -9px;
  font-size: 24px;
  line-height: 32px;
}

.sass-home .plan-box .plan-price-detail h6 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #888888;
}

.sass-home .plan-box .plan-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.sass-home .plan-box .plan-detail h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #2E2E2E;
}

.sass-home .plan-box .plan-detail h6 {
  text-transform: uppercase;
}

.sass-home .plan-box .plan-features-list {
  list-style-type: none;
  padding: 0;
}

.sass-home .plan-box .plan-features-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  line-height: 26px;
  color: #2E2E2E;
  margin-bottom: 10px;
}

.sass-home .plan-box .plan-features-list li:nth-last-child(1) {
  margin-bottom: 0;
}

.sass-home .plan-box .plan-features-list li .icon {
  margin-right: 8px;
  margin-top: -3px;
}

.sass-home .plan-box.plan1 {
  border: 1px solid #2F2483;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home .plan-box.plan1 .plan-detail h6 {
  color: #2F2483;
}

.sass-home .plan-box.plan1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #2F2483;
  border-radius: 24px;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home .plan-box.plan1 .btn-wrapper {
  display: none;
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 100%;
}

.sass-home .plan-box.plan1 .btn {
  -webkit-animation: planBtnAnimate .7s;
          animation: planBtnAnimate .7s;
  background-color: #2F2483;
  border: 1px solid #2F2483;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sass-home .plan-box.plan1 .btn:hover {
  background-color: transparent;
  color: #2F2483;
}

.sass-home .plan-box.plan1 .icon svg circle {
  fill: rgba(47, 36, 131, 0.7);
}

.sass-home .plan-box.plan1 .icon svg path {
  fill: #2F2483;
}

.sass-home .plan-box.plan1:hover, .sass-home .plan-box.plan1.active {
  padding-bottom: 92px;
  border-color: #ffffff;
  -webkit-box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
          box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
}

@media (max-width: 768px) {
  .sass-home .plan-box.plan1:hover, .sass-home .plan-box.plan1.active {
    padding-bottom: 76px;
  }
}

.sass-home .plan-box.plan1:hover .btn-wrapper, .sass-home .plan-box.plan1.active .btn-wrapper {
  display: block;
}

.sass-home .plan-box.plan1:hover::before, .sass-home .plan-box.plan1.active::before {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.sass-home .plan-box.plan2 {
  border: 1px solid #E3000F;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home .plan-box.plan2 .plan-detail h6 {
  color: #E3000F;
}

.sass-home .plan-box.plan2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #E3000F;
  border-radius: 24px;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home .plan-box.plan2 .btn-wrapper {
  display: none;
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 100%;
}

.sass-home .plan-box.plan2 .btn {
  -webkit-animation: planBtnAnimate .7s;
          animation: planBtnAnimate .7s;
  background-color: #E3000F;
  border: 1px solid #E3000F;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sass-home .plan-box.plan2 .btn:hover {
  background-color: transparent;
  color: #E3000F;
}

.sass-home .plan-box.plan2 .icon svg circle {
  fill: rgba(227, 0, 15, 0.7);
}

.sass-home .plan-box.plan2 .icon svg path {
  fill: #E3000F;
}

.sass-home .plan-box.plan2:hover, .sass-home .plan-box.plan2.active {
  padding-bottom: 92px;
  border-color: #ffffff;
  -webkit-box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
          box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
}

@media (max-width: 768px) {
  .sass-home .plan-box.plan2:hover, .sass-home .plan-box.plan2.active {
    padding-bottom: 76px;
  }
}

.sass-home .plan-box.plan2:hover .btn-wrapper, .sass-home .plan-box.plan2.active .btn-wrapper {
  display: block;
}

.sass-home .plan-box.plan2:hover::before, .sass-home .plan-box.plan2.active::before {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.sass-home .plan-box.plan3 {
  border: 1px solid #FCB300;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home .plan-box.plan3 .plan-detail h6 {
  color: #FCB300;
}

.sass-home .plan-box.plan3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #FCB300;
  border-radius: 24px;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sass-home .plan-box.plan3 .btn-wrapper {
  display: none;
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 100%;
}

.sass-home .plan-box.plan3 .btn {
  -webkit-animation: planBtnAnimate .7s;
          animation: planBtnAnimate .7s;
  background-color: #FCB300;
  border: 1px solid #FCB300;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.sass-home .plan-box.plan3 .btn:hover {
  background-color: transparent;
  color: #FCB300;
}

.sass-home .plan-box.plan3 .icon svg circle {
  fill: rgba(252, 179, 0, 0.7);
}

.sass-home .plan-box.plan3 .icon svg path {
  fill: #FCB300;
}

.sass-home .plan-box.plan3:hover, .sass-home .plan-box.plan3.active {
  padding-bottom: 92px;
  border-color: #ffffff;
  -webkit-box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
          box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
}

@media (max-width: 768px) {
  .sass-home .plan-box.plan3:hover, .sass-home .plan-box.plan3.active {
    padding-bottom: 76px;
  }
}

.sass-home .plan-box.plan3:hover .btn-wrapper, .sass-home .plan-box.plan3.active .btn-wrapper {
  display: block;
}

.sass-home .plan-box.plan3:hover::before, .sass-home .plan-box.plan3.active::before {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.product-presentation {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | product-presentation
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. custom-card style
04. Home Banner section style
05. Favourite Music section style
06. Features section style
07. Video section style
08. Developing Tech section style
09. Gallery section style
10. All Features section style
11. Speciality section style
12. Technology section style
13. Download Now Section style
14. Contact section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /* 03. custom-card style */
  /* 04. Home Banner section style */
  /* 05. Favourite Music section style */
  /* 06. Features section style */
  /* 07. Video section style */
  /* 08. Developing Tech section style */
  /* 09. Gallery section style */
  /* 10. All Features section style */
  /* 11. Speciality section style */
  /* 12. Technology section style */
  /* 13. Download Now Section style */
  /* 14. Contact section style  */
  overflow: hidden;
}

.product-presentation .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.product-presentation .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .product-presentation .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .product-presentation .title {
    margin-bottom: 32px;
  }
}

.product-presentation .title .title-heading,
.product-presentation .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .product-presentation .title .title-heading,
  .product-presentation .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .product-presentation .title .title-heading,
  .product-presentation .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .product-presentation .title .title-heading,
  .product-presentation .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .product-presentation .title .title-heading,
  .product-presentation .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .product-presentation .title .title-heading,
  .product-presentation .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .product-presentation .title .title-heading,
  .product-presentation .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.product-presentation .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.product-presentation .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .product-presentation .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .product-presentation .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .product-presentation .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .product-presentation .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .product-presentation .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .product-presentation .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.product-presentation .cover1 {
  position: relative;
}

.product-presentation .cover1 .container {
  position: relative;
  z-index: 2;
}

.product-presentation .cover1::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 95%;
  background: url(../images/product-presentation/pattern-2.svg);
  background-size: cover;
  background-position: top left;
  z-index: -1;
}

.product-presentation .cover2 {
  position: relative;
}

.product-presentation .cover2 .container {
  position: relative;
  z-index: 2;
}

.product-presentation .cover2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 85%;
  background: url(../images/product-presentation/pattern-3.svg);
  background-size: cover;
  background-position: bottom right;
  z-index: -1;
}

.product-presentation .cover3 {
  position: relative;
}

.product-presentation .cover3 .container {
  position: relative;
  z-index: 2;
}

.product-presentation .cover3::before {
  content: "";
  position: absolute;
  top: 15%;
  left: 0;
  width: 100%;
  height: 95%;
  background: url(../images/product-presentation/pattern-4.svg);
  background-position: top right;
  z-index: -1;
}

.product-presentation section.common-detail-section {
  position: relative;
}

.product-presentation .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.product-presentation .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .product-presentation .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.product-presentation .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.product-presentation .custom-card {
  padding: 32px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #F8FBFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .product-presentation .custom-card {
    background: #FFFFFF;
    -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
            box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
  }
  .product-presentation .custom-card .icon-circle {
    border: 1px solid #E3000F;
    color: #E3000F;
  }
  .product-presentation .custom-card p {
    color: #444444;
  }
}

.product-presentation .custom-card .icon-circle {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 8px;
  border: 1px solid #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2F2483;
}

.product-presentation .custom-card .icon-circle svg path {
  -webkit-transition: 0.01s ease-in-out;
  transition: 0.01s ease-in-out;
}

.product-presentation .custom-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-bottom: 8px;
}

.product-presentation .custom-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.product-presentation .custom-card:hover, .product-presentation .custom-card.active {
  background: #FFFFFF;
  -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.product-presentation .custom-card:hover .icon-circle, .product-presentation .custom-card.active .icon-circle {
  border: 1px solid #E3000F;
  color: #E3000F;
}

.product-presentation .features-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  background-color: #F8FBFF;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .product-presentation .features-card {
    margin: 8px 16px 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
  }
  .product-presentation .features-card .icon-circle {
    border: 1px solid #E3000F;
  }
  .product-presentation .features-card .icon-circle svg path {
    fill: #E3000F;
  }
  .product-presentation .features-card .icon-circle svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .product-presentation .features-card p {
    color: #444444;
  }
}

.product-presentation .features-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid rgba(47, 36, 131, 0.2);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-presentation .features-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.product-presentation .features-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

.product-presentation .features-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.product-presentation .features-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  background-color: #ffffff;
}

.product-presentation .features-card:hover .icon-circle {
  border: 1px solid #E3000F;
}

.product-presentation .features-card:hover .icon-circle svg path {
  fill: #E3000F;
}

.product-presentation .features-card:hover .icon-circle svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.product-presentation .features-card:hover p {
  color: #444444;
}

.product-presentation section.home-banner-section {
  position: relative;
}

@media (max-width: 991.98px) {
  .product-presentation section.home-banner-section .home-banner-section-data {
    text-align: center;
  }
  .product-presentation section.home-banner-section .home-banner-section-data .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.product-presentation section.home-banner-section .home-banner-section-data .fill-box-left {
  max-width: 603px;
}

.product-presentation section.home-banner-section .home-banner-section-data h1 {
  color: #2F2483;
}

.product-presentation section.home-banner-section .home-banner-section-data h1 span {
  color: #E3000F;
}

.product-presentation section.home-banner-section .home-banner-section-data p {
  margin: 20px 0;
}

.product-presentation section.home-banner-section .container {
  position: relative;
  z-index: 1;
}

.product-presentation section.home-banner-section::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 596px;
  background-image: url(../images/product-presentation/pattern-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-clip-path: circle(100%);
          clip-path: circle(100%);
  animation: circle_rotate 4s infinite ease-in-out reverse;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 1500px) {
  .product-presentation section.home-banner-section::before {
    width: 410px;
    height: 396px;
  }
}

@media (max-width: 992px) {
  .product-presentation section.home-banner-section::before {
    width: 294.8px;
    height: 284px;
  }
}

.product-presentation section.fav-music-section {
  position: relative;
}

.product-presentation section.features-section {
  position: relative;
}

.product-presentation section.features-section::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 596px;
  background-image: url(../images/product-presentation/pattern-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-clip-path: circle(100%);
          clip-path: circle(100%);
  animation: circle_rotate 4s infinite ease-in-out reverse;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

@media (max-width: 1500px) {
  .product-presentation section.features-section::before {
    width: 410px;
    height: 396px;
  }
}

@media (max-width: 992px) {
  .product-presentation section.features-section::before {
    width: 294.8px;
    height: 284px;
  }
}

.product-presentation section.features-section .container {
  position: relative;
  z-index: 1;
}

.product-presentation .video-section {
  position: relative;
}

.product-presentation .video-section .container {
  position: relative;
}

.product-presentation .video-section iframe {
  max-width: 1320px;
  max-height: 760px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  z-index: 0;
}

.product-presentation .video-section .ratio {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  z-index: 2;
}

.product-presentation .video-section .ratio .custom-iframe-bg {
  position: absolute;
  z-index: 2;
}

.product-presentation .video-section .ratio .custom-iframe-bg img {
  width: 100%;
}

.product-presentation .video-section .ratio .custom-iframe-bg .frame-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: #ffffff;
}

.product-presentation .video-section .ratio .custom-iframe-bg .frame-btn svg {
  max-width: 100%;
  max-height: 100%;
  fill: #ffffff;
}

.product-presentation .video-section .ratio .custom-iframe-bg .frame-btn svg path {
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media (max-width: 992px) {
  .product-presentation .video-section .ratio .custom-iframe-bg .frame-btn {
    width: 56px;
    height: 56px;
  }
}

.product-presentation .video-section .ratio .custom-iframe-bg .frame-btn:hover {
  color: #E3000F;
}

.product-presentation .video-section .ratio .custom-iframe-bg .frame-btn span {
  display: block;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  margin: auto;
}

@media (max-width: 992px) {
  .product-presentation .video-section .ratio .custom-iframe-bg .frame-btn span {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 576px) {
  .product-presentation .video-section .ratio .custom-iframe-bg .frame-btn span {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 768px) {
  .product-presentation section.dev-tech-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.product-presentation section.dev-tech-section .img-box {
  margin-bottom: -40px;
}

.product-presentation section.gallery-section .gallery-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  height: 330px;
  padding: 32px;
}

@media (max-width: 768px) {
  .product-presentation section.gallery-section .gallery-box {
    height: 240px;
  }
}

@media (max-width: 576px) {
  .product-presentation section.gallery-section .gallery-box {
    height: auto;
  }
}

.product-presentation section.gallery-section .gallery-box:nth-child(odd) {
  background-color: #FFD6CC;
}

.product-presentation section.gallery-section .gallery-box:nth-child(even) {
  background-color: #D9EAFF;
}

.product-presentation section.gallery-section .gallery-box:nth-child(even)::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 95%;
  height: 95%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../images/product-presentation/gallery-shadow1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.product-presentation section.gallery-section .gallery-box img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 2;
}

.product-presentation section.gallery-section .gallery-box .gallery-info {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.product-presentation section.gallery-section .gallery-box .gallery-info .gallery-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
}

.product-presentation section.gallery-section .gallery-box .gallery-info a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  padding: 0 20px;
}

.product-presentation section.gallery-section .gallery-box .gallery-info h4 {
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;
}

.product-presentation section.gallery-section .gallery-box:hover .gallery-info {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.product-presentation section.all-features-section {
  position: relative;
  margin-top: -24px;
}

.product-presentation section.all-features-section::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 596px;
  background-image: url(../images/product-presentation/pattern-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-clip-path: circle(100%);
          clip-path: circle(100%);
  animation: circle_rotate 4s infinite ease-in-out reverse;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

@media (max-width: 1500px) {
  .product-presentation section.all-features-section::before {
    width: 410px;
    height: 396px;
  }
}

@media (max-width: 992px) {
  .product-presentation section.all-features-section::before {
    width: 294.8px;
    height: 284px;
  }
}

.product-presentation section.all-features-section .custom-card {
  margin-top: 24px;
}

.product-presentation section.speciality-section {
  position: relative;
}

.product-presentation section.speciality-section .title {
  margin-bottom: 64px;
}

@media (max-width: 992px) {
  .product-presentation section.speciality-section .title {
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  .product-presentation section.speciality-section .title {
    margin-bottom: 16px;
  }
}

.product-presentation section.speciality-section .container {
  position: relative;
  z-index: 1;
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider {
  overflow: hidden;
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card {
  margin: 20px 12px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  border: 0;
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card:hover .card-body {
  background-color: #ffffff;
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card:hover .card-body p {
  opacity: 1;
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .img-box {
  height: 260px;
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .card-body {
  background-color: #F8FBFF;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 24px 30px;
}

@media (max-width: 1200px) {
  .product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .card-body {
    padding: 16px 24px;
  }
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .card-body h5.card-title {
  color: #2F2483;
  font-size: 24px;
  line-height: 34px;
}

@media (max-width: 1200px) {
  .product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .card-body h5.card-title {
    font-size: 17px;
    line-height: 26px;
  }
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .card-body p {
  margin: 24px 0px;
  color: #444444;
  font-size: 14px;
  line-height: 28px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .card-body p {
    margin: 12px 0px;
  }
}

.product-presentation section.speciality-section .speciality-section-data .speciality-slider .card .card-body .btn {
  min-height: 39px;
  padding: 9px 19px;
  font-size: 14px;
}

.product-presentation section.technology-section .technology-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  height: 600px;
  padding: 60px;
}

@media (max-width: 992px) {
  .product-presentation section.technology-section .technology-box {
    height: 520px;
  }
}

@media (max-width: 768px) {
  .product-presentation section.technology-section .technology-box {
    height: auto;
    min-height: 360px;
  }
}

@media (max-width: 576px) {
  .product-presentation section.technology-section .technology-box {
    height: auto;
    min-height: 360px;
    padding: 40px 16px;
  }
}

.product-presentation section.technology-section .technology-box h2 {
  font-weight: 700;
  margin-bottom: 16px;
}

@media (min-width: 1500px) {
  .product-presentation section.technology-section .technology-box h2 {
    max-width: 480px;
    font-size: 48px;
    line-height: 70px;
  }
}

.product-presentation section.technology-section .technology-box p {
  margin-bottom: 20px;
}

.product-presentation section.technology-section .technology-box:nth-child(1) {
  background-color: #2F2483;
  border-radius: 200px 0 0 0;
}

@media (max-width: 768px) {
  .product-presentation section.technology-section .technology-box:nth-child(1) {
    border-radius: 80px 80px 0 0;
  }
}

@media (max-width: 576px) {
  .product-presentation section.technology-section .technology-box:nth-child(1) {
    border-radius: 56px 56px 0 0;
  }
}

.product-presentation section.technology-section .technology-box:nth-child(1)::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 95%;
  height: 95%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../images/product-presentation/technology-shadow1.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.product-presentation section.technology-section .technology-box:nth-child(2) {
  background-color: #F2F8FF;
}

.product-presentation section.technology-section .technology-box:nth-child(3) {
  background-color: #FFF9F7;
}

.product-presentation section.technology-section .technology-box:nth-child(4) {
  background-color: #E3000F;
  border-radius: 0 0 200px 0;
}

@media (max-width: 768px) {
  .product-presentation section.technology-section .technology-box:nth-child(4) {
    border-radius: 0 0 40px 40px;
  }
}

@media (max-width: 768px) {
  .product-presentation section.technology-section .technology-box:nth-child(4) {
    border-radius: 0 0 40px 40px;
  }
}

.product-presentation section.technology-section .technology-box:nth-child(4)::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 95%;
  height: 95%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../images/product-presentation/technology-shadow2.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.product-presentation section.technology-section .technology-box img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 2;
}

@media (max-width: 576px) {
  .product-presentation section.technology-section .technology-box img {
    max-width: 240px;
    max-height: 240px;
  }
}

.product-presentation .download-now-section .download-now-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url(../images/product-presentation/download-now-img.jpg);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/product-presentation/download-now-img.jpg);
  color: #ffffff;
  border-radius: 32px;
  padding: 196px 24px;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@media (min-width: 992px) {
  .product-presentation .download-now-section .download-now-container {
    border-radius: 50px;
  }
}

@media (max-width: 768px) {
  .product-presentation .download-now-section .download-now-container {
    padding: 96px 24px;
  }
}

@media (max-width: 576px) {
  .product-presentation .download-now-section .download-now-container {
    padding: 64px 24px;
  }
}

.product-presentation .download-now-section .download-now-container h3 {
  text-transform: uppercase;
  font-weight: bold;
}

.product-presentation .download-now-section .download-now-container p {
  max-width: 920px;
  margin-bottom: 40px;
}

@media (min-width: 992px) {
  .product-presentation .download-now-section .download-now-container p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 48px;
  }
}

.product-presentation .download-now-section .download-now-container .btn-box {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.product-presentation section.contact-section {
  position: relative;
  padding-bottom: 128px;
}

.product-presentation section.contact-section::before {
  content: "";
  position: absolute;
  width: 620px;
  height: 596px;
  background-image: url(../images/product-presentation/pattern-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-clip-path: circle(100%);
          clip-path: circle(100%);
  animation: circle_rotate 4s infinite ease-in-out reverse;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

@media (max-width: 1500px) {
  .product-presentation section.contact-section::before {
    width: 410px;
    height: 396px;
  }
}

@media (max-width: 992px) {
  .product-presentation section.contact-section::before {
    width: 294.8px;
    height: 284px;
  }
}

.digital-agency {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Digital Agency
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. Common style
04. Home Banner section style
05. Service section style
06. Features section style
07. Video section style
08. Progress section style
09. Best Effort section style
10. Client Experience section style
11. Team section style 
12. Testimonial section style
13. Partner section style
14. Blog section style
15. Platforms section style
16. Horizon section style
17. Contact section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Mixin and Key-frames style */
  /* 03. Cover section style */
  /* 04. Home Banner section style */
  /* 05. Service section style */
  /* 06. Features section style */
  /* 07. Video section style */
  /* 08. Progress section style */
  /* 09. Best Effort section style */
  /* 10. Client Experience section style */
  /* 11. Team section style */
  /* 12. Testimonial section style */
  /* 13. Partner section style */
  /* 14. Blog section style */
  /* 15. Platforms section style */
  /* 16. Horizon section style */
  /* 17. Contact section style  */
}

.digital-agency .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.digital-agency .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .digital-agency .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .digital-agency .title {
    margin-bottom: 32px;
  }
}

.digital-agency .title .title-heading,
.digital-agency .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .digital-agency .title .title-heading,
  .digital-agency .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .digital-agency .title .title-heading,
  .digital-agency .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .digital-agency .title .title-heading,
  .digital-agency .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .digital-agency .title .title-heading,
  .digital-agency .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .digital-agency .title .title-heading,
  .digital-agency .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .digital-agency .title .title-heading,
  .digital-agency .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.digital-agency .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.digital-agency .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .digital-agency .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .digital-agency .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .digital-agency .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .digital-agency .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .digital-agency .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .digital-agency .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.digital-agency .progress-circle {
  position: relative;
}

.digital-agency .progress-circle .progress-num {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 600;
}

.digital-agency .progress-circle .progress-num i {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-left: 1px;
}

.digital-agency .progress-circle1 .progress-num {
  color: #003D85;
}

.digital-agency .progress-circle2 .progress-num {
  color: #8C0098;
}

.digital-agency .progress-circle3 .progress-num {
  color: #289A00;
}

.digital-agency .progress-circle4 .progress-num {
  color: #FB8500;
}

@-webkit-keyframes cssmarquee1 {
  0% {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@keyframes cssmarquee1 {
  0% {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@-webkit-keyframes cssmarquee4 {
  0% {
    -webkit-transform: translate(5%, 5%);
            transform: translate(5%, 5%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes cssmarquee4 {
  0% {
    -webkit-transform: translate(5%, 5%);
            transform: translate(5%, 5%);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes cssmarquee5 {
  0% {
    -webkit-transform: translate(-5%, -5%) rotate(180deg);
            transform: translate(-5%, -5%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(180deg);
            transform: translate(0, 0) rotate(180deg);
  }
}

@keyframes cssmarquee5 {
  0% {
    -webkit-transform: translate(-5%, -5%) rotate(180deg);
            transform: translate(-5%, -5%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(180deg);
            transform: translate(0, 0) rotate(180deg);
  }
}

@-webkit-keyframes cssmarquee6 {
  0% {
    -webkit-transform: translateY(-15%) rotate(180deg);
            transform: translateY(-15%) rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
  }
}

@keyframes cssmarquee6 {
  0% {
    -webkit-transform: translateY(-15%) rotate(180deg);
            transform: translateY(-15%) rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg);
            transform: translateY(0%) rotate(180deg);
  }
}

@-webkit-keyframes cssmarquee7 {
  0% {
    -webkit-transform: translateY(-15%) rotate(180deg) scaleX(-1);
            transform: translateY(-15%) rotate(180deg) scaleX(-1);
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg) scaleX(-1);
            transform: translateY(0%) rotate(180deg) scaleX(-1);
  }
}

@keyframes cssmarquee7 {
  0% {
    -webkit-transform: translateY(-15%) rotate(180deg) scaleX(-1);
            transform: translateY(-15%) rotate(180deg) scaleX(-1);
  }
  100% {
    -webkit-transform: translateY(0%) rotate(180deg) scaleX(-1);
            transform: translateY(0%) rotate(180deg) scaleX(-1);
  }
}

@-webkit-keyframes cssmarquee8 {
  0% {
    -webkit-transform: translateY(15%) scaleX(-1);
            transform: translateY(15%) scaleX(-1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(-1);
            transform: translateY(0%) scaleX(-1);
  }
}

@keyframes cssmarquee8 {
  0% {
    -webkit-transform: translateY(15%) scaleX(-1);
            transform: translateY(15%) scaleX(-1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(-1);
            transform: translateY(0%) scaleX(-1);
  }
}

.digital-agency .cover1 {
  position: relative;
  background: #F7FBFF;
  overflow: hidden;
}

.digital-agency .cover2 {
  position: relative;
  z-index: 9;
  background: #FFF9F7;
}

.digital-agency .cover2 .container {
  position: relative;
  z-index: 2;
}

.digital-agency .cover3 {
  position: relative;
  z-index: 9;
  padding-top: 40px;
  margin-top: -90px;
  padding-bottom: 90px;
}

.digital-agency .cover3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 125%;
  background: url(../images/digital-agency/cover3-bg.svg);
  background-size: cover;
  background-position: top center;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.digital-agency section.common-detail-section {
  position: relative;
}

.digital-agency .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.digital-agency .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .digital-agency .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.digital-agency .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.digital-agency section.home-banner-section {
  position: relative;
}

.digital-agency section.home-banner-section .home-banner-section-data .fill-box-left {
  max-width: 603px;
}

.digital-agency section.home-banner-section .home-banner-section-data h1 {
  color: #2F2483;
  max-width: 352px;
}

@media (min-width: 1500px) {
  .digital-agency section.home-banner-section .home-banner-section-data h1 {
    max-width: 464px;
  }
}

@media (max-width: 991.98px) {
  .digital-agency section.home-banner-section .home-banner-section-data h1 {
    margin-left: auto;
    margin-right: auto;
    max-width: unset;
  }
}

.digital-agency section.home-banner-section .home-banner-section-data h1 span {
  color: #E3000F;
}

.digital-agency section.home-banner-section .home-banner-section-data p {
  margin: 20px 0;
}

@media (max-width: 991.98px) {
  .digital-agency section.home-banner-section {
    text-align: center;
  }
  .digital-agency section.home-banner-section .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.digital-agency section.home-banner-section .container {
  position: relative;
  z-index: 1;
}

.digital-agency section.home-banner-section::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -145px;
  width: 350px;
  height: 400px;
  background-image: url(../images/digital-agency/pattern-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-animation: cssmarquee1 2s linear infinite alternate;
          animation: cssmarquee1 2s linear infinite alternate;
}

@media (min-width: 1500px) {
  .digital-agency section.home-banner-section::before {
    width: 424px;
    height: 480px;
  }
}

@media (max-width: 768px) {
  .digital-agency section.home-banner-section::before {
    top: 35%;
    left: -15px;
  }
}

.digital-agency section.service-section {
  position: relative;
}

.digital-agency section.service-section .title {
  margin-bottom: 64px;
}

@media (max-width: 992px) {
  .digital-agency section.service-section .title {
    margin-bottom: 24px;
  }
}

@media (max-width: 768px) {
  .digital-agency section.service-section .title {
    margin-bottom: 16px;
  }
}

.digital-agency section.service-section .container {
  position: relative;
  z-index: 1;
}

.digital-agency section.service-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 84.96px;
  height: 274.96px;
  background-image: url(../images/digital-agency/pattern2.svg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-animation: cssmarquee1 2s linear infinite alternate;
          animation: cssmarquee1 2s linear infinite alternate;
}

@media (min-width: 1500px) {
  .digital-agency section.service-section::after {
    width: 110px;
    height: 424px;
  }
}

@media (max-width: 768px) {
  .digital-agency section.service-section::after {
    width: 60px;
    height: 180px;
  }
}

.digital-agency section.service-section .service-section-data .service-slider {
  overflow: hidden;
}

.digital-agency section.service-section .service-section-data .service-slider .card {
  margin: 20px 12px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  overflow: hidden;
  border: 0;
}

.digital-agency section.service-section .service-section-data .service-slider .card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.digital-agency section.service-section .service-section-data .service-slider .card:hover .card-body {
  background-color: #ffffff;
}

.digital-agency section.service-section .service-section-data .service-slider .card:hover .card-body p {
  opacity: 1;
}

.digital-agency section.service-section .service-section-data .service-slider .card .img-box {
  height: 260px;
}

.digital-agency section.service-section .service-section-data .service-slider .card .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.digital-agency section.service-section .service-section-data .service-slider .card .card-body {
  background-color: #F8FBFF;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 24px 30px;
}

@media (max-width: 1200px) {
  .digital-agency section.service-section .service-section-data .service-slider .card .card-body {
    padding: 16px 24px;
  }
}

.digital-agency section.service-section .service-section-data .service-slider .card .card-body h5.card-title {
  color: #2F2483;
  font-size: 24px;
  line-height: 34px;
}

@media (max-width: 1200px) {
  .digital-agency section.service-section .service-section-data .service-slider .card .card-body h5.card-title {
    font-size: 17px;
    line-height: 26px;
  }
}

.digital-agency section.service-section .service-section-data .service-slider .card .card-body p {
  margin: 24px 0px;
  color: #444444;
  font-size: 14px;
  line-height: 28px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0.5;
}

@media (max-width: 1200px) {
  .digital-agency section.service-section .service-section-data .service-slider .card .card-body p {
    margin: 12px 0px;
  }
}

.digital-agency section.service-section .service-section-data .service-slider .card .card-body .btn {
  min-height: 39px;
  padding: 9px 19px;
  font-size: 14px;
}

.digital-agency section.features-section .features-section-data ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.digital-agency section.features-section .features-section-data ul li {
  margin-bottom: 100px;
  list-style: none;
  display: block;
}

.digital-agency section.features-section .features-section-data ul li:last-child {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .digital-agency section.features-section .features-section-data ul li {
    margin-bottom: 40px;
  }
  .digital-agency section.features-section .features-section-data ul li:last-child {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .digital-agency section.features-section .features-section-data .features_image {
    max-height: 400px;
  }
}

.digital-agency .video-section {
  position: relative;
}

.digital-agency .video-section .container {
  position: relative;
}

.digital-agency .video-section .container::before, .digital-agency .video-section .container::after {
  content: "";
  position: absolute;
  width: 145px;
  height: 175px;
  background-image: url(../images/digital-agency/video-pattern1.svg);
  background-size: contain;
  background-position: top right;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  .digital-agency .video-section .container::before, .digital-agency .video-section .container::after {
    width: 120px;
    height: 145px;
  }
}

.digital-agency .video-section .container::before {
  left: -30px;
  top: -45px;
  -webkit-animation: cssmarquee4 2s linear infinite alternate;
          animation: cssmarquee4 2s linear infinite alternate;
}

@media (max-width: 768px) {
  .digital-agency .video-section .container::before {
    left: -40px;
    top: -15px;
  }
}

.digital-agency .video-section .container::after {
  bottom: -45px;
  right: -30px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation: cssmarquee5 2s linear infinite alternate;
          animation: cssmarquee5 2s linear infinite alternate;
}

@media (max-width: 768px) {
  .digital-agency .video-section .container::after {
    bottom: -20px;
    right: -55px;
  }
}

.digital-agency .video-section iframe {
  max-width: 1320px;
  max-height: 680px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  z-index: 0;
}

.digital-agency .video-section .ratio {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.digital-agency .video-section .ratio .custom-iframe-bg {
  position: absolute;
  z-index: 2;
}

.digital-agency .video-section .ratio .custom-iframe-bg .frame-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  color: #ffffff;
}

.digital-agency .video-section .ratio .custom-iframe-bg .frame-btn svg {
  max-width: 100%;
  max-height: 100%;
  fill: #ffffff;
}

.digital-agency .video-section .ratio .custom-iframe-bg .frame-btn svg path {
  -webkit-transition: all .2s;
  transition: all .2s;
}

@media (max-width: 992px) {
  .digital-agency .video-section .ratio .custom-iframe-bg .frame-btn {
    width: 56px;
    height: 56px;
  }
}

.digital-agency .video-section .ratio .custom-iframe-bg .frame-btn:hover {
  color: #E3000F;
}

.digital-agency .video-section .ratio .custom-iframe-bg .frame-btn span {
  display: block;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  margin: auto;
}

@media (max-width: 992px) {
  .digital-agency .video-section .ratio .custom-iframe-bg .frame-btn span {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 576px) {
  .digital-agency .video-section .ratio .custom-iframe-bg .frame-btn span {
    width: 16px;
    height: 16px;
  }
}

.digital-agency section.progress-section {
  position: relative;
}

.digital-agency section.progress-section .container {
  position: relative;
  z-index: 1;
}

.digital-agency .progress-wrapper-box {
  padding: 40px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto 30px auto;
  background: #FFFFFF;
  text-align: center;
  max-width: 304px;
}

.digital-agency .progress-wrapper-box h5 {
  color: #4F4F4F;
  font-weight: 600;
  margin: 24px 0;
}

.digital-agency .progress-wrapper-box p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.digital-agency .progress-wrapper-box:hover {
  background: #F7FBFF;
  -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
}

.digital-agency .progress-wrapper-box:hover p {
  color: #444444;
}

.digital-agency .progress-wrapper-box .progress-circle {
  position: relative;
}

.digital-agency .progress-wrapper-box .progress-circle .progress-num {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 600;
}

.digital-agency .progress-wrapper-box .progress-circle .progress-num i {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-left: 1px;
}

.digital-agency section.best-effort-section {
  position: relative;
}

.digital-agency section.best-effort-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 84.96px;
  height: 274.96px;
  background-image: url(../images/digital-agency/pattern2.svg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-animation: cssmarquee6 2s linear infinite alternate;
          animation: cssmarquee6 2s linear infinite alternate;
  z-index: -1;
}

@media (min-width: 1500px) {
  .digital-agency section.best-effort-section::before {
    width: 110px;
    height: 424px;
  }
}

@media (max-width: 768px) {
  .digital-agency section.best-effort-section::before {
    width: 60px;
    height: 180px;
  }
}

.digital-agency section.client-experience-section {
  position: relative;
}

@media (max-width: 992px) {
  .digital-agency section.client-experience-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.digital-agency section.team-section {
  position: relative;
}

.digital-agency section.team-section::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 350px;
  height: 400px;
  background-image: url(../images/digital-agency/pattern-3.png);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-animation: cssmarquee1 2s linear infinite alternate;
          animation: cssmarquee1 2s linear infinite alternate;
}

@media (min-width: 1500px) {
  .digital-agency section.team-section::before {
    width: 424px;
    height: 480px;
  }
}

.digital-agency section.team-section .team-section-data .card {
  padding: 48px 24px;
  border-radius: 30px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: 0;
  margin: 8px 12px 24px;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  .digital-agency section.team-section .team-section-data .card {
    background: #FFF9F7;
    -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(238, 125, 103, 0.2);
            box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(238, 125, 103, 0.2);
  }
}

.digital-agency section.team-section .team-section-data .card:hover {
  background: #FFF9F7;
  -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(238, 125, 103, 0.2);
          box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(238, 125, 103, 0.2);
}

.digital-agency section.team-section .team-section-data .card:hover h5 {
  color: #2F2483;
}

.digital-agency section.team-section .team-section-data .card:hover ul li a svg path {
  fill: #E3000F;
}

.digital-agency section.team-section .team-section-data .card:hover .team-position {
  background: #EE7D67;
}

.digital-agency section.team-section .team-section-data .card .card-body {
  padding: 0;
}

.digital-agency section.team-section .team-section-data .card .image-data {
  width: 96px;
  height: 96px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.digital-agency section.team-section .team-section-data .card .image-data img {
  width: 100%;
}

.digital-agency section.team-section .team-section-data .card .team-position {
  width: 136px;
  background: #FFD6CC;
  border-radius: 15px;
  padding: 5.6px 8px;
  margin: 0 auto 24px auto;
  margin-top: -16px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.digital-agency section.team-section .team-section-data .card .team-position p {
  font-size: 12.8px;
  line-height: 1;
  color: #2E2E2E;
  font-weight: 400;
  margin: 0;
}

.digital-agency section.team-section .team-section-data .card .team-position h5 {
  margin-bottom: 15px;
  color: #2E2E2E;
}

.digital-agency section.team-section .team-section-data .card ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.digital-agency section.team-section .team-section-data .card ul li {
  display: inline-block;
  margin-right: 16px;
}

.digital-agency section.team-section .team-section-data .card ul li:last-child {
  margin-right: 0;
}

.digital-agency section.team-section .team-section-data .card ul li a {
  display: block;
  text-decoration: none;
}

.digital-agency section.team-section .team-section-data .card ul li a svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.digital-agency section.testimonial-section #home7_slider {
  position: relative;
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-indicators {
  position: unset;
  margin-bottom: 0;
  margin-top: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-indicators {
    margin-top: 24px;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-indicators .active {
  width: 20px !important;
  height: 20px !important;
  background: none !important;
  padding: 5px !important;
  border: 1px solid #E3000F !important;
  position: relative;
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-indicators .active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 8px !important;
  height: 8px !important;
  background: #E3000F;
  border-radius: 50%;
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-indicators [data-bs-target] {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 8px !important;
  height: 8px !important;
  background: #2E2E2E;
  opacity: 1;
  border: 0px;
  border-radius: 50%;
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-indicators {
  min-height: 21px;
  margin-top: 49px;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-indicators {
    margin-top: 16px;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-indicators [data-bs-target] {
  background-color: #888888;
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-control-next {
  width: 36.25px;
  opacity: 1;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-control-next {
    right: 0;
  }
}

@media (max-width: 576px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-control-next {
    display: none;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-control-prev {
  width: 36.25px;
  opacity: 1;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-control-prev {
    left: 0;
  }
}

@media (max-width: 576px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-control-prev {
    display: none;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-control-prev-icon {
  background: url("../images/digital-agency/angle-left.svg") no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-control-prev-icon {
    background-size: 80% 80%;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-control-next-icon {
  background: url("../images/digital-agency/angle-left.svg") no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-control-next-icon {
    background-size: 80% 80%;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .carousel-control-prev-icon:hover,
.digital-agency section.testimonial-section .testimonial-section-data .carousel-control-next-icon:hover {
  -webkit-filter: invert(71%) sepia(34%) saturate(3579%) hue-rotate(317deg) brightness(98%) contrast(90%);
          filter: invert(71%) sepia(34%) saturate(3579%) hue-rotate(317deg) brightness(98%) contrast(90%);
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-control-prev-icon,
  .digital-agency section.testimonial-section .testimonial-section-data .carousel-control-next-icon {
    display: none;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 946px;
  width: calc(100% - 50px);
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .testimonial-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card-info {
  width: 200px;
  min-width: 200px;
  padding-left: 32px;
  padding-right: 32px;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .testimonial-card-info {
    padding-left: 0;
    padding-right: 0;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card-text {
  padding-left: 32px;
  padding-right: 32px;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .testimonial-card-text {
    padding-left: 0;
    padding-right: 0;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .image-data {
  margin: 0 auto;
  margin-bottom: 16px;
  width: 120px;
  height: 120px;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .image-data img {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card h5 {
  font-size: 20px;
  margin-bottom: 3px;
  font-weight: 600;
  line-height: 24px;
  color: #E3000F;
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card span {
  display: block;
  margin-bottom: 17.6px;
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .common-p {
  position: relative;
  text-align: left;
  color: #2E2E2E;
  font-size: 13.6px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .common-p {
    text-align: center;
    margin-top: -40px;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .common-p::before, .digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .common-p::after {
  content: "";
  width: 64px;
  height: 56px;
  margin: 8px 0;
}

@media (max-width: 992px) {
  .digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .common-p::before, .digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .common-p::after {
    width: 40px;
    height: 32px;
  }
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .common-p::before {
  background: url("../images/digital-agency/quote-left.svg") no-repeat;
  left: 0;
  background-size: contain;
}

.digital-agency section.testimonial-section .testimonial-section-data .testimonial-card .common-p::after {
  background: url("../images/digital-agency/quote-right.svg") no-repeat;
  right: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  background-size: contain;
}

.digital-agency section.partner-section {
  overflow: hidden;
}

.digital-agency section.partner-section .partner-slide {
  padding: 16px;
}

.digital-agency section.partner-section .partner-section-data .card {
  padding: 52px 24px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: 0;
  margin: 8px 0 24px;
}

@media (max-width: 992px) {
  .digital-agency section.partner-section .partner-section-data .card {
    background: #FFF9F7;
    -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(238, 125, 103, 0.2);
            box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(238, 125, 103, 0.2);
  }
}

.digital-agency section.partner-section .partner-section-data .card:hover {
  background: #FFF9F7;
  -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(238, 125, 103, 0.2);
          box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(238, 125, 103, 0.2);
}

.digital-agency section.partner-section .partner-section-data .card:hover .image-data svg path {
  fill: #E3000F;
}

.digital-agency section.partner-section .partner-section-data .card .image-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.digital-agency section.partner-section .partner-section-data .card .image-data svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.digital-agency section.partner-section .partner-slider-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 16px;
}

.digital-agency section.partner-section .partner-slider-controls button {
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  opacity: .5;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-left: 32px;
}

.digital-agency section.partner-section .partner-slider-controls button:hover {
  opacity: 1;
}

.digital-agency section.blog-section {
  position: relative;
}

.digital-agency section.blog-section .title {
  margin-bottom: 57px;
}

.digital-agency section.blog-section .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .digital-agency section.blog-section .title {
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  .digital-agency section.blog-section .title {
    margin-bottom: 8px;
  }
}

.digital-agency section.blog-section::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 84.96px;
  height: 274.96px;
  background-image: url(../images/digital-agency/pattern2.svg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-transform: rotate(180deg) scaleX(-1);
          transform: rotate(180deg) scaleX(-1);
  -webkit-animation: cssmarquee7 2s linear infinite alternate;
          animation: cssmarquee7 2s linear infinite alternate;
}

@media (min-width: 1500px) {
  .digital-agency section.blog-section::after {
    width: 110px;
    height: 424px;
  }
}

@media (max-width: 768px) {
  .digital-agency section.blog-section::after {
    width: 60px;
    height: 180px;
  }
}

.digital-agency section.blog-section .carousel-item {
  padding: 24px 0;
}

.digital-agency section.blog-section .blog-container {
  position: relative;
}

.digital-agency section.blog-section .blog-container::before, .digital-agency section.blog-section .blog-container::after {
  content: "";
  position: absolute;
  width: 75px;
  height: 60px;
  background-image: url(../images/digital-agency/pattern-4.svg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
}

.digital-agency section.blog-section .blog-container::before {
  left: -20px;
  top: -30px;
}

.digital-agency section.blog-section .blog-container::after {
  bottom: 5px;
  right: -10px;
}

.digital-agency section.blog-section .blog-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #F8FBFF;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
  z-index: 2;
}

.digital-agency section.blog-section .blog-card .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.digital-agency section.blog-section .blog-card .detail-box {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.digital-agency section.blog-section .blog-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-bottom: 8px;
}

@media (min-width: 576px) {
  .digital-agency section.blog-section .blog-card h5 {
    font-size: 24px;
    line-height: 32px;
  }
}

.digital-agency section.blog-section .blog-card p {
  font-size: 14px;
  line-height: 28px;
  color: #444444;
}

.digital-agency section.blog-section .blog-card .btn {
  min-height: 39px;
  padding: 9px 19px;
  font-size: 14px;
}

.digital-agency section.blog-section .blog-card:hover {
  background-color: #ffffff;
  -webkit-box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
}

.digital-agency section.blog-section .blog-card-vr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.digital-agency section.blog-section .blog-card-vr .img-box {
  width: 100%;
  height: 250px;
}

@media (max-width: 576px) {
  .digital-agency section.blog-section .blog-card-vr .img-box {
    height: auto;
  }
}

.digital-agency section.blog-section .blog-card-vr .detail-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 576px) {
  .digital-agency section.blog-section .blog-card-vr .detail-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.digital-agency section.blog-section .blog-card-vr p {
  margin-left: 12px;
}

@media (max-width: 576px) {
  .digital-agency section.blog-section .blog-card-vr p {
    margin-left: 0;
  }
}

.digital-agency section.blog-section .blog-card-vr .btn {
  margin-left: auto;
}

@media (max-width: 576px) {
  .digital-agency section.blog-section .blog-card-vr .btn {
    margin-left: 0;
  }
}

@media (max-width: 576px) {
  .digital-agency section.blog-section .blog-card-hr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.digital-agency section.blog-section .blog-card-hr .img-box {
  width: 165px;
  min-width: 165px;
}

@media (max-width: 576px) {
  .digital-agency section.blog-section .blog-card-hr .img-box {
    width: 100%;
    height: auto;
  }
}

.digital-agency section.blog-section .carousel-indicators {
  position: unset;
  margin-bottom: 0;
  margin-top: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 992px) {
  .digital-agency section.blog-section .carousel-indicators {
    margin-top: 24px;
  }
}

.digital-agency section.blog-section .carousel-indicators .active {
  width: 20px !important;
  height: 20px !important;
  background: none !important;
  padding: 5px !important;
  border: 1px solid #E3000F !important;
  position: relative;
}

.digital-agency section.blog-section .carousel-indicators .active::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 8px !important;
  height: 8px !important;
  background: #E3000F;
  border-radius: 50%;
}

.digital-agency section.blog-section .carousel-indicators [data-bs-target] {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 8px !important;
  height: 8px !important;
  background: #2E2E2E;
  opacity: 1;
  border: 0px;
  border-radius: 50%;
}

.digital-agency section.blog-section .carousel-indicators {
  min-height: 21px;
  margin-top: 17px;
}

.digital-agency section.blog-section .carousel-indicators [data-bs-target] {
  background-color: #888888;
}

.digital-agency section.platforms-section .platform-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px;
  border-radius: 24px;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none;
}

.digital-agency section.platforms-section .platform-box .icon-box {
  margin-right: 24px;
  width: 35px;
  height: 35px;
}

.digital-agency section.platforms-section .platform-box .icon-box svg {
  max-width: 100%;
  max-height: 100%;
}

.digital-agency section.platforms-section .platform-box h4 {
  color: inherit;
  font-weight: 600;
  margin-bottom: 4px;
}

@media (min-width: 576px) {
  .digital-agency section.platforms-section .platform-box h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.digital-agency section.platforms-section .platform-box h6 {
  margin-bottom: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.digital-agency section.platforms-section .platform-box:hover {
  background: #FFFFFF;
  -webkit-box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
  color: #2F2483;
}

.digital-agency .horizon-section {
  background-image: url(../images/digital-agency/horizon-bg.svg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@media (max-width: 992px) {
  .digital-agency .horizon-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.digital-agency section.contact-section {
  position: relative;
  padding-bottom: 128px;
}

@media (max-width: 1200px) {
  .digital-agency section.contact-section {
    padding: 100px 0px;
  }
}

@media (max-width: 992px) {
  .digital-agency section.contact-section {
    padding: 48px 0px;
  }
}

.digital-agency section.contact-section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 84.96px;
  height: 274.96px;
  background-image: url(../images/digital-agency/pattern2.svg);
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-animation: cssmarquee8 2s linear infinite alternate;
          animation: cssmarquee8 2s linear infinite alternate;
}

@media (min-width: 1500px) {
  .digital-agency section.contact-section::after {
    width: 110px;
    height: 424px;
  }
}

@media (max-width: 768px) {
  .digital-agency section.contact-section::after {
    width: 60px;
    height: 180px;
  }
}

.digital-agency section.contact-section .container {
  position: relative;
  z-index: 2;
}

.about-us-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | About us
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. hero-section style
04. first-slider-section style
05. Left-side-section style
06. team-section style
07. testimonial-section style
08. partner-section style
09. contact-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /* 03. hero-section style */
  /* 04. first-slider-section style */
  /* 05. Left-side-section style */
  /* 06. team-section style */
  /* 07. testimonial-section style */
  /* 08. partner-section style */
  /* 09. contact-section style */
}

.about-us-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.about-us-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .about-us-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .about-us-page .title {
    margin-bottom: 32px;
  }
}

.about-us-page .title .title-heading,
.about-us-page .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .about-us-page .title .title-heading,
  .about-us-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .about-us-page .title .title-heading,
  .about-us-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .about-us-page .title .title-heading,
  .about-us-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .about-us-page .title .title-heading,
  .about-us-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .about-us-page .title .title-heading,
  .about-us-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .about-us-page .title .title-heading,
  .about-us-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.about-us-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.about-us-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .about-us-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .about-us-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .about-us-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .about-us-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .about-us-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .about-us-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.about-us-page .cover {
  position: relative;
  z-index: 999;
  background: url("../images/about-us/hero_bg.svg") no-repeat;
  background-size: contain;
}

.about-us-page .cover::before {
  content: "";
  position: absolute;
  left: 32px;
  top: 141px;
  margin: auto 0;
  height: 476px;
  width: 268px;
  background: url("../images/about-us/hero_before.svg") no-repeat;
  background-size: 100%;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .about-us-page .cover::before {
    height: 320px;
    width: 120px;
  }
}

@media (max-width: 768px) {
  .about-us-page .cover::before {
    height: 240px;
    width: 80px;
  }
}

.about-us-page .cover::after {
  content: "";
  position: absolute;
  right: 32px;
  bottom: 55px;
  margin: auto 0;
  height: 476px;
  width: 268px;
  background: url("../images/about-us/hero_after.svg") no-repeat;
  background-size: 100%;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .about-us-page .cover::after {
    height: 320px;
    width: 120px;
  }
}

@media (max-width: 768px) {
  .about-us-page .cover::after {
    height: 240px;
    width: 80px;
  }
}

.about-us-page section.hero-section .hero-section-data .fill-box-left {
  max-width: 648px;
}

@media (max-width: 991.98px) {
  .about-us-page section.hero-section .hero-section-data .fill-box-left {
    text-align: center;
  }
}

.about-us-page section.hero-section .hero-section-data .hero-right {
  padding-left: 60px;
}

.about-us-page section.hero-section .hero-section-data h1 {
  color: #2F2483;
}

.about-us-page section.hero-section .hero-section-data p {
  margin: 20px 0;
  max-width: 603px;
}

.about-us-page .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 991.98px) {
  .about-us-page .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.about-us-page .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .about-us-page .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.about-us-page .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.about-us-page .first-slider .slick-dots,
.about-us-page .team-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .about-us-page .first-slider .slick-dots,
  .about-us-page .team-slider .slick-dots {
    bottom: -24px;
  }
}

.about-us-page .first-slider .slick-dots li,
.about-us-page .team-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.about-us-page .first-slider .slick-dots li.slick-active,
.about-us-page .team-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.about-us-page .first-slider .slick-dots li.slick-active button::before,
.about-us-page .team-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.about-us-page .first-slider .slick-dots li button,
.about-us-page .team-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.about-us-page .first-slider .slick-dots li button::before,
.about-us-page .team-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.about-us-page .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 30px 12px 30px;
  background-color: #F2F8FF;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 767.98px) {
  .about-us-page .home-2-card {
    margin: 8px auto 16px;
    -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
            box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
    background-color: #ffffff;
  }
  .about-us-page .home-2-card .icon-circle {
    border: 1px solid #E3000F;
    background-color: #ffffff;
  }
  .about-us-page .home-2-card .icon-circle svg path {
    fill: #E3000F;
  }
  .about-us-page .home-2-card .icon-circle svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .about-us-page .home-2-card p {
    color: #444444;
  }
}

@media (max-width: 576px) {
  .about-us-page .home-2-card {
    margin: 8px auto 16px;
    max-width: 90%;
  }
}

.about-us-page .home-2-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.about-us-page .home-2-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.about-us-page .home-2-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

.about-us-page .home-2-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.about-us-page .home-2-card:hover {
  -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
  background-color: #F2F8FF;
}

.about-us-page .home-2-card:hover .icon-circle {
  border: 1px solid #E3000F;
  background-color: #ffffff;
}

.about-us-page .home-2-card:hover .icon-circle svg path {
  fill: #E3000F;
}

.about-us-page .home-2-card:hover .icon-circle svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.about-us-page .home-2-card:hover p {
  color: #444444;
}

.about-us-page section.left-side-section {
  position: relative;
  background: url("../images/about-us/arrow_right_bg.svg") no-repeat;
  background-size: contain;
  background-position: right top;
}

.about-us-page section.left-side-section::before {
  content: "";
  position: absolute;
  left: 32px;
  top: 40px;
  margin: auto 0;
  height: 476px;
  width: 268px;
  background: url("../images/about-us/hero_before.svg") no-repeat;
  background-size: 100%;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .about-us-page section.left-side-section::before {
    height: 320px;
    width: 120px;
  }
}

@media (max-width: 768px) {
  .about-us-page section.left-side-section::before {
    height: 240px;
    width: 80px;
  }
}

.about-us-page section.left-side-section .left-side-section-data .fill-box-right {
  max-width: 654px;
  padding-left: 60px;
}

@media (max-width: 1500px) {
  .about-us-page section.left-side-section .left-side-section-data .fill-box-right {
    padding-left: 0;
  }
}

.about-us-page section.left-side-section .left-side-section-data .fill-box-right p {
  margin: 20px 0;
}

.about-us-page section.team-section {
  position: relative;
  overflow: hidden;
  background-color: #FFF9F7;
}

.about-us-page section.team-section .team-slider .slick-dots {
  bottom: -40px;
}

.about-us-page section.team-section .team-slider .slick-prev {
  left: -150px;
}

@media (max-width: 1500px) {
  .about-us-page section.team-section .team-slider .slick-prev {
    left: -40px;
  }
}

.about-us-page section.team-section .team-slider .slick-next {
  right: -150px;
}

@media (max-width: 1500px) {
  .about-us-page section.team-section .team-slider .slick-next {
    right: -40px;
  }
}

.about-us-page section.team-section .team-slider .slick-prev, .about-us-page section.team-section .team-slider .slick-next {
  width: 36px;
}

.about-us-page section.team-section .team-slider .slick-prev:before, .about-us-page section.team-section .team-slider .slick-next:before {
  color: #E3000F;
  content: "";
}

.about-us-page section.team-section .team-slider .slick-prev:before,
.about-us-page section.team-section .team-slider .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
}

.about-us-page section.team-section .team-slider .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.about-us-page section.team-section .team-section-data .card {
  padding: 0;
  border-radius: 30px;
  overflow: hidden;
  background-color: transparent;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: left;
  border: 0;
  max-width: 312px;
  margin-left: auto;
  margin-right: auto;
  margin: 8px 12px 24px;
}

@media (max-width: 992px) {
  .about-us-page section.team-section .team-section-data .card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
    margin: 8px 24px 24px;
  }
}

@media (max-width: 992px) {
  .about-us-page section.team-section .team-section-data .card {
    margin: 8px 24px 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 280px;
  }
}

.about-us-page section.team-section .team-section-data .card:hover {
  background-color: transparent;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(227, 0, 15, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(227, 0, 15, 0.2);
}

.about-us-page section.team-section .team-section-data .card:hover h5, .about-us-page section.team-section .team-section-data .card:hover p {
  color: #2F2483;
}

.about-us-page section.team-section .team-section-data .card:hover ul li a svg path {
  fill: #E3000F;
}

.about-us-page section.team-section .team-section-data .card .card-body {
  padding: 24px 24px;
}

.about-us-page section.team-section .team-section-data .card h5 {
  margin-bottom: 5px;
  color: #2E2E2E;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.about-us-page section.team-section .team-section-data .card p {
  font-size: 12px;
  line-height: 16px;
  color: #2E2E2E;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-bottom: 16px;
}

.about-us-page section.team-section .team-section-data .card ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.about-us-page section.team-section .team-section-data .card ul li {
  display: inline-block;
  margin-right: 16px;
}

.about-us-page section.team-section .team-section-data .card ul li:last-child {
  margin-right: 0;
}

.about-us-page section.team-section .team-section-data .card ul li a {
  display: block;
  text-decoration: none;
}

.about-us-page section.team-section .team-section-data .card ul li a svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.about-us-page section.testimonial-section {
  position: relative;
  overflow: hidden;
  padding: 64px 0px 80px;
  background: url("../images/about-us/hero_bg.svg") no-repeat;
  background-size: contain;
  background-position: left top;
}

.about-us-page section.testimonial-section::after {
  content: "";
  position: absolute;
  right: 32px;
  bottom: 8px;
  margin: auto 0;
  height: 476px;
  width: 268px;
  background: url("../images/about-us/hero_after.svg") no-repeat;
  background-size: 100%;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .about-us-page section.testimonial-section::after {
    height: 320px;
    width: 120px;
  }
}

@media (max-width: 768px) {
  .about-us-page section.testimonial-section::after {
    height: 240px;
    width: 80px;
  }
}

@media (max-width: 992px) {
  .about-us-page section.testimonial-section {
    padding-bottom: 56px;
  }
}

.about-us-page section.testimonial-section .home-6-card h2 {
  max-width: 464px;
}

.about-us-page section.testimonial-section .home-6-card p {
  max-width: 603px;
}

.about-us-page section.testimonial-section .slick-prev {
  left: 0;
}

.about-us-page section.testimonial-section .slick-next {
  left: 56px;
}

.about-us-page section.testimonial-section .slick-prev, .about-us-page section.testimonial-section .slick-next {
  bottom: -24px !important;
  top: unset;
  width: 36px;
}

.about-us-page section.testimonial-section .slick-prev:before, .about-us-page section.testimonial-section .slick-next:before {
  color: #E3000F;
  content: "";
}

.about-us-page section.testimonial-section .slick-prev:before,
.about-us-page section.testimonial-section .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
}

.about-us-page section.testimonial-section .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.about-us-page section.testimonial-section .testimonial-section-data .fill-box-left {
  padding-left: 70px;
}

@media (max-width: 992px) {
  .about-us-page section.testimonial-section .testimonial-section-data .fill-box-left {
    padding-left: 0;
  }
}

.about-us-page section.testimonial-section .testimonial-section-data .fill-box-right .image-data {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-us-page section.testimonial-section .testimonial-section-data .fill-box-right .image-data .one {
  width: 84px;
  height: 84px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  border: 2px solid #E3000F;
}

.about-us-page section.testimonial-section .testimonial-section-data .fill-box-right .image-data .one img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.about-us-page section.testimonial-section .testimonial-section-data .fill-box-right .image-data .two {
  padding-left: 24px;
  width: calc(100% - 84px);
}

.about-us-page section.testimonial-section .testimonial-section-data .fill-box-right .image-data .two h5 {
  margin-bottom: 8px;
  color: #2F2483;
}

.about-us-page section.testimonial-section .testimonial-section-data .fill-box-right .image-data .two p {
  color: #E3000F;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
}

.about-us-page section.partner-section {
  overflow: hidden;
}

.about-us-page section.partner-section .partner-slider .slick-prev {
  left: -150px;
}

@media (max-width: 1500px) {
  .about-us-page section.partner-section .partner-slider .slick-prev {
    left: -40px;
  }
}

.about-us-page section.partner-section .partner-slider .slick-next {
  right: -150px;
}

@media (max-width: 1500px) {
  .about-us-page section.partner-section .partner-slider .slick-next {
    right: -40px;
  }
}

.about-us-page section.partner-section .partner-slider .slick-prev, .about-us-page section.partner-section .partner-slider .slick-next {
  width: 36px;
}

.about-us-page section.partner-section .partner-slider .slick-prev:before, .about-us-page section.partner-section .partner-slider .slick-next:before {
  color: #E3000F;
  content: "";
}

.about-us-page section.partner-section .partner-slider .slick-prev:before,
.about-us-page section.partner-section .partner-slider .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
}

.about-us-page section.partner-section .partner-slider .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.about-us-page section.partner-section .partner-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .about-us-page section.partner-section .partner-slider .slick-dots {
    bottom: -24px;
  }
}

.about-us-page section.partner-section .partner-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.about-us-page section.partner-section .partner-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.about-us-page section.partner-section .partner-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.about-us-page section.partner-section .partner-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.about-us-page section.partner-section .partner-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.about-us-page section.partner-section .partner-section-data .card {
  padding: 52px 24px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: 0;
  margin: 8px 12px 24px;
}

@media (max-width: 992px) {
  .about-us-page section.partner-section .partner-section-data .card {
    background-color: #F8FBFF;
    -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
            box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
    margin: 8px 24px 24px;
  }
}

.about-us-page section.partner-section .partner-section-data .card:hover {
  background-color: #F8FBFF;
  -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
}

.about-us-page section.partner-section .partner-section-data .card:hover .image-data svg path {
  fill: #E3000F;
}

.about-us-page section.partner-section .partner-section-data .card .image-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.about-us-page section.partner-section .partner-section-data .card .image-data svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.about-us-page section.contact-section {
  position: relative;
  background: url("../images/about-us/arrow_right_bg.svg") no-repeat;
  background-size: contain;
  background-position: right top;
}

.about-us-page section.contact-section::before {
  content: "";
  position: absolute;
  left: 32px;
  top: 70px;
  margin: auto 0;
  height: 476px;
  width: 268px;
  background: url("../images/about-us/hero_before.svg") no-repeat;
  background-size: 100%;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1200px) {
  .about-us-page section.contact-section::before {
    height: 320px;
    width: 120px;
  }
}

@media (max-width: 768px) {
  .about-us-page section.contact-section::before {
    height: 240px;
    width: 80px;
  }
}

.contact-us-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Contact us
* File          : _contact_us.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. first-slider-section style
04. hero-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. cover style */
  /* 03. first-slider-section style */
  /* 04. hero-section style */
}

.contact-us-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.contact-us-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .contact-us-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .contact-us-page .title {
    margin-bottom: 32px;
  }
}

.contact-us-page .title .title-heading,
.contact-us-page .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .contact-us-page .title .title-heading,
  .contact-us-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .contact-us-page .title .title-heading,
  .contact-us-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .contact-us-page .title .title-heading,
  .contact-us-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .contact-us-page .title .title-heading,
  .contact-us-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .contact-us-page .title .title-heading,
  .contact-us-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .contact-us-page .title .title-heading,
  .contact-us-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.contact-us-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.contact-us-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .contact-us-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .contact-us-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .contact-us-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .contact-us-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .contact-us-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .contact-us-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.contact-us-page .cover {
  background: #F7FBFF;
  background-position: center bottom;
  position: relative;
  overflow: hidden;
}

.contact-us-page .cover:after {
  position: absolute;
  content: "";
  bottom: -23px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url("../images/contact-us/contact_hero_bg.svg") no-repeat;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
  z-index: 1;
  height: 657px;
  width: 1592px;
}

@media all and (max-width: 1600px) {
  .contact-us-page .cover:after {
    height: 400px;
    width: 1120px;
    background-size: cover;
    bottom: 0;
  }
}

@media (max-width: 1200px) {
  .contact-us-page .cover:after {
    height: 320px;
    width: 800px;
  }
}

@media (max-width: 768px) {
  .contact-us-page .cover:after {
    height: 280px;
    width: 640px;
    background-size: contain;
  }
}

@media (max-width: 576px) {
  .contact-us-page .cover:after {
    height: 400px;
    width: 800px;
    background-size: contain;
  }
}

.contact-us-page section.first-slider-section .first-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .contact-us-page section.first-slider-section .first-slider .slick-dots {
    bottom: -24px;
  }
}

.contact-us-page section.first-slider-section .first-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.contact-us-page section.first-slider-section .first-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.contact-us-page section.first-slider-section .first-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.contact-us-page section.first-slider-section .first-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.contact-us-page section.first-slider-section .first-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.contact-us-page section.first-slider-section .first-slider-data {
  margin-bottom: -30px;
}

@media (max-width: 768px) {
  .contact-us-page section.first-slider-section .first-slider-data {
    margin-bottom: 0;
  }
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  background-color: #ffffff;
  text-align: center;
  max-width: 400px;
  text-align: center;
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

@media (min-width: 1500px) {
  .contact-us-page section.first-slider-section .first-slider-data .home-2-card h5 {
    font-size: 22px;
    line-height: 30px;
  }
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card p {
  color: #444444 !important;
}

@media (max-width: 768px) {
  .contact-us-page section.first-slider-section .first-slider-data .home-2-card {
    margin: 8px auto 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
    padding: 24px 24px;
  }
  .contact-us-page section.first-slider-section .first-slider-data .home-2-card .icon-circle {
    border: 1px solid #2F2483;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .contact-us-page section.first-slider-section .first-slider-data .home-2-card p {
    color: #444444 !important;
  }
}

@media (max-width: 576px) {
  .contact-us-page section.first-slider-section .first-slider-data .home-2-card {
    margin: 8px auto 16px;
    max-width: 90% !important;
  }
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card .icon-circle {
  border-radius: 10px;
  border: 1px solid #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card .icon-circle.white-fill {
  fill: #ffffff !important;
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card p {
  max-width: 228px;
  margin-left: auto;
  margin-right: auto;
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card:hover .icon-circle {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
  border: 1px solid transparent;
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card:hover svg path {
  fill: #E3000F;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card:hover svg path.stroke {
  stroke: #E3000F;
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card:hover svg path.on-stroke {
  stroke: #E3000F;
  fill: transparent;
}

.contact-us-page section.first-slider-section .first-slider-data .home-2-card:hover svg path.white-fill {
  fill: #ffffff !important;
}

.contact-us-page section.hero-section .hero-section-data .fill-box-left {
  max-width: 648px;
}

@media (max-width: 991.98px) {
  .contact-us-page section.hero-section .hero-section-data .fill-box-left {
    max-width: unset;
    text-align: center;
  }
}

.contact-us-page section.hero-section .hero-section-data .hero-right {
  padding-left: 60px;
}

@media (max-width: 576px) {
  .contact-us-page section.hero-section .hero-section-data .hero-right {
    padding-left: 0;
  }
}

.contact-us-page section.hero-section .hero-section-data h1 {
  color: #2F2483;
  max-width: 360px;
}

@media (max-width: 991.98px) {
  .contact-us-page section.hero-section .hero-section-data h1 {
    max-width: unset;
  }
}

.contact-us-page section.hero-section .hero-section-data p {
  margin: 20px 0;
  max-width: 603px;
}

.contact-us-page .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 991.98px) {
  .contact-us-page .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.contact-us-page .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .contact-us-page .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.contact-us-page .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.get-in-touch-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Get in Touch
* File          : _getin_touch.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. first-slider-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 04. first-slider-section style */
}

.get-in-touch-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.get-in-touch-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .get-in-touch-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .get-in-touch-page .title {
    margin-bottom: 32px;
  }
}

.get-in-touch-page .title .title-heading,
.get-in-touch-page .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .get-in-touch-page .title .title-heading,
  .get-in-touch-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .get-in-touch-page .title .title-heading,
  .get-in-touch-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .get-in-touch-page .title .title-heading,
  .get-in-touch-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .get-in-touch-page .title .title-heading,
  .get-in-touch-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .get-in-touch-page .title .title-heading,
  .get-in-touch-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .get-in-touch-page .title .title-heading,
  .get-in-touch-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.get-in-touch-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.get-in-touch-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .get-in-touch-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .get-in-touch-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .get-in-touch-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .get-in-touch-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .get-in-touch-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .get-in-touch-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.get-in-touch-page section.first-slider-section .first-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .get-in-touch-page section.first-slider-section .first-slider .slick-dots {
    bottom: -24px;
  }
}

.get-in-touch-page section.first-slider-section .first-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.get-in-touch-page section.first-slider-section .first-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.get-in-touch-page section.first-slider-section .first-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.get-in-touch-page section.first-slider-section .first-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.get-in-touch-page section.first-slider-section .first-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.get-in-touch-page section.first-slider-section .first-slider-data {
  margin-bottom: -30px;
}

@media (max-width: 768px) {
  .get-in-touch-page section.first-slider-section .first-slider-data {
    margin-bottom: 0;
  }
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  background-color: #ffffff;
  text-align: center;
  max-width: 400px;
  text-align: center;
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

@media (min-width: 1500px) {
  .get-in-touch-page section.first-slider-section .first-slider-data .home-2-card h5 {
    font-size: 22px;
    line-height: 30px;
  }
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card p {
  color: #444444 !important;
}

@media (max-width: 768px) {
  .get-in-touch-page section.first-slider-section .first-slider-data .home-2-card {
    margin: 8px auto 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
    padding: 24px 24px;
  }
  .get-in-touch-page section.first-slider-section .first-slider-data .home-2-card .icon-circle {
    border: 1px solid #2F2483;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .get-in-touch-page section.first-slider-section .first-slider-data .home-2-card p {
    color: #444444 !important;
  }
}

@media (max-width: 576px) {
  .get-in-touch-page section.first-slider-section .first-slider-data .home-2-card {
    margin: 8px auto 16px;
    max-width: 90% !important;
  }
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card .icon-circle {
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
  border: 1px solid transparent;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card .icon-circle.white-fill {
  fill: #ffffff !important;
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card p {
  max-width: 228px;
  margin-left: auto;
  margin-right: auto;
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card:hover {
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card:hover .icon-circle {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
  border: 1px solid transparent;
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card:hover svg path {
  fill: #E3000F;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card:hover svg path.stroke {
  stroke: #E3000F;
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card:hover svg path.on-stroke {
  stroke: #E3000F;
  fill: transparent;
}

.get-in-touch-page section.first-slider-section .first-slider-data .home-2-card:hover svg path.white-fill {
  fill: #ffffff !important;
}

.get-in-touch-page section.map-section iframe {
  width: 100%;
}

.our-client-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Our Client
* File          : _contact_us.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. hero-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. cover style */
  /* 04. hero-section style */
}

.our-client-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.our-client-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .our-client-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .our-client-page .title {
    margin-bottom: 32px;
  }
}

.our-client-page .title .title-heading,
.our-client-page .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .our-client-page .title .title-heading,
  .our-client-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .our-client-page .title .title-heading,
  .our-client-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .our-client-page .title .title-heading,
  .our-client-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .our-client-page .title .title-heading,
  .our-client-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .our-client-page .title .title-heading,
  .our-client-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .our-client-page .title .title-heading,
  .our-client-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.our-client-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.our-client-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .our-client-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .our-client-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .our-client-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .our-client-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .our-client-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .our-client-page .title .title-paragraph {
    font-size: 20px;
    line-height: 32px;
  }
}

.our-client-page .cover {
  background: #F7FBFF;
  background-position: center bottom;
  position: relative;
  overflow: hidden;
}

.our-client-page section.hero-section svg {
  width: 100%;
  height: 100%;
  max-width: 1415px;
  max-height: 630px;
}

.our-client-page section.hero-section svg .merquee-plus {
  -webkit-animation: cssmarqueeplus 1s linear infinite alternate;
          animation: cssmarqueeplus 1s linear infinite alternate;
}

.our-client-page section.hero-section svg .merquee-minus {
  -webkit-animation: cssmarqueeminus 1s linear infinite alternate;
          animation: cssmarqueeminus 1s linear infinite alternate;
}

.our-client-page section.hero-section svg .floating_left {
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

.our-client-page section.hero-section svg .rotate_circle {
  -webkit-transition: -webkit-transform 0.7s linear;
  transition: -webkit-transform 0.7s linear;
  transition: transform 0.7s linear;
  transition: transform 0.7s linear, -webkit-transform 0.7s linear;
  -webkit-animation: rotatess 7s infinite linear;
          animation: rotatess 7s infinite linear;
}

.team-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Our Client
* File          : _contact_us.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. hero-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. cover style */
  /* 03. hero-section style */
  /* 04. testimonial-section */
  /* 15. Home section 10 style */
}

.team-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.team-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .team-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .team-page .title {
    margin-bottom: 32px;
  }
}

.team-page .title .title-heading,
.team-page .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .team-page .title .title-heading,
  .team-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .team-page .title .title-heading,
  .team-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .team-page .title .title-heading,
  .team-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .team-page .title .title-heading,
  .team-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .team-page .title .title-heading,
  .team-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .team-page .title .title-heading,
  .team-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.team-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.team-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .team-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .team-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .team-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .team-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .team-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .team-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.team-page .cover {
  background: #F7FBFF;
  background-position: center bottom;
  position: relative;
  overflow: hidden;
}

.team-page section.hero-section .hero-section-data .fill-box-left {
  max-width: 604px;
}

@media (max-width: 991.98px) {
  .team-page section.hero-section .hero-section-data .fill-box-left {
    text-align: center;
  }
}

.team-page section.hero-section .hero-section-data h5.sub-head {
  font-size: 32px;
  line-height: 70px;
  margin-bottom: 0;
  color: #2F2483;
}

@media (max-width: 1200px) {
  .team-page section.hero-section .hero-section-data h5.sub-head {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}

@media (max-width: 768px) {
  .team-page section.hero-section .hero-section-data h5.sub-head {
    font-size: 20px;
    line-height: 32px;
  }
}

.team-page section.hero-section .hero-section-data h1 {
  color: #2F2483;
}

.team-page section.hero-section .hero-section-data p {
  margin: 20px 0;
}

.team-page .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (max-width: 991.98px) {
  .team-page .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.team-page .btn-box .btn {
  min-height: 52px;
  padding: 16px 24px;
}

@media (max-width: 768px) {
  .team-page .btn-box .btn {
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
  }
}

.team-page .btn-box .btn.btn-primary {
  margin-right: 22px;
}

.team-page section.testimonial-section {
  background-color: #FFF9F7;
  position: relative;
  overflow: hidden;
}

.team-page section.testimonial-section::before, .team-page section.testimonial-section::after {
  position: absolute;
  text-transform: uppercase;
  font-size: 180px;
  line-height: 180px;
  color: rgba(227, 0, 15, 0.12);
  font-weight: 800;
  z-index: 1;
}

@media (max-width: 1500px) {
  .team-page section.testimonial-section::before, .team-page section.testimonial-section::after {
    font-size: 120px;
    line-height: 120px;
  }
}

@media (max-width: 992px) {
  .team-page section.testimonial-section::before, .team-page section.testimonial-section::after {
    font-size: 96px;
    line-height: 96px;
  }
}

@media (max-width: 576px) {
  .team-page section.testimonial-section::before, .team-page section.testimonial-section::after {
    font-size: 64px;
    line-height: 64px;
  }
}

.team-page section.testimonial-section::before {
  content: 'onials';
  top: 0;
  left: -50px;
  -webkit-animation: cssmarquee 2s linear infinite alternate;
          animation: cssmarquee 2s linear infinite alternate;
}

@media (max-width: 576px) {
  .team-page section.testimonial-section::before {
    top: 24px;
  }
}

.team-page section.testimonial-section::after {
  content: 'Testimon';
  bottom: 0;
  right: -50px;
  -webkit-animation: cssmarquee2 2s linear infinite alternate;
          animation: cssmarquee2 2s linear infinite alternate;
}

@media (max-width: 576px) {
  .team-page section.testimonial-section::after {
    bottom: 24px;
  }
}

.team-page section.testimonial-section .div-title.title {
  margin-bottom: 34px;
}

.team-page section.testimonial-section .testimonial-slider {
  max-width: 1051px;
  margin-left: auto;
  margin-right: auto;
  margin-right: 1px;
}

.team-page section.testimonial-section .testimonial-slider .slick-dots {
  bottom: -57px;
}

@media (max-width: 1200px) {
  .team-page section.testimonial-section .testimonial-slider .slick-dots {
    bottom: -32px;
  }
}

.team-page section.testimonial-section .testimonial-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.team-page section.testimonial-section .testimonial-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.team-page section.testimonial-section .testimonial-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.team-page section.testimonial-section .testimonial-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.team-page section.testimonial-section .testimonial-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #323232;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.team-page section.testimonial-section .testimonial-slider .slick-prev {
  left: 353px;
}

@media (max-width: 992px) {
  .team-page section.testimonial-section .testimonial-slider .slick-prev {
    left: 263px;
  }
}

@media (max-width: 768px) {
  .team-page section.testimonial-section .testimonial-slider .slick-prev {
    left: calc(50% - 50px);
  }
}

.team-page section.testimonial-section .testimonial-slider .slick-next {
  left: 407px;
}

@media (max-width: 992px) {
  .team-page section.testimonial-section .testimonial-slider .slick-next {
    left: 319px;
  }
}

@media (max-width: 768px) {
  .team-page section.testimonial-section .testimonial-slider .slick-next {
    right: calc(50% - 50px);
    left: unset !important;
  }
}

.team-page section.testimonial-section .testimonial-slider .slick-prev, .team-page section.testimonial-section .testimonial-slider .slick-next {
  bottom: 14px !important;
  z-index: 55;
  top: unset;
  width: 36px;
}

@media (max-width: 992px) {
  .team-page section.testimonial-section .testimonial-slider .slick-prev, .team-page section.testimonial-section .testimonial-slider .slick-next {
    bottom: 5px !important;
  }
}

.team-page section.testimonial-section .testimonial-slider .slick-prev:before, .team-page section.testimonial-section .testimonial-slider .slick-next:before {
  color: #E3000F;
  content: "";
}

.team-page section.testimonial-section .testimonial-slider .slick-prev:before,
.team-page section.testimonial-section .testimonial-slider .slick-next:before {
  background: url("../images/common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 36px;
  position: absolute;
  height: 16px;
  left: 0;
  top: 0;
}

.team-page section.testimonial-section .testimonial-slider .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.team-page section.testimonial-section .card.testimonial-card {
  display: inline-block;
  width: 100%;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  overflow: hidden;
}

@media (max-width: 992px) {
  .team-page section.testimonial-section .card.testimonial-card .testimonial-image {
    width: 220px !important;
    height: 225.28px !important;
  }
  .team-page section.testimonial-section .card.testimonial-card .testimonial-image::before {
    width: 50px !important;
    height: 50px !important;
    background-size: 60% !important;
  }
  .team-page section.testimonial-section .card.testimonial-card .testimonial-body.card-body {
    width: calc(100% - 225px) !important;
    padding-left: 40px !important;
  }
}

@media (max-width: 768px) {
  .team-page section.testimonial-section .card.testimonial-card p {
    text-align: center;
  }
  .team-page section.testimonial-section .card.testimonial-card .testimonial-image {
    width: 220px !important;
    height: 225.28px !important;
    display: block !important;
    margin: 0 auto 20px auto;
  }
  .team-page section.testimonial-section .card.testimonial-card .testimonial-body.card-body {
    width: 100% !important;
    padding-left: 0 !important;
    display: block !important;
    text-align: center;
  }
}

.team-page section.testimonial-section .card.testimonial-card .testimonial-image {
  position: relative;
  display: inline-block;
  width: 291px;
  height: 298px;
  vertical-align: middle;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 15px 0px #FAA31E4D;
          box-shadow: 0px 4px 15px 0px #FAA31E4D;
}

.team-page section.testimonial-section .card.testimonial-card .testimonial-image::before {
  position: absolute;
  content: '';
  background-color: #ffffff;
  width: 63px;
  height: 63px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 4px 4px 0px #00000040;
          box-shadow: 0px 4px 4px 0px #00000040;
  right: -31.5px;
  top: 34px;
  background: url("../images/startup-agency/quote.svg") no-repeat #ffffff;
  background-position: center center;
}

.team-page section.testimonial-section .card.testimonial-card .testimonial-body.card-body {
  width: calc(100% - 296px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 62px;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.team-page section.testimonial-section .card.testimonial-card .testimonial-body.card-body .common-p-18 {
  font-weight: 700;
  color: #000000;
  margin-bottom: 2px;
  line-height: 26px;
}

.team-page section.testimonial-section .card.testimonial-card .testimonial-body.card-body .text-subtitle {
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  color: #E3000F;
  margin-bottom: 15px;
}

.team-page section.testimonial-section .card.testimonial-card .testimonial-body.card-body p {
  font-size: 16px;
  line-height: 30px;
  color: #2E2E2E;
  margin-bottom: 52px;
  font-weight: 400;
  max-width: 698px;
}

.team-page section.home-section-10 .home-section-10-data .card {
  padding: 78px 24px;
  border-radius: 30px;
  overflow: hidden;
  background-color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center;
  border: 1px solid rgba(47, 36, 131, 0.37);
  margin: 8px 12px 24px;
}

@media (max-width: 992px) {
  .team-page section.home-section-10 .home-section-10-data .card {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(47, 36, 131, 0.2);
    margin: 8px 24px 24px;
  }
}

.team-page section.home-section-10 .home-section-10-data .card:hover {
  background-color: #F8FBFF;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 10px 10px 20px 0px rgba(47, 36, 131, 0.2);
  border: 1px solid transparent;
}

.team-page section.home-section-10 .home-section-10-data .card:hover .image-data {
  background-color: #E3000F;
}

.team-page section.home-section-10 .home-section-10-data .card:hover ul li a svg path {
  fill: #E3000F;
}

.team-page section.home-section-10 .home-section-10-data .card:hover h5, .team-page section.home-section-10 .home-section-10-data .card:hover p {
  color: #2F2483;
}

.team-page section.home-section-10 .home-section-10-data .card .card-body {
  padding: 0;
}

.team-page section.home-section-10 .home-section-10-data .card .image-data {
  margin: 0 auto 24px auto;
  width: 84px;
  height: 84px;
  padding: 5px;
  border-radius: 50%;
  background-color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.team-page section.home-section-10 .home-section-10-data .card h5 {
  margin-bottom: 15px;
  color: #2E2E2E;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.team-page section.home-section-10 .home-section-10-data .card p {
  font-size: 12px;
  line-height: 16px;
  color: #2E2E2E;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.team-page section.home-section-10 .home-section-10-data .card ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.team-page section.home-section-10 .home-section-10-data .card ul li {
  display: inline-block;
  margin-right: 16px;
}

.team-page section.home-section-10 .home-section-10-data .card ul li:last-child {
  margin-right: 0;
}

.team-page section.home-section-10 .home-section-10-data .card ul li a {
  display: block;
  text-decoration: none;
}

.team-page section.home-section-10 .home-section-10-data .card ul li a svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.team-page .home-2-slider .slick-dots {
  bottom: -16px;
}

@media (max-width: 768px) {
  .team-page .home-2-slider .slick-dots {
    bottom: -24px;
  }
}

.team-page .home-2-slider .slick-dots li {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}

.team-page .home-2-slider .slick-dots li.slick-active {
  border: 1px solid #2F2483;
}

.team-page .home-2-slider .slick-dots li.slick-active button::before {
  background-color: #2F2483;
}

.team-page .home-2-slider .slick-dots li button {
  padding: 0 !important;
  text-align: center;
  width: 18px;
  height: 18px;
}

.team-page .home-2-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  font-family: unset;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #444444;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.our-services-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Our Services page
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. Font style
02. Layout elements style
03. Home Banner section
04. Integration section
05. Features section
06. First Slider section

-------------------------------------------------------------------------------------- */
  /* 01. Font style */
  /* 02. Layout elements style */
  /* 03. Home Banner section */
  /* 04. Integration section */
  /* 05. Features section */
  /* 06. First Slider section */
}

@media (max-width: 576px) {
  .our-services-page p {
    font-size: 16px;
    line-height: 24px;
  }
}

.our-services-page section {
  padding: 72px 0;
}

@media (max-width: 768px) {
  .our-services-page section {
    padding: 50px 0;
  }
}

.our-services-page .home-banner-section {
  padding: 116px 0 100px;
}

@media (max-width: 992px) {
  .our-services-page .home-banner-section {
    padding: 90px 0 70px;
  }
}

@media (max-width: 768px) {
  .our-services-page .home-banner-section {
    padding: 50px 0 50px;
  }
}

.our-services-page p {
  margin: 0;
}

.our-services-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.our-services-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .our-services-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .our-services-page .title {
    margin-bottom: 32px;
  }
}

.our-services-page .title .title-heading,
.our-services-page .title h2.title-heading {
  margin-bottom: 16px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .our-services-page .title .title-heading,
  .our-services-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .our-services-page .title .title-heading,
  .our-services-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .our-services-page .title .title-heading,
  .our-services-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .our-services-page .title .title-heading,
  .our-services-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .our-services-page .title .title-heading,
  .our-services-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .our-services-page .title .title-heading,
  .our-services-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.our-services-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.our-services-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .our-services-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .our-services-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .our-services-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .our-services-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .our-services-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .our-services-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.our-services-page .cover1 {
  position: relative;
  padding: 0;
}

@media (min-width: 1200px) {
  .our-services-page .cover1 {
    max-width: calc(100% - 90px);
  }
}

@media (min-width: 1500px) {
  .our-services-page .cover1 {
    max-width: calc(100% - 180px);
  }
}

@media (max-width: 1200px) {
  .our-services-page .cover1 {
    padding: 0 15px;
  }
}

.our-services-page section.home-banner-section {
  background: #F7FBFF;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

.our-services-page section.home-banner-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 175px;
  width: 350px;
  height: 310px;
  background: url(../images/our-services/home-bg-1.svg);
  background-size: contain;
  background-position: top right;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  background-repeat: no-repeat;
}

.our-services-page section.home-banner-section::after {
  content: "";
  position: absolute;
  bottom: 120px;
  right: 90px;
  width: 214.4px;
  height: 280px;
  background: url(../images/our-services/home-bg-2.svg);
  background-size: cover;
  background-position: top right;
  z-index: -1;
  -webkit-transform: translate(45%, 45%);
          transform: translate(45%, 45%);
}

.our-services-page section.home-banner-section .home-banner-section-data .fill-box-left {
  max-width: 632px;
}

.our-services-page section.home-banner-section .home-banner-section-data h1 {
  color: #2F2483;
  max-width: 448px;
  margin-bottom: 24px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}

@media (min-width: 1500px) {
  .our-services-page section.home-banner-section .home-banner-section-data h1 {
    max-width: 100%;
  }
}

@media (max-width: 991.98px) {
  .our-services-page section.home-banner-section .home-banner-section-data h1 {
    margin-left: auto;
    margin-right: auto;
    max-width: unset;
  }
}

@media (max-width: 380px) {
  .our-services-page section.home-banner-section .home-banner-section-data h1 {
    font-size: 24px;
  }
}

.our-services-page section.home-banner-section .home-banner-section-data h1 span {
  color: #E3000F;
}

.our-services-page section.home-banner-section .home-banner-section-data p {
  margin: 40px 0;
  max-width: 600px;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 380px) {
  .our-services-page section.home-banner-section .home-banner-section-data p {
    margin: 30px 0;
  }
}

.our-services-page section.home-banner-section .btn-box {
  margin: 0 -8px;
}

.our-services-page section.home-banner-section .btn-box a {
  margin: 0 8px;
}

@media (max-width: 991.98px) {
  .our-services-page section.home-banner-section {
    text-align: center;
  }
  .our-services-page section.home-banner-section .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.our-services-page section.integration-section {
  margin-top: 24px;
}

@media (max-width: 1200px) {
  .our-services-page section.integration-section {
    margin-top: 16px;
  }
}

@media (max-width: 992px) {
  .our-services-page section.integration-section {
    margin-top: 8px;
  }
}

.our-services-page section.integration-section .integration-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 992px) {
  .our-services-page section.integration-section .integration-container {
    margin-right: -24px;
  }
}

@media (max-width: 576px) {
  .our-services-page section.integration-section .integration-container {
    margin-right: 0;
  }
}

.our-services-page section.integration-section .integration-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 224px;
  height: 205px;
  margin-right: 40px;
  margin-top: 40px;
  background: #F7FBFF;
  border-radius: 16px;
  text-decoration: none;
}

@media (max-width: 1200px) {
  .our-services-page section.integration-section .integration-box {
    width: calc(50% - 24px);
    height: auto;
    margin-right: 24px;
    margin-top: 24px;
  }
}

@media (max-width: 576px) {
  .our-services-page section.integration-section .integration-box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 280px;
  }
}

@media (max-width: 768px) {
  .our-services-page section.integration-section .integration-box {
    background: #FFFFFF;
    -webkit-box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
            box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
    color: #2F2483;
    border-radius: 30.4px;
  }
}

.our-services-page section.integration-section .integration-box .icon-box {
  margin-bottom: 24px;
  width: 64px;
  height: 64px;
  color: #2F2483;
}

@media (min-width: 1200px) {
  .our-services-page section.integration-section .integration-box .icon-box {
    width: 80px;
    height: 80px;
  }
}

.our-services-page section.integration-section .integration-box .icon-box svg {
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.our-services-page section.integration-section .integration-box h4 {
  color: inherit;
  font-weight: 600;
  margin-bottom: 4px;
}

@media (min-width: 576px) {
  .our-services-page section.integration-section .integration-box h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.our-services-page section.integration-section .integration-box h6 {
  margin-bottom: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16.8px;
}

.our-services-page section.integration-section .integration-box:hover {
  background: #FFFFFF;
  -webkit-box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
  color: #2F2483;
  border-radius: 30.4px;
}

.our-services-page section.integration-section .integration-box:hover .icon-box {
  color: #E3000F;
}

.our-services-page section.features-section {
  position: relative;
}

.our-services-page section.features-section .custom-card {
  margin-top: 24px;
}

.our-services-page section.features-section .features-wrapper {
  position: relative;
}

.our-services-page section.features-section .features-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 38%;
  height: 100%;
  background: #F2F8FF;
  border-radius: 30px 0px 0px 30px;
  z-index: -1;
}

@media (max-width: 768px) {
  .our-services-page section.features-section .features-wrapper::before {
    width: 100%;
    height: 35%;
    border-radius: 30px 30px 0px 0px;
  }
}

.our-services-page section.features-section .custom-card {
  padding: 32px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #F8FBFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1200px) {
  .our-services-page section.features-section .custom-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 768px) {
  .our-services-page section.features-section .custom-card {
    background: #FFFFFF;
    -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
            box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
  }
  .our-services-page section.features-section .custom-card .icon-circle {
    color: #E3000F;
  }
  .our-services-page section.features-section .custom-card h5 {
    color: #2F2483;
  }
  .our-services-page section.features-section .custom-card p {
    color: #444444;
  }
}

.our-services-page section.features-section .custom-card .icon-circle {
  width: 60px;
  height: 60px;
  min-width: 60px;
  border-radius: 8px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2F2483;
}

@media (max-width: 1200px) {
  .our-services-page section.features-section .custom-card .icon-circle {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.our-services-page section.features-section .custom-card .icon-circle svg path,
.our-services-page section.features-section .custom-card .icon-circle svg rect {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.our-services-page section.features-section .custom-card h5 {
  color: #2E2E2E;
  font-weight: 600;
  margin-bottom: 8px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.our-services-page section.features-section .custom-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.our-services-page section.features-section .custom-card:hover, .our-services-page section.features-section .custom-card.active {
  background: #FFFFFF;
  -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.our-services-page section.features-section .custom-card:hover .icon-circle, .our-services-page section.features-section .custom-card.active .icon-circle {
  color: #E3000F;
}

.our-services-page section.features-section .custom-card:hover h5, .our-services-page section.features-section .custom-card.active h5 {
  color: #2F2483;
}

@media (max-width: 992px) {
  .our-services-page section.features-section .img-box {
    margin-top: 32px;
  }
}

.our-services-page section.first-slider-section .first-slider-data {
  margin-bottom: -30px;
}

@media (max-width: 768px) {
  .our-services-page section.first-slider-section .first-slider-data {
    margin-bottom: 0;
  }
}

.our-services-page section.first-slider-section .first-slider-card {
  background-color: #ffffff;
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 12px 30px;
  text-align: center;
  max-width: 400px;
}

@media (max-width: 768px) {
  .our-services-page section.first-slider-section .first-slider-card {
    margin: 8px auto 16px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
            box-shadow: 0px 0px 20px 0px rgba(47, 36, 131, 0.2);
    background-color: #ffffff;
    padding: 24px 24px;
  }
  .our-services-page section.first-slider-section .first-slider-card .icon-circle {
    border: 1px solid #E3000F;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .our-services-page section.first-slider-section .first-slider-card .icon-circle svg path {
    fill: #E3000F;
  }
  .our-services-page section.first-slider-section .first-slider-card .icon-circle svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .our-services-page section.first-slider-section .first-slider-card .icon-circle svg path.on-stroke {
    stroke: #E3000F;
    fill: transparent;
  }
  .our-services-page section.first-slider-section .first-slider-card p {
    color: #444444;
  }
}

@media (max-width: 576px) {
  .our-services-page section.first-slider-section .first-slider-card {
    margin: 8px auto 16px;
    max-width: 90% !important;
  }
}

.our-services-page section.first-slider-section .first-slider-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.our-services-page section.first-slider-section .first-slider-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.our-services-page section.first-slider-section .first-slider-card .icon-circle svg path.on-stroke {
  stroke: #2F2483;
  fill: transparent;
}

.our-services-page section.first-slider-section .first-slider-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
}

.our-services-page section.first-slider-section .first-slider-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.our-services-page section.first-slider-section .first-slider-card:hover {
  -webkit-box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
}

.our-services-page section.first-slider-section .first-slider-card:hover .icon-circle {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
          box-shadow: 5px 5px 10px 0px rgba(47, 36, 131, 0.2);
  border: 1px solid #E3000F;
}

.our-services-page section.first-slider-section .first-slider-card:hover svg path {
  fill: #E3000F;
}

.our-services-page section.first-slider-section .first-slider-card:hover svg path.stroke {
  stroke: #E3000F;
}

.our-services-page section.first-slider-section .first-slider-card:hover svg path.on-stroke {
  stroke: #E3000F;
  fill: transparent;
}

.our-services-page section.first-slider-section .first-slider-card:hover p {
  color: #444444;
}

.our-services-page section.first-slider-section .first-slider-card a {
  font-size: 14px;
  line-height: 19px;
  margin-top: 22px;
  display: block;
  color: #2F2483;
  font-weight: 400;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.our-services-page section.first-slider-section .first-slider-card a:hover {
  color: #E3000F;
}

.our-services-page section.first-slider-section .first-slider-card a i {
  margin-left: 10px;
}

.our-services-page section.first-slider-section .first-slider-card:hover {
  background-color: #ffffff;
}

.our-services-page section.first-slider-section .first-slider .slick-prev {
  left: -150px;
}

@media (max-width: 1500px) {
  .our-services-page section.first-slider-section .first-slider .slick-prev {
    left: -24px;
  }
}

@media (max-width: 1200px) {
  .our-services-page section.first-slider-section .first-slider .slick-prev {
    left: -16px;
  }
}

.our-services-page section.first-slider-section .first-slider .slick-next {
  right: -150px;
}

@media (max-width: 1500px) {
  .our-services-page section.first-slider-section .first-slider .slick-next {
    right: -24px;
  }
}

@media (max-width: 1200px) {
  .our-services-page section.first-slider-section .first-slider .slick-next {
    right: -16px;
  }
}

.our-services-page section.first-slider-section .first-slider .slick-prev,
.our-services-page section.first-slider-section .first-slider .slick-next {
  width: 12px;
  height: 24px;
}

.our-services-page section.first-slider-section .first-slider .slick-prev:before,
.our-services-page section.first-slider-section .first-slider .slick-next:before {
  color: #E3000F;
  content: "";
}

.our-services-page section.first-slider-section .first-slider .slick-prev:before,
.our-services-page section.first-slider-section .first-slider .slick-next:before {
  background: url("../images/our-services/chevron_left.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 12px;
  position: absolute;
  height: 24px;
  left: 0;
  top: 0;
}

.our-services-page section.first-slider-section .first-slider .slick-next:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.our-services-page .salesforce {
  margin: 54px 0 0;
}

@media (max-width: 768px) {
  .our-services-page .salesforce {
    margin: 0;
  }
}

.our-services-page .salesforce .sal-container {
  position: relative;
  padding: 32px 0;
}

@media (max-width: 992px) {
  .our-services-page .salesforce .sal-container {
    padding: 0;
  }
}

.our-services-page .salesforce .sal-container .title-bg-2 {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  width: 100%;
  text-align: center;
}

.our-services-page .salesforce .sal-container .title-bg {
  font-family: "Open Sans", sans-serif;
  color: #2F2483;
  opacity: 5%;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  font-size: 224px;
  font-weight: 900;
}

@media (max-width: 1650px) {
  .our-services-page .salesforce .sal-container .title-bg {
    font-size: 176px;
  }
}

@media (max-width: 1500px) {
  .our-services-page .salesforce .sal-container .title-bg {
    font-size: 176px;
  }
}

@media (max-width: 1200px) {
  .our-services-page .salesforce .sal-container .title-bg {
    font-size: 160px;
  }
}

@media (max-width: 992px) {
  .our-services-page .salesforce .sal-container .title-bg {
    font-size: 112px;
  }
}

@media (max-width: 768px) {
  .our-services-page .salesforce .sal-container .title-bg {
    font-size: 80px;
  }
}

@media (max-width: 380px) {
  .our-services-page .salesforce .sal-container .title-bg {
    font-size: 44px !important;
  }
}

@media (max-width: 576px) {
  .our-services-page .salesforce .sal-container .title-bg {
    font-size: 48px;
    left: 0;
  }
}

.our-services-page .salesforce .sal-container .sal-title h1 {
  font-size: 40px;
  line-height: 48px;
  color: #2E2E2E;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 768px) {
  .our-services-page .salesforce .sal-container .sal-title h1 {
    font-size: 32px;
  }
}

@media (max-width: 576px) {
  .our-services-page .salesforce .sal-container .sal-title h1 {
    font-size: 20px;
  }
}

.our-services-page .salesforce .sal-container .sal-title p {
  max-width: 960px;
  text-align: center;
  margin: 0 auto;
  color: #444444;
  line-height: 32px;
  font-size: 18px;
  margin-bottom: 85px;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 768px) {
  .our-services-page .salesforce .sal-container .sal-title p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 55px;
  }
}

.our-services-page .salesforce .sal-container .sales-content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 48px;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 1200px) {
  .our-services-page .salesforce .sal-container .sales-content {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

@media (max-width: 576px) {
  .our-services-page .salesforce .sal-container .sales-content {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    text-align: center;
  }
}

.our-services-page .salesforce .sal-container .sales-content .sales-box {
  border: 1px #E9E9E9 solid;
  border-radius: 16px;
  padding: 24px 24px;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.our-services-page .salesforce .sal-container .sales-content .sales-box:hover {
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.our-services-page .salesforce .sal-container .sales-content .sales-box:hover .sales-icon {
  background-color: #2F2483;
}

.our-services-page .salesforce .sal-container .sales-content .sales-box:hover .sales-icon .icon-1 {
  display: none;
}

.our-services-page .salesforce .sal-container .sales-content .sales-box:hover .sales-icon .icon-2 {
  display: block;
}

@media (max-width: 576px) {
  .our-services-page .salesforce .sal-container .sales-content .sales-box {
    text-align: center;
  }
}

.our-services-page .salesforce .sal-container .sales-content .sales-box .sales-icon {
  width: 96px;
  height: 96px;
  border: 2px #2F2483 solid;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 576px) {
  .our-services-page .salesforce .sal-container .sales-content .sales-box .sales-icon {
    margin: 0 auto;
  }
}

.our-services-page .salesforce .sal-container .sales-content .sales-box .sales-icon .icon-2 {
  display: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.our-services-page .salesforce .sal-container .sales-content .sales-box .sales-icon .icon-1 {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.our-services-page .salesforce .sal-container .sales-content .sales-box .sales-icon img {
  width: 65%;
}

.our-services-page .salesforce .sal-container .sales-content .sales-box h1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 40px;
  color: #2E2E2E;
  width: 90%;
  margin-top: 24px;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 992px) {
  .our-services-page .salesforce .sal-container .sales-content .sales-box h1 {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 576px) {
  .our-services-page .salesforce .sal-container .sales-content .sales-box h1 {
    width: 100%;
  }
}

.our-services-page .salesforce .sal-container .sales-content .sales-box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30.4px;
  color: #444444;
  padding: 0;
  text-align: justify;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 992px) {
  .our-services-page .salesforce .sal-container .sales-content .sales-box p {
    font-size: 14.4px;
    line-height: 24px;
  }
}

@media (max-width: 576px) {
  .our-services-page .salesforce .sal-container .sales-content .sales-box p {
    text-align: center;
  }
}

@media (max-width: 1200px) {
  .our-services-page .ex-box {
    display: none;
  }
}

.our-services-page .about-us {
  position: relative;
}

.our-services-page .about-us::before {
  content: '';
  position: absolute;
  width: 25%;
  height: 100%;
  background: #2F2483;
  top: 0;
  left: 0;
}

@media (max-width: 992px) {
  .our-services-page .about-us::before {
    width: 0%;
  }
}

.our-services-page .about-us::after {
  content: '';
  position: absolute;
  width: 75%;
  height: 100%;
  background: #F7F9FF;
  top: 0;
  right: 0;
  z-index: -1;
}

@media (max-width: 992px) {
  .our-services-page .about-us::after {
    width: 100%;
  }
}

.our-services-page .about-us .about-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 48px;
}

@media (max-width: 992px) {
  .our-services-page .about-us .about-container {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
}

.our-services-page .about-us .about-container .about-img {
  width: 40%;
}

@media (max-width: 992px) {
  .our-services-page .about-us .about-container .about-img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.our-services-page .about-us .about-container .about-img img {
  width: 100%;
}

@media (max-width: 992px) {
  .our-services-page .about-us .about-container .about-img img {
    width: 70%;
  }
}

.our-services-page .about-us .about-container .about-content {
  width: 60%;
}

@media (max-width: 992px) {
  .our-services-page .about-us .about-container .about-content {
    width: 100%;
    text-align: center;
  }
}

.our-services-page .about-us .about-container .about-content h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  color: #2E2E2E;
  width: 90%;
  margin-top: 24px;
  margin-bottom: 24px;
  width: 100%;
}

@media (max-width: 576px) {
  .our-services-page .about-us .about-container .about-content h1 {
    font-size: 36px;
  }
}

@media (max-width: 380px) {
  .our-services-page .about-us .about-container .about-content h1 {
    font-size: 30px;
    margin: 18px 0;
  }
}

.our-services-page .about-us .about-container .about-content p {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: #444444;
  padding: 0;
  margin-bottom: 40px;
  text-align: justify;
}

@media (max-width: 992px) {
  .our-services-page .about-us .about-container .about-content p {
    font-size: 14.4px;
    text-align: center;
    line-height: 24px;
  }
}

@media (max-width: 576px) {
  .our-services-page .about-us .about-container .about-content p {
    text-align: center;
  }
}

.our-services-page .about-us .about-container .about-content .about-box {
  padding: 24px;
  background: #ffffff;
  border-radius: 16px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.our-services-page .about-us .about-container .about-content .about-box .about-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}

.our-services-page .about-us .about-container .about-content .about-box .about-title img {
  margin-right: 16px;
}

.our-services-page .about-us .about-container .about-content .about-box .about-title h1 {
  font-size: 20px;
  color: #2F2483;
  line-height: 20.8px;
  margin: 0;
  text-align: start;
  width: 100%;
  font-weight: 600;
}

@media (max-width: 992px) {
  .our-services-page .about-us .about-container .about-content .about-box .about-title h1 {
    font-size: 16px;
  }
}

.our-services-page .about-us .about-container .about-content .about-box p {
  font-size: 16px;
  line-height: 20.8px;
  color: #444444;
  margin: 0;
  text-align: start;
}

@media (max-width: 992px) {
  .our-services-page .about-us .about-container .about-content .about-box p {
    font-size: 14.4px;
  }
}

.our-services-page .about-us .about-btn {
  margin-top: 40px;
}

.our-services-page .crm-title {
  margin-top: 45px;
}

.our-services-page .crm-title h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #2F2483;
  margin-bottom: 16px;
  text-align: center;
}

.our-services-page .crm-title h1 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
  margin-bottom: 32px;
  text-align: center;
}

@media (max-width: 992px) {
  .our-services-page .crm-title h1 {
    font-size: 32px;
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .our-services-page .crm-title h1 {
    font-size: 24px;
    line-height: 32px;
  }
}

.our-services-page .crm-title p {
  font-size: 24px;
  line-height: 32px;
  color: #444444;
  margin-bottom: 80px;
  text-align: start;
  text-align: center;
}

@media (max-width: 992px) {
  .our-services-page .crm-title p {
    font-size: 20px;
    margin-bottom: 80px;
  }
}

.our-services-page .crm-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 48px;
}

@media (max-width: 992px) {
  .our-services-page .crm-content {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.our-services-page .crm-content .crm-img-1 {
  display: none;
}

@media (max-width: 992px) {
  .our-services-page .crm-content .crm-img-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 50px;
  }
}

.our-services-page .crm-content .crm-img-1 img {
  width: 80%;
}

@media (max-width: 992px) {
  .our-services-page .crm-content .crm-img-2 {
    display: none;
  }
}

.our-services-page .crm-content .crm-contect-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 24px 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1200px) {
  .our-services-page .crm-content .crm-contect-box {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 20px 20px;
  }
}

.our-services-page .crm-content .crm-contect-box .crm-box {
  border: 1px #E9E9E9 solid;
  border-radius: 16px;
  padding: 24px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100%;
}

.our-services-page .crm-content .crm-contect-box .crm-box:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.our-services-page .crm-content .crm-contect-box .crm-box .crm-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.our-services-page .crm-content .crm-contect-box .crm-box .crm-title-box img {
  margin-right: 10px;
}

.our-services-page .crm-content .crm-contect-box .crm-box .crm-title-box h1 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  color: #2F2483;
  margin: 0;
  padding: 0;
}

@media (max-width: 992px) {
  .our-services-page .crm-content .crm-contect-box .crm-box .crm-title-box h1 {
    font-size: 16px;
  }
}

.our-services-page .crm-content .crm-contect-box .crm-box p {
  font-size: 16px;
  line-height: 32px;
  color: #888888;
  font-weight: 400;
  margin: 0;
}

@media (max-width: 992px) {
  .our-services-page .crm-content .crm-contect-box .crm-box p {
    font-size: 14.4px;
  }
}

.our-services-page .contact-us {
  position: relative;
}

.our-services-page .contact-us::before {
  content: '';
  position: absolute;
  width: 75%;
  height: 100%;
  background: #F7F9FF;
  top: 0;
  left: 0;
}

@media (max-width: 992px) {
  .our-services-page .contact-us::before {
    width: 100%;
  }
}

.our-services-page .contact-us::after {
  content: '';
  position: absolute;
  width: 35%;
  height: 100%;
  background: #2F2483;
  top: 0;
  right: 0;
  z-index: -1;
}

@media (max-width: 992px) {
  .our-services-page .contact-us::after {
    width: 0%;
  }
}

.our-services-page .contact-us .contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 48px;
  padding: 20px 0;
}

@media (max-width: 992px) {
  .our-services-page .contact-us .contact-container {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
}

.our-services-page .contact-us .contact-container .contact-content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.our-services-page .contact-us .contact-container .contact-content h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  color: #2E2E2E;
  width: 90%;
  margin-right: 60px;
  margin-top: 30px;
  width: 100%;
}

@media (max-width: 992px) {
  .our-services-page .contact-us .contact-container .contact-content h1 {
    font-size: 28px;
    margin-right: 0;
  }
}

@media (max-width: 575.98px) {
  .our-services-page .contact-us .contact-container .contact-content h1 {
    text-align: center;
  }
}

.our-services-page .contact-us .contact-container .contact-content .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 45px 0 0;
}

@media (max-width: 575.98px) {
  .our-services-page .contact-us .contact-container .contact-content .info-box {
    text-align: start;
    margin: 24px 0 0;
  }
}

.our-services-page .contact-us .contact-container .contact-content .info-box img {
  margin-right: 20px;
}

@media (max-width: 768px) {
  .our-services-page .contact-us .contact-container .contact-content .info-box img {
    width: 20px;
    height: 20px;
  }
}

.our-services-page .contact-us .contact-container .contact-content .info-box h1 {
  font-size: 24.8px;
  line-height: 24px;
  color: #2E2E2E;
  font-weight: 400;
  margin: 0;
  font-family: "Poppins", sans-serif;
}

@media (max-width: 992px) {
  .our-services-page .contact-us .contact-container .contact-content .info-box h1 {
    font-size: 20px;
  }
}

@media (max-width: 575.98px) {
  .our-services-page .contact-us .contact-container .contact-content .info-box h1 {
    text-align: start;
    font-size: 16px;
  }
}

.our-services-page .contact-us .contact-container .about-img {
  width: 42%;
}

.our-services-page .contact-us .contact-container .about-img.img-1 {
  display: none;
}

@media (max-width: 992px) {
  .our-services-page .contact-us .contact-container .about-img.img-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.our-services-page .contact-us .contact-container .about-img.img-2 {
  width: 50%;
}

@media (max-width: 992px) {
  .our-services-page .contact-us .contact-container .about-img.img-2 {
    display: none;
  }
}

@media (max-width: 992px) {
  .our-services-page .contact-us .contact-container .about-img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.our-services-page .contact-us .contact-container .about-img img {
  width: 100%;
}

@media (max-width: 992px) {
  .our-services-page .contact-us .contact-container .about-img img {
    width: 70%;
  }
}

@media (max-width: 380px) {
  .our-services-page .contact-us .contact-container .about-img img {
    width: 90%;
  }
}

.our-services-page .icon-section {
  padding: 35px 20px;
}

.our-services-page .icon-section .footer-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.our-services-page .icon-section p {
  font-size: 24.8px;
  font-weight: 400;
  color: #2E2E2E;
  text-align: center;
  width: 900px;
  margin: 24px auto 0;
}

@media (max-width: 992px) {
  .our-services-page .icon-section p {
    font-size: 20px;
    width: auto;
  }
}

@media (max-width: 767.98px) {
  .our-services-page .icon-section p {
    font-size: 14.4px;
    width: auto;
  }
}

@media (max-width: 575.98px) {
  .our-services-page .icon-section img {
    width: 50%;
  }
}

.our-services-page footer {
  padding: 51px 20px;
  background: #2F2483;
}

@media (max-width: 575.98px) {
  .our-services-page footer {
    padding: 30px 20px;
  }
}

.our-services-page footer h1 {
  font-size: 16px;
  font-weight: 300;
  line-height: 20px !important;
  color: #ffffff;
  text-align: center;
  margin: 0;
}

@media (max-width: 575.98px) {
  .our-services-page footer h1 {
    font-size: 14.4px;
  }
}

.offers-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | What We Offer page
* File          : _offers.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. Font style
02. Layout elements style
03. Home Banner section
04. Progress section
05. Features section
06. Help section
07. Creative section

-------------------------------------------------------------------------------------- */
  /* 01. Font style */
  /* 02. Layout elements style */
  /* 03. Home Banner section */
  /* 04. Progress section */
  /* 05. Features section */
  /* 06. Help section */
  /* 07. Creative section */
}

.offers-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.offers-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .offers-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .offers-page .title {
    margin-bottom: 32px;
  }
}

.offers-page .title .title-heading,
.offers-page .title h2.title-heading {
  margin-bottom: 16px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .offers-page .title .title-heading,
  .offers-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .offers-page .title .title-heading,
  .offers-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .offers-page .title .title-heading,
  .offers-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .offers-page .title .title-heading,
  .offers-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .offers-page .title .title-heading,
  .offers-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .offers-page .title .title-heading,
  .offers-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.offers-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.offers-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .offers-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .offers-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .offers-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .offers-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .offers-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .offers-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.offers-page .cover1 {
  position: relative;
}

.offers-page .cover1 .container {
  position: relative;
  z-index: 2;
}

.offers-page .cover1::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  background: url("../images/what-we-offer/pattern-1.svg") no-repeat;
  background-size: 100%;
  background-position: right top;
  height: 80%;
  z-index: 1;
  -webkit-animation: float 3.5s ease-in-out 1.5s infinite;
          animation: float 3.5s ease-in-out 1.5s infinite;
}

.offers-page .cover1::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  background: url("../images/what-we-offer/bulb-left.svg") no-repeat;
  background-size: 100%;
  height: 100%;
  width: 221px;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

.offers-page .cover2 {
  position: relative;
}

.offers-page .cover2 .container {
  position: relative;
  z-index: 2;
}

.offers-page .cover2::before {
  content: "";
  position: absolute;
  top: -10%;
  right: 0;
  margin: auto 0;
  background: url("../images/what-we-offer/bulb-right.svg") no-repeat;
  background-size: 100%;
  height: 100%;
  width: 221px;
  background-position: left;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

.offers-page section.home-banner-section .home-banner-section-data .fill-box-left {
  max-width: 603px;
}

.offers-page section.home-banner-section .home-banner-section-data h1 {
  color: #2F2483;
  max-width: 440px;
}

@media (min-width: 1500px) {
  .offers-page section.home-banner-section .home-banner-section-data h1 {
    max-width: 512px;
  }
}

@media (max-width: 992px) {
  .offers-page section.home-banner-section .home-banner-section-data h1 {
    margin-left: auto;
    margin-right: auto;
  }
}

.offers-page section.home-banner-section .home-banner-section-data h1 span {
  color: #E3000F;
}

.offers-page section.home-banner-section .home-banner-section-data p {
  margin: 20px 0;
}

.offers-page section.home-banner-section .btn-box {
  margin: 0 -8px;
}

.offers-page section.home-banner-section .btn-box a {
  margin: 0 8px;
}

@media (max-width: 991.98px) {
  .offers-page section.home-banner-section {
    text-align: center;
  }
  .offers-page section.home-banner-section .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.offers-page section.progress-section {
  position: relative;
  background: #F8FBFF;
}

.offers-page section.progress-section .container {
  position: relative;
  z-index: 1;
}

.offers-page section.progress-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/pattern2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .offers-page section.progress-section::before {
    width: 165.2px;
    height: 150px;
  }
}

.offers-page section.progress-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/pattern1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .offers-page section.progress-section::after {
    width: 165.2px;
    height: 150px;
  }
}

.offers-page .progress-wrapper-box {
  padding: 40px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 0 30px 0;
  background: #FFFFFF;
  text-align: center;
}

@media (max-width: 768px) {
  .offers-page .progress-wrapper-box {
    background: #F7FBFF;
    -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
            box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
  }
}

.offers-page .progress-wrapper-box h5 {
  color: #4F4F4F;
  font-weight: 600;
  margin: 24px 0;
}

.offers-page .progress-wrapper-box p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.offers-page .progress-wrapper-box:hover {
  background: #F7FBFF;
  -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
}

.offers-page .progress-wrapper-box:hover p {
  color: #444444;
}

.offers-page .progress-wrapper-box .progress-circle {
  position: relative;
}

.offers-page .progress-wrapper-box .progress-circle .progress-num {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: 600;
}

.offers-page .progress-wrapper-box .progress-circle .progress-num i {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-left: 1px;
}

.offers-page .progress-wrapper-box .progress-circle1 .progress-num {
  color: #003D85;
}

.offers-page .progress-wrapper-box .progress-circle2 .progress-num {
  color: #FB8500;
}

.offers-page .progress-wrapper-box .progress-circle3 .progress-num {
  color: #8C0098;
}

.offers-page .progress-wrapper-box .progress-circle4 .progress-num {
  color: #289A00;
}

.offers-page section.features-section .reports-feature-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  padding: 16px;
  background: #FFF5F2;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-bottom: 32px;
  background: #F7FBFF;
}

@media (min-width: 1500px) {
  .offers-page section.features-section .reports-feature-box {
    padding: 24px;
  }
}

@media (max-width: 768px) {
  .offers-page section.features-section .reports-feature-box {
    background: #FFFFFF;
    -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
            box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
  }
  .offers-page section.features-section .reports-feature-box .icon-box {
    color: #E3000F;
  }
  .offers-page section.features-section .reports-feature-box h5 {
    color: #2F2483;
  }
}

.offers-page section.features-section .reports-feature-box .icon-box {
  margin-right: 16px;
  color: #2F2483;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.offers-page section.features-section .reports-feature-box h5 {
  margin-bottom: 4px;
  font-weight: 600;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.offers-page section.features-section .reports-feature-box p {
  margin-bottom: 0;
  color: #888888;
}

.offers-page section.features-section .reports-feature-box:hover {
  background: #FFFFFF;
  -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.offers-page section.features-section .reports-feature-box:hover .icon-box {
  color: #E3000F;
}

.offers-page section.features-section .reports-feature-box:hover h5 {
  color: #2F2483;
}

.offers-page section.help-section {
  position: relative;
  background: #F7FBFF;
}

.offers-page section.help-section .container {
  position: relative;
  z-index: 1;
}

.offers-page .help-section-card {
  padding: 48px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 30px 12px 30px;
  background-color: #F8FBFF;
  text-align: center;
  max-width: 400px;
  background-color: #ffffff;
}

@media (max-width: 768px) {
  .offers-page .help-section-card {
    background: #F7FBFF;
    -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
            box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
  }
  .offers-page .help-section-card .icon-circle {
    border: 1px solid #E3000F;
    background-color: #ffffff;
  }
  .offers-page .help-section-card .icon-circle svg path {
    fill: #E3000F;
  }
  .offers-page .help-section-card .icon-circle svg path.stroke {
    stroke: #E3000F;
    fill: #ffffff;
  }
  .offers-page .help-section-card p {
    color: #444444;
  }
}

.offers-page .help-section-card .icon-circle {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 1px solid #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.offers-page .help-section-card .icon-circle svg path {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.offers-page .help-section-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-top: 24px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.offers-page .help-section-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.offers-page .help-section-card:hover {
  background: #F7FBFF;
  -webkit-box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #FFFFFF, 10px 10px 20px rgba(0, 98, 215, 0.2);
}

.offers-page .help-section-card:hover .icon-circle {
  border: 1px solid #E3000F;
  background-color: #ffffff;
}

.offers-page .help-section-card:hover .icon-circle svg path {
  fill: #E3000F;
}

.offers-page .help-section-card:hover .icon-circle svg path.stroke {
  stroke: #E3000F;
  fill: #ffffff;
}

.offers-page .help-section-card:hover p {
  color: #444444;
}

.offers-page section.creative-section {
  position: relative;
}

.faq-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | What We Offer page
* File          : _offers.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. Font style
03. hero section style
04. faq-data-section style
05. Features section
06. Help section
07. Creative section

-------------------------------------------------------------------------------------- */
  /* 01. Font style */
  /* 02. hero section style */
  /* 03. faq-data-section style */
}

.faq-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.faq-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .faq-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .faq-page .title {
    margin-bottom: 32px;
  }
}

.faq-page .title .title-heading,
.faq-page .title h2.title-heading {
  margin-bottom: 16px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .faq-page .title .title-heading,
  .faq-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .faq-page .title .title-heading,
  .faq-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .faq-page .title .title-heading,
  .faq-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .faq-page .title .title-heading,
  .faq-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .faq-page .title .title-heading,
  .faq-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .faq-page .title .title-heading,
  .faq-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.faq-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.faq-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .faq-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .faq-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .faq-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .faq-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .faq-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .faq-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.faq-page section.hero-section {
  background-color: #F7FBFF;
  padding: 40px;
  border-radius: 30px;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .faq-page section.hero-section {
    max-width: calc(100% - 90px);
  }
}

@media (min-width: 1500px) {
  .faq-page section.hero-section {
    max-width: calc(100% - 180px);
  }
}

@media (max-width: 1200px) {
  .faq-page section.hero-section {
    margin: 0 15px;
  }
}

.faq-page section.hero-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 500px;
  background: url(../images/faq/home-pattern1.svg);
  background-size: contain;
  background-position: top right;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

.faq-page section.hero-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 250px;
  height: 250px;
  background: url(../images/faq/home-pattern2.svg);
  background-size: cover;
  background-position: top right;
  z-index: 1;
  -webkit-transform: translate(45%, 45%);
          transform: translate(45%, 45%);
}

.faq-page .faq-data-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.faq-page .faq-data-section::before {
  content: "";
  position: absolute;
  background: url("../images/faq/faq_before.svg") no-repeat;
  top: 0;
  bottom: 0;
  left: -348px;
  margin: auto 0;
  width: 960px;
  height: 960px;
  background-size: 100% 100%;
}

@media (max-width: 1500px) {
  .faq-page .faq-data-section::before {
    width: 720px;
    height: 720px;
    left: -240px;
  }
}

@media (max-width: 1200px) {
  .faq-page .faq-data-section::before {
    width: 640px;
    height: 640px;
    left: -216px;
  }
}

@media (max-width: 992px) {
  .faq-page .faq-data-section::before {
    width: 560px;
    height: 560px;
    left: -176px;
  }
}

@media (max-width: null) {
  .faq-page .faq-data-section::before {
    width: 400px;
    height: 400px;
    left: -160px;
  }
}

.faq-page .faq-data-section::after {
  content: "";
  position: absolute;
  background: url("../images/faq/faq_after.svg") no-repeat;
  bottom: 16px;
  right: -234px;
  width: 960px;
  height: 960px;
  background-size: 100% 100%;
}

@media (max-width: 1500px) {
  .faq-page .faq-data-section::after {
    width: 720px;
    height: 720px;
    right: -240px;
  }
}

@media (max-width: 1200px) {
  .faq-page .faq-data-section::after {
    width: 640px;
    height: 640px;
    right: -216px;
  }
}

@media (max-width: 992px) {
  .faq-page .faq-data-section::after {
    width: 560px;
    height: 560px;
    right: -176px;
  }
}

@media (max-width: null) {
  .faq-page .faq-data-section::after {
    width: 400px;
    height: 400px;
    right: -160px;
  }
}

.faq-page .faq-data-section .data-width {
  max-width: 1096px;
  margin: 0 auto;
}

.faq-page .faq-data-section .faq-inner-data {
  position: relative;
  z-index: 2;
}

.faq-page .faq-data-section .faq-inner-data .search-group {
  margin-bottom: 0;
}

.faq-page .faq-data-section .faq-inner-data .search-group .input-group {
  border: 1px solid #E1DEDE;
  border-radius: 30px;
}

.faq-page .faq-data-section .faq-inner-data .search-group input {
  border: 0;
  padding: 5px 32px;
  height: 36px;
  border-radius: 30px;
  font-size: 14px;
  text-transform: uppercase;
  color: #2E2E2E;
  font-weight: 600;
}

.faq-page .faq-data-section .faq-inner-data .search-group input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.faq-page .faq-data-section .faq-inner-data .search-group .input-group-text {
  background: transparent !important;
  border: 0;
  padding: 5px 24px;
  height: 36px;
}

.faq-page .faq-data-section .faq-inner-data .search-group .input-group-text img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.faq-page .faq-data-section .faq-inner-data .nav-pills {
  margin: 64px 0;
}

.faq-page .faq-data-section .faq-inner-data .nav-pills .nav-link {
  padding: 8px 16px;
  border: 1px solid #E1DEDE;
  height: 36px;
  border-radius: 18px;
  line-height: 1;
  background-color: #ffffff;
  margin: 8px 12px;
  margin-bottom: 8px;
  color: #2E2E2E;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.faq-page .faq-data-section .faq-inner-data .nav-pills .nav-link.active {
  border: 1px solid #E3000F;
  background-color: #E3000F;
  color: #ffffff;
}

@media (max-width: 992px) {
  .faq-page .faq-data-section .faq-inner-data .nav-pills .nav-link {
    margin-right: 8px;
  }
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item {
  margin-bottom: 40px;
  border: 0;
  -webkit-box-shadow: 4px 8px 16px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item {
    margin-bottom: 24px;
  }
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0;
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-header {
  line-height: 1;
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button {
  border: 1px solid transparent;
  padding: 18px 30px 18px 60px;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #2F2483;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 992px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button {
    padding: 18px 20px 18px 40px;
  }
}

@media (min-width: 320px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button {
    font-size: 20px;
    line-height: 24px;
  }
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button::before {
  background: #2F2483;
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  top: 23px;
  left: 30px;
}

@media (max-width: 992px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button::before {
    left: 16px;
    top: 21px;
    width: 14px;
    height: 14px;
  }
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button.collapsed {
  border: 1px solid #E1DEDE;
  color: #2E2E2E;
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button.collapsed::before {
  background: #2E2E2E;
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-body {
  padding: 16px 60px;
  background-color: #ffffff;
}

@media (max-width: 992px) {
  .faq-page .faq-data-section .faq-inner-data .accordion .accordion-item .accordion-body {
    padding: 12px 40px;
  }
}

.comming-soon-page {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | About us
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Cover section style
03. hero-section style
04. first-slider-section style
05. Left-side-section style
06. team-section style
07. testimonial-section style
08. partner-section style
09. contact-section style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Cover section style */
  /* 03. hero-section style */
  /* Subscribe form */
}

.comming-soon-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.comming-soon-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .comming-soon-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .comming-soon-page .title {
    margin-bottom: 32px;
  }
}

.comming-soon-page .title .title-heading,
.comming-soon-page .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .comming-soon-page .title .title-heading,
  .comming-soon-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .comming-soon-page .title .title-heading,
  .comming-soon-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .comming-soon-page .title .title-heading,
  .comming-soon-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .comming-soon-page .title .title-heading,
  .comming-soon-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .comming-soon-page .title .title-heading,
  .comming-soon-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .comming-soon-page .title .title-heading,
  .comming-soon-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.comming-soon-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.comming-soon-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .comming-soon-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .comming-soon-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .comming-soon-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .comming-soon-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .comming-soon-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .comming-soon-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.comming-soon-page .cover {
  position: relative;
  z-index: 999;
  background: url("../images/coming-soon/coming_soon_bg.svg") no-repeat;
  background-size: contain;
  background-position: right top;
  min-height: 100vh;
}

@media (max-width: 992px) {
  .comming-soon-page .cover {
    background-size: cover;
  }
}

@media (max-width: 576px) {
  .comming-soon-page .cover {
    min-height: unset;
  }
}

.comming-soon-page section.hero-section {
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .comming-soon-page section.hero-section {
    max-width: calc(100% - 90px);
  }
}

@media (min-width: 1500px) {
  .comming-soon-page section.hero-section {
    max-width: calc(100% - 180px);
  }
}

@media (max-width: 1200px) {
  .comming-soon-page section.hero-section {
    margin: 0 15px;
  }
}

@media (max-width: 992px) {
  .comming-soon-page section.hero-section .fill-box-left {
    text-align: center;
  }
}

.comming-soon-page section.hero-section .fill-box-left h1 {
  font-size: 76px;
  line-height: 100px;
  color: #263238;
  margin-bottom: 24px;
}

@media (min-width: 320px) {
  .comming-soon-page section.hero-section .fill-box-left h1 {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (min-width: 576px) {
  .comming-soon-page section.hero-section .fill-box-left h1 {
    font-size: 40px;
    line-height: 48px;
  }
}

@media (min-width: 768px) {
  .comming-soon-page section.hero-section .fill-box-left h1 {
    font-size: 48px;
    line-height: 56px;
  }
}

@media (min-width: 992px) {
  .comming-soon-page section.hero-section .fill-box-left h1 {
    font-size: 52px;
    line-height: 64px;
  }
}

@media (min-width: 1200px) {
  .comming-soon-page section.hero-section .fill-box-left h1 {
    font-size: 56px;
    line-height: 64px;
  }
}

@media (min-width: 1500px) {
  .comming-soon-page section.hero-section .fill-box-left h1 {
    font-size: 76px;
    line-height: 100px;
  }
}

.comming-soon-page section.hero-section .fill-box-left p {
  max-width: 566px;
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .comming-soon-page section.hero-section .fill-box-left p {
    margin-left: auto;
    margin-right: auto;
  }
}

.comming-soon-page section.hero-section .fill-box-left ul.times {
  padding-left: 0;
  margin-bottom: 0;
  display: inline-block;
  list-style: none;
}

.comming-soon-page section.hero-section .fill-box-left ul.times li {
  display: inline-block;
  padding: 10px 24px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #888888;
  font-weight: 400;
  position: relative;
}

@media (max-width: 992px) {
  .comming-soon-page section.hero-section .fill-box-left ul.times li {
    padding: 10px 10px;
  }
}

@media (max-width: 576px) {
  .comming-soon-page section.hero-section .fill-box-left ul.times li {
    font-size: 14px;
    line-height: 14px;
  }
}

.comming-soon-page section.hero-section .fill-box-left ul.times li:first-child {
  padding-left: 0;
}

.comming-soon-page section.hero-section .fill-box-left ul.times li::before {
  position: absolute;
  content: ":";
  right: -10px;
  bottom: 15px;
  font-size: 52px;
  line-height: 70px;
  color: #263238;
  font-weight: 700;
}

@media (max-width: 1500px) {
  .comming-soon-page section.hero-section .fill-box-left ul.times li::before {
    font-size: 40px;
    line-height: 40px;
  }
}

@media (max-width: 992px) {
  .comming-soon-page section.hero-section .fill-box-left ul.times li::before {
    font-size: 28px;
    line-height: 28px;
    bottom: 18px;
  }
}

@media (max-width: 576px) {
  .comming-soon-page section.hero-section .fill-box-left ul.times li::before {
    font-size: 24px;
    line-height: 24px;
    bottom: 18px;
  }
}

.comming-soon-page section.hero-section .fill-box-left ul.times li:last-child::before {
  display: none;
}

.comming-soon-page section.hero-section .fill-box-left ul.times li span {
  display: block;
  font-size: 52px;
  line-height: 70px;
  color: #263238;
  font-weight: 700;
  margin-top: 8px;
}

@media (max-width: 1500px) {
  .comming-soon-page section.hero-section .fill-box-left ul.times li span {
    font-size: 40px;
    line-height: 40px;
  }
}

@media (max-width: 992px) {
  .comming-soon-page section.hero-section .fill-box-left ul.times li span {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 576px) {
  .comming-soon-page section.hero-section .fill-box-left ul.times li span {
    font-size: 24px;
    line-height: 24px;
    bottom: 18px;
  }
}

.comming-soon-page ul.socials {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  position: fixed;
  bottom: 70px;
  left: 90px;
  z-index: 3;
}

@media (max-width: 992px) {
  .comming-soon-page ul.socials {
    position: unset;
    padding: 24px 16px 0px 16px;
    left: unset;
    text-align: center;
  }
}

@media (max-width: 1200px) {
  .comming-soon-page ul.socials {
    left: 15px;
  }
}

@media (min-width: 1200px) {
  .comming-soon-page ul.socials {
    left: 45px;
  }
}

@media (min-width: 1500px) {
  .comming-soon-page ul.socials {
    left: 90px;
  }
}

.comming-soon-page ul.socials li {
  display: inline-block;
  margin-right: 20px;
}

.comming-soon-page ul.socials li a {
  background-color: #E3000F;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  color: #ffffff;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  font-size: 18px;
}

.comming-soon-page ul.socials li a:hover {
  background-color: #2F2483;
}

@media (max-width: 576px) {
  .comming-soon-page ul.socials li a {
    width: 32px;
    height: 32px;
    border-radius: 16px;
  }
}

.comming-soon-page .subcribe-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  max-width: 560px;
  margin-top: 40px;
}

@media (max-width: 992px) {
  .comming-soon-page .subcribe-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: unset;
  }
}

.comming-soon-page .subcribe-form input {
  padding: 18px 26px;
  background: #ECF5FF;
  border: 1px solid #2F2483;
  border-radius: 10px;
  outline: none;
  color: #373435;
  font-size: 16px;
  line-height: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: -16px;
  padding-right: 24px;
}

.comming-soon-page .subcribe-form input::-webkit-input-placeholder {
  color: #373435 !important;
}

.comming-soon-page .subcribe-form input:-ms-input-placeholder {
  color: #373435 !important;
}

.comming-soon-page .subcribe-form input::-ms-input-placeholder {
  color: #373435 !important;
}

.comming-soon-page .subcribe-form input::placeholder {
  color: #373435 !important;
}

@media (max-width: 992px) {
  .comming-soon-page .subcribe-form input {
    margin-right: 0;
    margin-bottom: 8px;
    text-align: center;
    padding: 16px 16px;
  }
}

@media (max-width: 576px) {
  .comming-soon-page .subcribe-form input {
    padding: 12px 16px;
  }
}

.comming-soon-page .subcribe-form button {
  padding: 17.2px 28px;
  font-size: 18px;
  line-height: 24px;
  background: #2F2483;
  color: #ffffff;
  border-radius: 10px;
  border: none;
  outline: none;
}

.comming-soon-page .subcribe-form button i {
  margin-left: 5px;
}

.comming-soon-page .subcribe-form button:hover i {
  -webkit-animation: iconAnimate .5s linear infinite alternate;
          animation: iconAnimate .5s linear infinite alternate;
}

@media (max-width: 576px) {
  .comming-soon-page .subcribe-form button {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
  }
}

@-webkit-keyframes iconAnimate {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}

@keyframes iconAnimate {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}

.about-me-page {
  overflow-x: hidden;
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | About Me page
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. Font style
02. Layout elements style
03. Home Banner section
04. Integration section
05. Client Experience section
06. All Features section
07. Creative section

-------------------------------------------------------------------------------------- */
  /* 01. Font style */
  /* 02. Layout elements style */
  /* 03. Home Banner section */
  /* 04. Integration section */
  /* 05. Client Experience section */
  /* 06. All Features section */
  /* 07. Creative section */
}

.about-me-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.about-me-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .about-me-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .about-me-page .title {
    margin-bottom: 32px;
  }
}

.about-me-page .title .title-heading,
.about-me-page .title h2.title-heading {
  margin-bottom: 16px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .about-me-page .title .title-heading,
  .about-me-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .about-me-page .title .title-heading,
  .about-me-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .about-me-page .title .title-heading,
  .about-me-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .about-me-page .title .title-heading,
  .about-me-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .about-me-page .title .title-heading,
  .about-me-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .about-me-page .title .title-heading,
  .about-me-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.about-me-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.about-me-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .about-me-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .about-me-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .about-me-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .about-me-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .about-me-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .about-me-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.about-me-page section,
.about-me-page .section {
  padding: 64px 0;
}

@media (max-width: 1200px) {
  .about-me-page section,
  .about-me-page .section {
    padding: 40px 0px;
  }
}

@media (max-width: 992px) {
  .about-me-page section,
  .about-me-page .section {
    padding: 32px 0px;
  }
}

.about-me-page .cover1 {
  position: relative;
}

.about-me-page .cover1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  background: url("../images/about-me/pattern-1.svg") no-repeat;
  background-size: 100%;
  width: 45%;
  height: 95%;
  background-position: top right;
  z-index: 1;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .about-me-page .cover1::before {
    left: -10%;
  }
}

@media (max-width: 576px) {
  .about-me-page .cover1::before {
    top: 15%;
  }
}

.about-me-page .cover1::after {
  content: "";
  position: absolute;
  top: -10%;
  right: -5%;
  width: 50%;
  background: url("../images/about-me/pattern-2.svg") no-repeat;
  background-size: 100%;
  background-position: left bottom;
  height: 100%;
  z-index: 1;
  -webkit-animation: float 3.5s ease-in-out 2s infinite;
          animation: float 3.5s ease-in-out 2s infinite;
}

@media (min-width: 1500px) {
  .about-me-page .cover1::after {
    height: 120%;
  }
}

@media (max-width: 992px) {
  .about-me-page .cover1::after {
    top: -5%;
    height: 70%;
    background-size: contain;
  }
}

@media (max-width: 576px) {
  .about-me-page .cover1::after {
    top: 15%;
    background-size: contain;
  }
}

.about-me-page .cover2 {
  position: relative;
}

.about-me-page .cover2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -5%;
  width: 50%;
  background: url("../images/about-me/pattern-3.svg") no-repeat;
  background-size: contain;
  background-position: left bottom;
  height: 100%;
  z-index: 1;
  -webkit-animation: float 3.5s ease-in-out 2s infinite;
          animation: float 3.5s ease-in-out 2s infinite;
}

.about-me-page .cover3 {
  position: relative;
}

.about-me-page .cover3::before {
  content: "";
  position: absolute;
  top: -15%;
  right: -5%;
  width: 40%;
  background: url("../images/about-me/pattern-4.svg") no-repeat;
  background-size: contain;
  background-position: left bottom;
  height: 120%;
  z-index: 1;
  -webkit-animation: float 3.5s ease-in-out 2s infinite;
          animation: float 3.5s ease-in-out 2s infinite;
}

.about-me-page section.home-banner-section .home-banner-section-data .fill-box-left {
  max-width: 603px;
}

.about-me-page section.home-banner-section .home-banner-section-data h1 {
  color: #2F2483;
  max-width: 344px;
}

@media (min-width: 1500px) {
  .about-me-page section.home-banner-section .home-banner-section-data h1 {
    max-width: 400px;
  }
}

@media (max-width: 992px) {
  .about-me-page section.home-banner-section .home-banner-section-data h1 {
    margin-left: auto;
    margin-right: auto;
    max-width: unset;
  }
}

.about-me-page section.home-banner-section .home-banner-section-data h1 span {
  color: #E3000F;
}

.about-me-page section.home-banner-section .home-banner-section-data p {
  margin: 20px 0;
}

.about-me-page section.home-banner-section .btn-box {
  margin: 0 -8px;
}

.about-me-page section.home-banner-section .btn-box a {
  margin: 0 8px;
}

@media (max-width: 992px) {
  .about-me-page section.home-banner-section {
    text-align: center;
  }
  .about-me-page section.home-banner-section .btn-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.about-me-page section.integration-section .integration-container {
  margin-bottom: -24px;
}

.about-me-page section.integration-section .integration-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px;
  border-radius: 24px;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: #F2F8FF;
  margin-bottom: 24px;
  text-decoration: none;
}

@media (max-width: 768px) {
  .about-me-page section.integration-section .integration-box {
    background: #FFFFFF;
    -webkit-box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
            box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
    color: #2F2483;
  }
}

.about-me-page section.integration-section .integration-box .icon-box {
  margin-right: 16px;
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-me-page section.integration-section .integration-box .icon-box svg {
  max-width: 32px;
  max-height: 32px;
}

@media (min-width: 1600px) {
  .about-me-page section.integration-section .integration-box .icon-box {
    width: 80px;
    min-width: 80px;
    height: 80px;
    margin-right: 24px;
  }
}

.about-me-page section.integration-section .integration-box h4 {
  color: inherit;
  font-weight: 600;
  margin-bottom: 4px;
}

@media (min-width: 576px) {
  .about-me-page section.integration-section .integration-box h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.about-me-page section.integration-section .integration-box h6 {
  margin-bottom: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.about-me-page section.integration-section .integration-box:hover {
  background: #FFFFFF;
  -webkit-box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
          box-shadow: -10px -10px 20px #F2F8FF, 10px 10px 20px rgba(0, 98, 215, 0.2);
  color: #2F2483;
}

.about-me-page section.client-experience-section {
  position: relative;
}

@media (max-width: 992px) {
  .about-me-page section.client-experience-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.about-me-page section.all-features-section {
  position: relative;
  margin-top: -24px;
}

.about-me-page section.all-features-section .custom-card {
  padding: 32px 24px;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #F8FBFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .about-me-page section.all-features-section .custom-card {
    background: #FFFFFF;
    -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
            box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
  }
  .about-me-page section.all-features-section .custom-card .icon-circle {
    border: 1px solid #E3000F;
    color: #E3000F;
  }
  .about-me-page section.all-features-section .custom-card p {
    color: #444444;
  }
}

.about-me-page section.all-features-section .custom-card .icon-circle {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 8px;
  border: 1px solid #2F2483;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2F2483;
}

.about-me-page section.all-features-section .custom-card .icon-circle svg path {
  -webkit-transition: 0.01s ease-in-out;
  transition: 0.01s ease-in-out;
}

.about-me-page section.all-features-section .custom-card h5 {
  color: #2F2483;
  font-weight: 600;
  margin-bottom: 8px;
}

.about-me-page section.all-features-section .custom-card p {
  color: #888888;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.about-me-page section.all-features-section .custom-card:hover, .about-me-page section.all-features-section .custom-card.active {
  background: #FFFFFF;
  -webkit-box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
          box-shadow: -10px -10px 10px rgba(255, 214, 204, 0.2), 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.about-me-page section.all-features-section .custom-card:hover .icon-circle, .about-me-page section.all-features-section .custom-card.active .icon-circle {
  border: 1px solid #E3000F;
  color: #E3000F;
}

.about-me-page section.creative-section .creative-section-data .fill-box-left {
  padding-right: 24px;
}

@media (max-width: 992px) {
  .about-me-page section.creative-section .creative-section-data .fill-box-left {
    padding-right: 0;
  }
}

.about-me-page section.creative-section .creative-section-data .fill-box-left h2 {
  margin-bottom: 60px;
}

@media (max-width: 1500px) {
  .about-me-page section.creative-section .creative-section-data .fill-box-left h2 {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .about-me-page section.creative-section .creative-section-data .fill-box-left h2 {
    margin-bottom: 24px;
  }
}

.about-me-page section.creative-section .creative-section-data .fill-box-left .progress-data {
  margin-bottom: 60px;
}

@media (max-width: 1500px) {
  .about-me-page section.creative-section .creative-section-data .fill-box-left .progress-data {
    margin-bottom: 40px;
  }
}

@media (max-width: 992px) {
  .about-me-page section.creative-section .creative-section-data .fill-box-left .progress-data {
    margin-bottom: 24px;
  }
}

.about-me-page section.creative-section .creative-section-data .fill-box-left .progress-data h5 {
  color: #2F2483;
  font-weight: 600;
  margin-bottom: 15px;
}

@media (min-width: 1500px) {
  .about-me-page section.creative-section .creative-section-data .fill-box-left .progress-data h5 {
    line-height: 28px;
  }
}

.about-me-page section.creative-section .creative-section-data .fill-box-left .progress-data .progress {
  height: 8px;
  border-radius: 4px;
  background-color: #D9EAFF;
}

.about-me-page section.creative-section .creative-section-data .fill-box-left .progress-data .progress .progress-bar.anim {
  -webkit-animation: scroll-horizontal 4s;
          animation: scroll-horizontal 4s;
}

.pricing-plan-page {
  overflow-x: hidden;
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Pricing plan page
* File          : Style.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. Font style
02. Layout elements style
03. Home Banner section
04. Integration section
05. Pricing section

-------------------------------------------------------------------------------------- */
  /* 01. Font style */
  /* 02. Layout elements style */
  /* 03. Home Banner section */
  /* 04. Integration section */
  /* 05. Pricing section */
}

.pricing-plan-page .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-plan-page .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .pricing-plan-page .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .pricing-plan-page .title {
    margin-bottom: 32px;
  }
}

.pricing-plan-page .title .title-heading,
.pricing-plan-page .title h2.title-heading {
  margin-bottom: 16px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .pricing-plan-page .title .title-heading,
  .pricing-plan-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .pricing-plan-page .title .title-heading,
  .pricing-plan-page .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .pricing-plan-page .title .title-heading,
  .pricing-plan-page .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .pricing-plan-page .title .title-heading,
  .pricing-plan-page .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .pricing-plan-page .title .title-heading,
  .pricing-plan-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .pricing-plan-page .title .title-heading,
  .pricing-plan-page .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.pricing-plan-page .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.pricing-plan-page .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .pricing-plan-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .pricing-plan-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .pricing-plan-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .pricing-plan-page .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .pricing-plan-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .pricing-plan-page .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.pricing-plan-page section,
.pricing-plan-page .section {
  padding: 64px 0;
}

@media (max-width: 1200px) {
  .pricing-plan-page section,
  .pricing-plan-page .section {
    padding: 40px 0px;
  }
}

@media (max-width: 992px) {
  .pricing-plan-page section,
  .pricing-plan-page .section {
    padding: 32px 0px;
  }
}

.pricing-plan-page .cover1 {
  position: relative;
}

.pricing-plan-page .cover1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 125%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25.56%, #D9EAFF), to(#FFFFFF));
  background: linear-gradient(180deg, #D9EAFF 25.56%, #FFFFFF 100%);
  height: 70%;
  z-index: -1;
  border-radius: 0 0 480px 480px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media (max-width: 768px) {
  .pricing-plan-page .cover1::before {
    height: 37%;
  }
}

.pricing-plan-page .home-banner-section {
  padding-top: 0;
}

.pricing-plan-page .home-banner-section .img-box {
  max-width: 1232px;
  margin: a;
}

.pricing-plan-page section.integration-section {
  position: relative;
}

.pricing-plan-page section.integration-section .container {
  position: relative;
  z-index: 1;
}

.pricing-plan-page section.integration-section::before {
  content: "";
  position: absolute;
  top: 10%;
  right: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/pricing-plan/pattern-1.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .pricing-plan-page section.integration-section::before {
    width: 165.2px;
    height: 150px;
  }
}

.pricing-plan-page section.integration-section::after {
  content: "";
  position: absolute;
  bottom: -75px;
  left: 25px;
  width: 145px;
  height: 145px;
  background-image: url(../images/pricing-plan/pattern-2.svg);
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (min-width: 1500px) {
  .pricing-plan-page section.integration-section::after {
    width: 165.2px;
    height: 150px;
  }
}

.pricing-plan-page section.integration-section .plan-box-row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -40px;
}

.pricing-plan-page section.integration-section .plan-box-row > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pricing-plan-page section.integration-section .plan-box-row > div .plan-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.pricing-plan-page .plan-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #fff;
  margin-top: 40px;
}

.pricing-plan-page .plan-box .plan-box-cover {
  padding: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
}

@media (max-width: 380px) {
  .pricing-plan-page .plan-box .plan-box-cover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.pricing-plan-page .plan-box .plan-price-detail {
  text-align: right;
  width: 85px;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media (min-width: 1200px) {
  .pricing-plan-page .plan-box .plan-price-detail {
    margin-right: 24px;
  }
}

@media (min-width: 1500px) {
  .pricing-plan-page .plan-box .plan-price-detail {
    margin-right: 32px;
  }
}

@media (max-width: 380px) {
  .pricing-plan-page .plan-box .plan-price-detail {
    width: 100%;
  }
}

.pricing-plan-page .plan-box .plan-price-detail h5 {
  font-size: 48px;
  line-height: 64px;
  color: #000000;
  position: relative;
  margin-bottom: 4px;
}

.pricing-plan-page .plan-box .plan-price-detail h5 span {
  position: absolute;
  top: -5px;
  left: -9px;
  font-size: 24px;
  line-height: 32px;
}

.pricing-plan-page .plan-box .plan-price-detail h6 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #888888;
}

.pricing-plan-page .plan-box .plan-detail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

.pricing-plan-page .plan-box .plan-detail h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #2E2E2E;
}

.pricing-plan-page .plan-box .plan-detail h6 {
  text-transform: uppercase;
}

.pricing-plan-page .plan-box .plan-features-list {
  list-style-type: none;
  padding: 0;
}

.pricing-plan-page .plan-box .plan-features-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 14px;
  line-height: 26px;
  color: #2E2E2E;
  margin-bottom: 10px;
}

.pricing-plan-page .plan-box .plan-features-list li:nth-last-child(1) {
  margin-bottom: 0;
}

.pricing-plan-page .plan-box .plan-features-list li .icon {
  margin-right: 8px;
  margin-top: -3px;
}

.pricing-plan-page .plan-box.plan1 {
  border: 1px solid #0062D7;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan1 .plan-detail h6 {
  color: #0062D7;
}

.pricing-plan-page .plan-box.plan1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #0062D7;
  border-radius: 24px;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan1 .btn-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan1 .btn {
  -webkit-animation: planBtnAnimate .7s;
          animation: planBtnAnimate .7s;
  background-color: #0062D7;
  border: 1px solid #0062D7;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pricing-plan-page .plan-box.plan1 .btn:hover {
  background-color: transparent;
  color: #0062D7;
}

.pricing-plan-page .plan-box.plan1 .icon svg circle {
  fill: rgba(0, 98, 215, 0.7);
}

.pricing-plan-page .plan-box.plan1 .icon svg path {
  fill: #0062D7;
}

.pricing-plan-page .plan-box.plan1:hover, .pricing-plan-page .plan-box.plan1.active {
  padding-bottom: 92px;
  border-color: #ffffff;
  -webkit-box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
          box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
}

@media (max-width: 768px) {
  .pricing-plan-page .plan-box.plan1:hover, .pricing-plan-page .plan-box.plan1.active {
    padding-bottom: 76px;
  }
}

.pricing-plan-page .plan-box.plan1:hover .btn-wrapper, .pricing-plan-page .plan-box.plan1.active .btn-wrapper {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.pricing-plan-page .plan-box.plan1:hover::before, .pricing-plan-page .plan-box.plan1.active::before {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.pricing-plan-page .plan-box.plan2 {
  border: 1px solid #EE7D67;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan2 .plan-detail h6 {
  color: #EE7D67;
}

.pricing-plan-page .plan-box.plan2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #EE7D67;
  border-radius: 24px;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan2 .btn-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan2 .btn {
  -webkit-animation: planBtnAnimate .7s;
          animation: planBtnAnimate .7s;
  background-color: #EE7D67;
  border: 1px solid #EE7D67;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pricing-plan-page .plan-box.plan2 .btn:hover {
  background-color: transparent;
  color: #EE7D67;
}

.pricing-plan-page .plan-box.plan2 .icon svg circle {
  fill: rgba(238, 125, 103, 0.7);
}

.pricing-plan-page .plan-box.plan2 .icon svg path {
  fill: #EE7D67;
}

.pricing-plan-page .plan-box.plan2:hover, .pricing-plan-page .plan-box.plan2.active {
  padding-bottom: 92px;
  border-color: #ffffff;
  -webkit-box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
          box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
}

@media (max-width: 768px) {
  .pricing-plan-page .plan-box.plan2:hover, .pricing-plan-page .plan-box.plan2.active {
    padding-bottom: 76px;
  }
}

.pricing-plan-page .plan-box.plan2:hover .btn-wrapper, .pricing-plan-page .plan-box.plan2.active .btn-wrapper {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.pricing-plan-page .plan-box.plan2:hover::before, .pricing-plan-page .plan-box.plan2.active::before {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.pricing-plan-page .plan-box.plan3 {
  border: 1px solid #FCB300;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan3 .plan-detail h6 {
  color: #FCB300;
}

.pricing-plan-page .plan-box.plan3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #FCB300;
  border-radius: 24px;
  z-index: 1;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan3 .btn-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(60px);
          transform: translateY(60px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.pricing-plan-page .plan-box.plan3 .btn {
  -webkit-animation: planBtnAnimate .7s;
          animation: planBtnAnimate .7s;
  background-color: #FCB300;
  border: 1px solid #FCB300;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pricing-plan-page .plan-box.plan3 .btn:hover {
  background-color: transparent;
  color: #FCB300;
}

.pricing-plan-page .plan-box.plan3 .icon svg circle {
  fill: rgba(252, 179, 0, 0.7);
}

.pricing-plan-page .plan-box.plan3 .icon svg path {
  fill: #FCB300;
}

.pricing-plan-page .plan-box.plan3:hover, .pricing-plan-page .plan-box.plan3.active {
  padding-bottom: 92px;
  border-color: #ffffff;
  -webkit-box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
          box-shadow: 0px 4px 20px rgba(29, 46, 150, 0.15);
}

@media (max-width: 768px) {
  .pricing-plan-page .plan-box.plan3:hover, .pricing-plan-page .plan-box.plan3.active {
    padding-bottom: 76px;
  }
}

.pricing-plan-page .plan-box.plan3:hover .btn-wrapper, .pricing-plan-page .plan-box.plan3.active .btn-wrapper {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.pricing-plan-page .plan-box.plan3:hover::before, .pricing-plan-page .plan-box.plan3.active::before {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.pricing-plan-page .pricing-section {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF9F7), color-stop(0.01%, rgba(255, 249, 246, 0.02)), to(#FFF3F1));
  background: linear-gradient(180deg, #FFF9F7 0%, rgba(255, 249, 246, 0.02) 0.01%, #FFF3F1 100%);
}

.pricing-plan-page .pricing-section .pricing-table-wrapper {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 25px rgba(238, 125, 103, 0.15);
          box-shadow: 0px 4px 25px rgba(238, 125, 103, 0.15);
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.pricing-plan-page .pricing-section .pricing-table {
  display: table;
  position: relative;
  width: 100%;
}

.pricing-plan-page .pricing-section .pricing-table-tr {
  display: table-row;
}

@media (max-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table-tr {
    display: block;
  }
}

.pricing-plan-page .pricing-section .pricing-table-thead {
  display: table-header-group;
  font-weight: bold;
  z-index: 1;
}

@media (max-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table-thead {
    display: none;
  }
}

.pricing-plan-page .pricing-section .pricing-table-th {
  font-size: 22.4px;
  line-height: 28px;
  font-family: "Open Sans", sans-serif;
  font-weight: 900;
}

@media (min-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table-th {
    font-size: 18px;
    line-height: 24px;
  }
}

.pricing-plan-page .pricing-section .pricing-table-td,
.pricing-plan-page .pricing-section .pricing-table-th,
.pricing-plan-page .pricing-section .pricing-table-sd {
  display: table-cell;
  padding: 24px 32px;
  border: none;
}

@media (min-width: 1500px) {
  .pricing-plan-page .pricing-section .pricing-table-td,
  .pricing-plan-page .pricing-section .pricing-table-th,
  .pricing-plan-page .pricing-section .pricing-table-sd {
    padding: 32px 40px;
  }
}

@media (max-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table-td,
  .pricing-plan-page .pricing-section .pricing-table-th,
  .pricing-plan-page .pricing-section .pricing-table-sd {
    vertical-align: middle;
  }
}

@media (max-width: 576px) {
  .pricing-plan-page .pricing-section .pricing-table-td,
  .pricing-plan-page .pricing-section .pricing-table-th,
  .pricing-plan-page .pricing-section .pricing-table-sd {
    padding: 16px;
  }
}

.pricing-plan-page .pricing-section .pricing-table-th,
.pricing-plan-page .pricing-section .pricing-table-td {
  text-align: center;
  vertical-align: middle;
}

.pricing-plan-page .pricing-section .pricing-table-th:nth-child(1) {
  text-align: left;
}

.pricing-plan-page .pricing-section .pricing-table-sd {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #ffffff;
  width: 440px;
  max-width: 440px;
  word-wrap: break-word;
}

@media (min-width: 1500px) {
  .pricing-plan-page .pricing-section .pricing-table-sd {
    width: 440px;
  }
}

@media (max-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table-sd {
    font-size: 16px;
    line-height: 20px;
    max-width: unset;
    width: 100%;
  }
}

@media (max-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table-sd {
    text-align: left !important;
  }
  .pricing-plan-page .pricing-section .pricing-table-sd::before {
    display: none;
  }
}

.pricing-plan-page .pricing-section .pricing-table-td {
  position: relative;
}

@media (min-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table-td::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid #E1E0E0;
  }
  .pricing-plan-page .pricing-section .pricing-table-td::after {
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #E1E0E0;
  }
  .pricing-plan-page .pricing-section .pricing-table-td:nth-child(2)::after {
    content: "";
    width: calc(100% - 20px);
    position: absolute;
    top: 0;
    right: 0;
    border-bottom: 1px solid #E1E0E0;
  }
  .pricing-plan-page .pricing-section .pricing-table-td:nth-child(4)::before {
    display: none;
  }
  .pricing-plan-page .pricing-section .pricing-table-td:nth-child(4)::after {
    content: "";
    width: calc(100% - 20px);
    position: absolute;
    top: 0;
    left: 0;
    right: unset;
    border-bottom: 1px solid #E1E0E0;
  }
}

@media (min-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table-tr:nth-child(1) .pricing-table-td {
    position: relative;
  }
  .pricing-plan-page .pricing-section .pricing-table-tr:nth-child(1) .pricing-table-td::before {
    content: "";
    height: calc(100% - 28px);
    position: absolute;
    top: unset;
    right: 0;
    bottom: 0;
    border-right: 1px solid #E1E0E0;
  }
  .pricing-plan-page .pricing-section .pricing-table-tr:nth-child(7) .pricing-table-td {
    position: relative;
  }
  .pricing-plan-page .pricing-section .pricing-table-tr:nth-child(7) .pricing-table-td::before {
    content: "";
    height: 50%;
    position: absolute;
    top: 0;
    right: 0;
    border-right: 1px solid #E1E0E0;
  }
  .pricing-plan-page .pricing-section .pricing-table-tr:nth-child(7) .pricing-table-td,
  .pricing-plan-page .pricing-section .pricing-table-tr:nth-child(7) .pricing-table-sd {
    padding-bottom: 0;
  }
}

.pricing-plan-page .pricing-section .pricing-table-tbody {
  display: table-row-group;
}

.pricing-plan-page .pricing-section .pricing-table-th,
.pricing-plan-page .pricing-section .pricing-table-sd {
  background-color: #2F2483;
  color: #ffffff;
}

.pricing-plan-page .pricing-section .pricing-table-th {
  top: 0;
}

.pricing-plan-page .pricing-section .pricing-table-sd {
  left: 0;
}

.pricing-plan-page .pricing-section .pricing-table-thead div.pricing-table-th:first-child,
.pricing-plan-page .pricing-section .pricing-table-tfoot div.pricing-table-th:first-child {
  left: 0;
  z-index: 1;
}

.pricing-plan-page .pricing-section .pricing-table-tfoot .pricing-table-th {
  bottom: 0;
}

@media (max-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-table .pricing-table-td,
  .pricing-plan-page .pricing-section .pricing-table .pricing-table-sd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: right;
    border-bottom: 1px solid #E1E0E0;
  }
  .pricing-plan-page .pricing-section .pricing-table .pricing-table-td::before,
  .pricing-plan-page .pricing-section .pricing-table .pricing-table-sd::before {
    content: attr(data-label);
  }
}

.pricing-plan-page .pricing-section .pricing-btn1 {
  background-color: #2F2483;
  border: 1px solid #2F2483;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-btn1 {
    min-width: 160px;
  }
}

@media (max-width: 576px) {
  .pricing-plan-page .pricing-section .pricing-btn1 {
    font-size: 14.4px;
    line-height: 16px;
    padding: 14.4px 20px;
  }
}

.pricing-plan-page .pricing-section .pricing-btn1:hover {
  background-color: transparent;
  color: #2F2483;
}

.pricing-plan-page .pricing-section .pricing-btn2 {
  background-color: #E3000F;
  border: 1px solid #E3000F;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-btn2 {
    min-width: 160px;
  }
}

@media (max-width: 576px) {
  .pricing-plan-page .pricing-section .pricing-btn2 {
    font-size: 14.4px;
    line-height: 16px;
    padding: 14.4px 20px;
  }
}

.pricing-plan-page .pricing-section .pricing-btn2:hover {
  background-color: transparent;
  color: #E3000F;
}

.pricing-plan-page .pricing-section .pricing-btn3 {
  background-color: #FCB300;
  border: 1px solid #FCB300;
  color: #ffffff;
  border-radius: 8px;
  min-height: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 992px) {
  .pricing-plan-page .pricing-section .pricing-btn3 {
    min-width: 160px;
  }
}

@media (max-width: 576px) {
  .pricing-plan-page .pricing-section .pricing-btn3 {
    font-size: 14.4px;
    line-height: 16px;
    padding: 14.4px 20px;
  }
}

.pricing-plan-page .pricing-section .pricing-btn3:hover {
  background-color: transparent;
  color: #FCB300;
}

.pricing-plan-page .pricing-section .pricing-info p {
  font-size: 13px;
  line-height: 26px;
  margin: 0;
  color: #888888;
  padding: 24px 32px;
}

@media (min-width: 1500px) {
  .pricing-plan-page .pricing-section .pricing-info p {
    padding: 32px 40px;
  }
}

@media (max-width: 576px) {
  .pricing-plan-page .pricing-section .pricing-info p {
    padding: 16px;
  }
}

.common-portfolio-wrapper {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Common portfolio scss
* File          : _common_portfolio.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Layout elements style
03. Common Banner section
04. Common Portfolio section
05. Common Sidebar section

-------------------------------------------------------------------------------------- */
  /* font import */
  /* 01. title style */
  /* 02. Layout elements style */
  /* 03. Common Banner section */
  /* 04. Common Portfolio section */
  /* Portfolio Masonry section */
  /* Portfolio Masonry Wide section */
  /* Portfolio Common Column section */
  /* 05. Common Portfolio Sidebar section */
  /* . Common Portfolio Slider section */
}

.common-portfolio-wrapper .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.common-portfolio-wrapper .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .common-portfolio-wrapper .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .common-portfolio-wrapper .title {
    margin-bottom: 32px;
  }
}

.common-portfolio-wrapper .title .title-heading,
.common-portfolio-wrapper .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .common-portfolio-wrapper .title .title-heading,
  .common-portfolio-wrapper .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .common-portfolio-wrapper .title .title-heading,
  .common-portfolio-wrapper .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .common-portfolio-wrapper .title .title-heading,
  .common-portfolio-wrapper .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .common-portfolio-wrapper .title .title-heading,
  .common-portfolio-wrapper .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .common-portfolio-wrapper .title .title-heading,
  .common-portfolio-wrapper .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .common-portfolio-wrapper .title .title-heading,
  .common-portfolio-wrapper .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.common-portfolio-wrapper .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.common-portfolio-wrapper .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .common-portfolio-wrapper .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .common-portfolio-wrapper .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .common-portfolio-wrapper .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .common-portfolio-wrapper .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .common-portfolio-wrapper .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .common-portfolio-wrapper .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.common-portfolio-wrapper .common-cover1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#D9EAFF), to(rgba(217, 234, 255, 0.7)));
  background: linear-gradient(180deg, #D9EAFF, rgba(217, 234, 255, 0.7));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

@media (min-width: 1200px) {
  .common-portfolio-wrapper .common-cover1 {
    min-height: 580px;
  }
}

.common-portfolio-wrapper .common-cover1 .common-cover-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.common-portfolio-wrapper .common-cover1 .common-cover-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 500px;
  background: url(../images/portfolio-common/pattern-1.svg);
  background-size: contain;
  background-position: bottom right;
  -webkit-transform: translate(-35%, -20%);
          transform: translate(-35%, -20%);
}

.common-portfolio-wrapper .common-cover1 .common-cover-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 500px;
  height: 500px;
  background: url(../images/portfolio-common/pattern-1.svg);
  background-size: contain;
  background-position: top left;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-transform: translate(12%, 20%);
          transform: translate(12%, 20%);
}

@media (min-width: 1200px) {
  .common-portfolio-wrapper .container-fluid-max {
    max-width: calc(100% - 90px);
  }
}

@media (min-width: 1500px) {
  .common-portfolio-wrapper .container-fluid-max {
    max-width: calc(100% - 180px);
  }
}

.common-portfolio-wrapper .common-banner-section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 88px 0 128px 0;
  text-transform: uppercase;
}

.common-portfolio-wrapper .common-banner-section h2 {
  color: #2F2483;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}

@media (min-width: 576px) {
  .common-portfolio-wrapper .common-banner-section h2 {
    font-size: 40px;
    line-height: 1.2;
  }
}

@media (min-width: 992px) {
  .common-portfolio-wrapper .common-banner-section h2 {
    font-size: 48px;
    line-height: 44px;
  }
}

@media (min-width: 1200px) {
  .common-portfolio-wrapper .common-banner-section h2 {
    font-size: 64px;
    line-height: 52px;
  }
}

@media (min-width: 1500px) {
  .common-portfolio-wrapper .common-banner-section h2 {
    font-size: 80px;
    line-height: 70px;
  }
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 2;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box .cmn-portfolio-info {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box .cmn-portfolio-info h4 {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 4px;
  font-family: "Roboto", sans-serif;
}

@media (min-width: 1500px) {
  .common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box .cmn-portfolio-info h4 {
    font-size: 30px;
    line-height: 35px;
  }
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box .cmn-portfolio-info .cmn-portfolio-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: -20px;
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box .cmn-portfolio-info .cmn-portfolio-tags span {
  color: #ffffff;
  font-size: 14px;
  line-height: 2;
  font-weight: 400;
  text-decoration: none;
  margin-right: 20px;
  text-transform: uppercase;
  position: relative;
}

@media (min-width: 768px) {
  .common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box .cmn-portfolio-info .cmn-portfolio-tags span {
    font-size: 16px;
  }
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box .cmn-portfolio-info .cmn-portfolio-tags span::after {
  content: ".";
  position: absolute;
  bottom: 0;
  right: -12px;
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box .cmn-portfolio-info .cmn-portfolio-tags span:nth-last-child(1)::after {
  display: none;
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box:hover img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

.common-portfolio-wrapper section.cmn-portfolio-section .cmn-portfolio-box:hover .cmn-portfolio-info {
  opacity: 1;
  visibility: visible;
}

.common-portfolio-wrapper .portfolio-masonry-section .portfolio-masonry-container {
  margin-bottom: -12px;
}

@media (min-width: 576px) {
  .common-portfolio-wrapper .portfolio-masonry-section .portfolio-masonry-container {
    margin-bottom: -24px;
  }
}

.common-portfolio-wrapper .portfolio-masonry-section .portfolio-masonry-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.common-portfolio-wrapper .portfolio-masonry-section .portfolio-masonry-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 12px;
}

@media (min-width: 576px) {
  .common-portfolio-wrapper .portfolio-masonry-section .portfolio-masonry-box {
    margin-bottom: 24px;
  }
}

.common-portfolio-wrapper .portfolio-mw-section .portfolio-mw-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
}

.common-portfolio-wrapper .portfolio-mw-section .portfolio-mw-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.common-portfolio-wrapper .portfolio-cc-section .portfolio-cc-container {
  margin-bottom: -12px;
}

@media (min-width: 576px) {
  .common-portfolio-wrapper .portfolio-cc-section .portfolio-cc-container {
    margin-bottom: -24px;
  }
}

.common-portfolio-wrapper .portfolio-cc-section .portfolio-cc-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.common-portfolio-wrapper .portfolio-cc-section .portfolio-cc-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 12px;
}

@media (min-width: 576px) {
  .common-portfolio-wrapper .portfolio-cc-section .portfolio-cc-box {
    margin-bottom: 24px;
  }
}

.common-portfolio-wrapper .blog-two p {
  font-weight: bold;
  font-size: 24px;
  line-height: 33px;
  color: #0062D7;
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details {
  padding-bottom: 40px;
}

@media (max-width: 992px) {
  .common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details {
    padding-bottom: 24px;
  }
}

@media (max-width: 1199.98px) {
  .common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details {
    margin-top: 24px;
  }
}

@media (max-width: 576px) {
  .common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details {
    margin-top: 12px;
  }
}

@media (max-width: 320px) {
  .common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details {
    padding-bottom: 16px;
  }
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .portfolio-innr-title {
  color: #2F2483;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 24px;
}

@media (max-width: 1200px) {
  .common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .portfolio-innr-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .portfolio-tag a {
  display: inline-block;
  margin: 4px 8px 4px 8px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background-color: rgba(47, 36, 131, 0.1);
  border-radius: 50px;
  padding: 10px 20px;
}

@media (max-width: 576px) {
  .common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .portfolio-tag a {
    display: inline-block;
    margin: 0 8px 12px 0;
  }
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .portfolio-tag a:hover {
  color: #ffffff !important;
  background-color: rgba(227, 0, 15, 0.8);
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .social-icons > div {
  margin-right: 16px;
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .social-icons a {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .social-icons a:hover svg .circle {
  stroke: #E3000F;
}

.common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .social-icons a:hover svg .content {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
  fill: #E3000F;
  stroke: #E3000F;
}

@media (max-width: 1200px) {
  .common-portfolio-wrapper .portfolio-sidebar-section .portfolio-sidebar .portfolio-details .social-icons a svg {
    height: 60px;
    width: 60px;
  }
}

.common-portfolio-wrapper .portfolio-cmn-slider .slick-prev {
  left: 24px;
}

@media (max-width: 576px) {
  .common-portfolio-wrapper .portfolio-cmn-slider .slick-prev {
    left: 8px;
  }
}

.common-portfolio-wrapper .portfolio-cmn-slider .slick-next {
  right: 64px;
}

@media (max-width: 576px) {
  .common-portfolio-wrapper .portfolio-cmn-slider .slick-next {
    right: 48px;
  }
}

.common-portfolio-wrapper .portfolio-cmn-slider .slick-prev, .common-portfolio-wrapper .portfolio-cmn-slider .slick-next {
  bottom: 14px !important;
  z-index: 55;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 36px;
}

@media (max-width: 992px) {
  .common-portfolio-wrapper .portfolio-cmn-slider .slick-prev, .common-portfolio-wrapper .portfolio-cmn-slider .slick-next {
    bottom: 5px !important;
  }
}

@media (max-width: 576px) {
  .common-portfolio-wrapper .portfolio-cmn-slider .slick-prev, .common-portfolio-wrapper .portfolio-cmn-slider .slick-next {
    top: 45%;
  }
}

.common-portfolio-wrapper .portfolio-cmn-slider .slick-prev:before, .common-portfolio-wrapper .portfolio-cmn-slider .slick-next:before {
  color: #E3000F;
  content: "";
}

.common-portfolio-wrapper .portfolio-cmn-slider .slick-prev:before,
.common-portfolio-wrapper .portfolio-cmn-slider .slick-next:before {
  background: url("../images/portfolio-common/arrows.svg") no-repeat;
  background-size: 100%;
  background-position: center;
  width: 40px;
  height: 40px;
  position: absolute;
}

@media (max-width: 576px) {
  .common-portfolio-wrapper .portfolio-cmn-slider .slick-prev:before,
  .common-portfolio-wrapper .portfolio-cmn-slider .slick-next:before {
    width: 32px;
    height: 32px;
  }
}

.common-portfolio-wrapper .portfolio-cmn-slider .slick-prev:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.common-portfolio-wrapper .portfolio-cmn-slider .slick-slide img {
  width: 100%;
}

.portfolio-standard {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Portfolio standard scss
* File          : _common_portfolio.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. Portfolio Standard section

-------------------------------------------------------------------------------------- */
  /* 01. Portfolio Standard section */
}

.portfolio-standard .portfolio-standard-section .filtr-container {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: -32px;
}

@media (min-width: 768px) {
  .portfolio-standard .portfolio-standard-section .filtr-container {
    margin-bottom: -40px;
  }
}

.portfolio-standard .portfolio-standard-section .filterizr-filter-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
  padding: 40px 0;
}

@media (min-width: 1200px) {
  .portfolio-standard .portfolio-standard-section .filterizr-filter-menu {
    padding: 56px 0;
  }
}

@media (min-width: 1500px) {
  .portfolio-standard .portfolio-standard-section .filterizr-filter-menu {
    padding: 72px 0;
  }
}

.portfolio-standard .portfolio-standard-section .filterizr-filter-menu li {
  padding: 8px 16px;
  border: 1px solid #E1DEDE;
  height: 36px;
  border-radius: 18px;
  line-height: 1;
  background-color: #ffffff;
  margin-right: 8px;
  margin-bottom: 8px;
  color: #2E2E2E;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.portfolio-standard .portfolio-standard-section .filterizr-filter-menu li.filter-active {
  border: 1px solid #E3000F;
  background-color: #E3000F;
  color: #ffffff;
}

@media (min-width: 1200px) {
  .portfolio-standard .portfolio-standard-section .filterizr-filter-menu li {
    margin-right: 18px;
  }
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card {
  margin-bottom: 32px;
  text-decoration: none;
  display: block;
}

@media (min-width: 768px) {
  .portfolio-standard .portfolio-standard-section .portfolio-standard-card {
    margin-bottom: 40px;
  }
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card .img-box {
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .portfolio-standard .portfolio-standard-section .portfolio-standard-card .img-box {
    margin-bottom: 28px;
  }
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card .img-box img {
  width: 100%;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card .img-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #000000;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card .detail-box h4 {
  font-weight: 700;
  color: #0178E2;
  margin-bottom: 4px;
  font-family: "Roboto", sans-serif;
}

@media (min-width: 1500px) {
  .portfolio-standard .portfolio-standard-section .portfolio-standard-card .detail-box h4 {
    font-size: 30px;
    line-height: 35px;
  }
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card .detail-box .portfolio-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card .detail-box .portfolio-tags span {
  color: #888888;
  font-size: 14px;
  line-height: 2;
  font-weight: 400;
  text-decoration: none;
  margin-right: 20px;
  text-transform: uppercase;
  position: relative;
}

@media (min-width: 768px) {
  .portfolio-standard .portfolio-standard-section .portfolio-standard-card .detail-box .portfolio-tags span {
    font-size: 16px;
  }
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card .detail-box .portfolio-tags span::after {
  content: ".";
  position: absolute;
  bottom: 0;
  right: -12px;
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card .detail-box .portfolio-tags span:nth-last-child(1)::after {
  display: none;
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card:hover img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

.portfolio-standard .portfolio-standard-section .portfolio-standard-card:hover .img-box::before {
  opacity: 0.5;
}

.portfolio-standard .portfolio-standard-section .portfolio-btn-wrapper {
  margin-top: 32px;
}

@media (min-width: 576px) {
  .portfolio-standard .portfolio-standard-section .portfolio-btn-wrapper {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .portfolio-standard .portfolio-standard-section .portfolio-btn-wrapper {
    margin-top: 56px;
  }
}

@media (min-width: 1200px) {
  .portfolio-standard .portfolio-standard-section .portfolio-btn-wrapper {
    margin-top: 76px;
  }
}

.common-blog-wrapper {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Common blog scss
* File          : _common_blog.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. Common Banner section
03. Layout elements style
04. hero-section style
05. Blog common Sidebar style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 02. Common Banner section */
  /* 03. Layout elements style */
  /* 04. Blog common Sidebar style */
  /* blog comment section */
  /* Blog post comment section */
}

.common-blog-wrapper .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.common-blog-wrapper .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .common-blog-wrapper .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .common-blog-wrapper .title {
    margin-bottom: 32px;
  }
}

.common-blog-wrapper .title .title-heading,
.common-blog-wrapper .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .common-blog-wrapper .title .title-heading,
  .common-blog-wrapper .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .common-blog-wrapper .title .title-heading,
  .common-blog-wrapper .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .common-blog-wrapper .title .title-heading,
  .common-blog-wrapper .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .common-blog-wrapper .title .title-heading,
  .common-blog-wrapper .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .common-blog-wrapper .title .title-heading,
  .common-blog-wrapper .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .common-blog-wrapper .title .title-heading,
  .common-blog-wrapper .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.common-blog-wrapper .title .title-paragraph {
  margin-bottom: 0;
  color: #888888;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.common-blog-wrapper .title .title-paragraph.color-44 {
  color: #444444;
}

@media (min-width: 320px) {
  .common-blog-wrapper .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 576px) {
  .common-blog-wrapper .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 768px) {
  .common-blog-wrapper .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 992px) {
  .common-blog-wrapper .title .title-paragraph {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .common-blog-wrapper .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (min-width: 1500px) {
  .common-blog-wrapper .title .title-paragraph {
    font-size: 20px;
    line-height: 24px;
  }
}

.common-blog-wrapper .blog-title {
  margin-bottom: 28px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.common-blog-wrapper .blog-title h3 {
  margin-bottom: 16px;
}

@media (min-width: 1500px) {
  .common-blog-wrapper .blog-title h3 {
    font-size: 36px;
    line-height: 32px;
  }
}

@media (max-width: 1200px) {
  .common-blog-wrapper .blog-title h3 {
    margin-bottom: 8px;
  }
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-title h3 {
    margin-bottom: 0;
  }
}

.common-blog-wrapper .common-banner-section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 88px 0 128px 0;
  text-transform: uppercase;
}

.common-blog-wrapper .common-banner-section h2 {
  color: #2F2483;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 32px;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}

@media (min-width: 576px) {
  .common-blog-wrapper .common-banner-section h2 {
    font-size: 40px;
    line-height: 1.2;
  }
}

@media (min-width: 992px) {
  .common-blog-wrapper .common-banner-section h2 {
    font-size: 48px;
    line-height: 44px;
  }
}

@media (min-width: 1200px) {
  .common-blog-wrapper .common-banner-section h2 {
    font-size: 64px;
    line-height: 52px;
  }
}

@media (min-width: 1500px) {
  .common-blog-wrapper .common-banner-section h2 {
    font-size: 80px;
    line-height: 70px;
  }
}

.common-blog-wrapper .common-cover1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#D9EAFF), to(rgba(217, 234, 255, 0.7)));
  background: linear-gradient(180deg, #D9EAFF, rgba(217, 234, 255, 0.7));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .common-blog-wrapper .common-cover1 {
    min-height: 580px;
  }
}

.common-blog-wrapper .common-cover1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 500px;
  background: url(../images/blog-common/pattern-1.svg);
  background-size: contain;
  background-position: bottom right;
  -webkit-transform: translate(-35%, -20%);
          transform: translate(-35%, -20%);
}

.common-blog-wrapper .common-cover1::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 500px;
  height: 500px;
  background: url(../images/blog-common/pattern-1.svg);
  background-size: contain;
  background-position: top left;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  -webkit-transform: translate(12%, 20%);
          transform: translate(12%, 20%);
}

.common-blog-wrapper .blog-one {
  --plyr-color-main: #EE7D67;
}

.common-blog-wrapper .blog-one .blog-wrapper {
  margin-bottom: 72px;
}

@media (max-width: 992px) {
  .common-blog-wrapper .blog-one .blog-wrapper {
    margin-bottom: 56px;
  }
}

@media (max-width: 768px) {
  .common-blog-wrapper .blog-one .blog-wrapper {
    margin-bottom: 44px;
  }
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-one .blog-wrapper {
    margin-bottom: 32px;
  }
}

.common-blog-wrapper .blog-one .blog-wrapper .blog-content .blog-img img {
  min-width: 100%;
}

.common-blog-wrapper .blog-one .blog-wrapper .blog-text {
  margin-top: 28px;
}

.common-blog-wrapper .blog-one .blog-wrapper .blog-text a {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}

.common-blog-wrapper .blog-one .blog-wrapper .blog-text a:hover {
  color: #E3000F !important;
}

.common-blog-wrapper .blog-one .blog-wrapper .blog-text a:hover::after {
  content: ">";
  right: -20px;
}

.common-blog-wrapper .blog-one .blog-wrapper .blog-text a::after {
  position: absolute;
  content: "";
  top: -3px;
  right: -10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.common-blog-wrapper .blog-one .blog-pagination {
  margin-top: 40px;
}

@media (max-width: 992px) {
  .common-blog-wrapper .blog-one .blog-pagination {
    margin-bottom: 40px;
  }
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-one .blog-pagination {
    margin-bottom: 32px;
    margin-top: 32px;
  }
}

.common-blog-wrapper .blog-one .blog-pagination .pagination {
  margin-bottom: 0;
}

.common-blog-wrapper .blog-one .blog-pagination .page-item.active {
  background-color: #E3000F;
  border-radius: 100%;
}

.common-blog-wrapper .blog-one .blog-pagination .page-item.active .page-link {
  color: #ffffff;
}

.common-blog-wrapper .blog-one .blog-pagination .page-item:first-child .page-link {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 64px;
}

@media (max-width: 1200px) {
  .common-blog-wrapper .blog-one .blog-pagination .page-item:first-child .page-link {
    width: 56px;
  }
}

.common-blog-wrapper .blog-one .blog-pagination .page-item:last-child .page-link {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  width: 64px;
}

@media (max-width: 1200px) {
  .common-blog-wrapper .blog-one .blog-pagination .page-item:last-child .page-link {
    width: 56px;
  }
}

.common-blog-wrapper .blog-one .blog-pagination .page-item .page-link {
  border: none;
  margin-left: 0;
  background-color: rgba(227, 0, 15, 0.1);
  height: 48px;
  width: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #373435;
  font-size: 20px;
}

@media (max-width: 1200px) {
  .common-blog-wrapper .blog-one .blog-pagination .page-item .page-link {
    height: 40px;
    width: 40px;
    font-size: 16px;
  }
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-one .blog-pagination .page-item .page-link {
    height: 36px;
    width: 36px;
  }
}

.common-blog-wrapper .blog-one .blog-pagination .page-item .page-link:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.common-blog-wrapper .blog-one .recent-blogs-wrapper .blog-title {
  margin-bottom: 12px;
}

.common-blog-wrapper .blog-one .recent-blogs-wrapper .blog-title h6 {
  margin-bottom: 8px;
}

.common-blog-wrapper .blog-one .recent-blogs-wrapper .blog-text {
  margin-top: 12px;
}

.common-blog-wrapper .blog-one .custom-blog-card {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 48px 32px 28px 32px;
  font-size: 18px;
  line-height: 32px;
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-one .custom-blog-card {
    padding: 48px 24px 28px 24px;
  }
}

.common-blog-wrapper .blog-one .custom-blog-card .blog-title {
  margin: 0;
}

.common-blog-wrapper .blog-one .custom-blog-card h5 {
  margin-bottom: 4px;
}

@media (min-width: 1200px) {
  .common-blog-wrapper .blog-one .custom-blog-card h5 {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 1500px) {
  .common-blog-wrapper .blog-one .custom-blog-card h5 {
    font-size: 24px;
    line-height: 40px;
  }
}

.common-blog-wrapper .blog-one .custom-blog-card p {
  margin-bottom: 0;
}

.common-blog-wrapper .blog-one .custom-blog-card > * {
  position: relative;
  z-index: 2;
}

.common-blog-wrapper .blog-one .custom-blog-card.blog-quote-card1::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 29px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='25' viewBox='0 0 29 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6171 0C0.539033 4.16667 0 7.8869 0 11.1607C0 15.5506 1.04213 18.936 3.12639 21.317C5.21066 23.7723 8.22924 25 12.1822 25V19.7545C10.3135 19.7545 8.94796 19.1964 8.0855 18.0804C7.29492 17.0387 6.89963 15.4018 6.89963 13.1696V10.8259H12.7212V0H1.6171ZM17.8959 0C16.8897 3.86905 16.3866 7.58928 16.3866 11.1607C16.3866 15.5506 17.3928 18.936 19.4052 21.317C21.4895 23.7723 24.5081 25 28.461 25V19.7545C24.9393 19.7545 23.1784 17.5595 23.1784 13.1696V10.8259H29V0H17.8959Z' fill='%23EE7D67'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}

.common-blog-wrapper .blog-one .custom-blog-card.blog-quote-card1::after {
  content: "";
  position: absolute;
  bottom: 24px;
  right: 30px;
  width: 62px;
  height: 53px;
  background-image: url("data:image/svg+xml,%3Csvg width='62' height='53' viewBox='0 0 62 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.45725 3.8147e-06C1.15242 8.83334 0 16.7202 0 23.6607C0 32.9673 2.228 40.1443 6.68401 45.192C11.14 50.3973 17.5936 53 26.0446 53V41.8795C22.0496 41.8795 19.1301 40.6964 17.2862 38.3304C15.596 36.122 14.7509 32.6518 14.7509 27.9196V22.9509H27.197V3.8147e-06H3.45725ZM38.2602 3.8147e-06C36.109 8.20238 35.0335 16.0893 35.0335 23.6607C35.0335 32.9673 37.1846 40.1443 41.487 45.192C45.943 50.3973 52.3965 53 60.8476 53V41.8795C53.3185 41.8795 49.5539 37.2262 49.5539 27.9196V22.9509H62V3.8147e-06H38.2602Z' fill='%23EE7D67' fill-opacity='0.28'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 992px) {
  .common-blog-wrapper .blog-one .custom-blog-card.blog-quote-card1::after {
    width: 48px;
    height: 41px;
  }
}

.common-blog-wrapper .blog-one .custom-blog-card.blog-link-card1 h5 {
  margin-bottom: 0;
}

.common-blog-wrapper .blog-one .custom-blog-card.blog-link-card1::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_289_14768)'%3E%3Cpath d='M0 19.3564C0.067726 19.0181 0.121907 18.6731 0.209951 18.3415C0.474082 17.3402 0.954936 16.454 1.68638 15.7233C3.5353 13.8627 5.3639 11.9887 7.26022 10.1688C9.98281 7.55726 14.5679 8.17969 16.5319 11.3798C16.5522 11.4204 16.5793 11.4542 16.5861 11.4745C16.5861 11.4813 16.5861 11.488 16.5861 11.488C16.2271 11.8737 15.9156 12.2796 15.5363 12.6044C14.9539 13.0915 14.1344 13.0103 13.552 12.4623C12.9289 11.8737 12.1974 11.5828 11.3441 11.5963C10.5382 11.6098 9.83381 11.8872 9.26491 12.4555C7.47695 14.2349 5.68898 16.0074 3.91456 17.8003C2.74967 18.9775 2.76999 20.8854 3.93488 22.0558C5.11331 23.2398 7.00964 23.2736 8.20839 22.1032C9.35296 20.9869 10.4772 19.8503 11.6015 18.7136C11.7775 18.5377 11.9062 18.4836 12.1636 18.5716C13.2607 18.9572 14.385 19.0587 15.5363 18.9098C15.577 18.9031 15.6176 18.9031 15.7124 18.9031C15.6244 18.9978 15.5634 19.0655 15.4957 19.1263C13.8296 20.7907 12.1636 22.4482 10.5043 24.1126C9.46809 25.1612 8.22871 25.7972 6.75905 25.9596C6.71842 25.9663 6.68455 25.9866 6.64392 26.0001C6.64392 26.0001 6.64392 26.0001 6.63715 26.0001H5.53998C5.53998 26.0001 5.53998 26.0001 5.53321 26.0001C5.47903 25.9866 5.42485 25.9596 5.37067 25.9528C2.87158 25.5739 1.17843 24.1937 0.318312 21.819C0.169315 21.4063 0.108362 20.9598 0.0135452 20.5268C0.0067726 20.1344 0.0067726 19.7488 0 19.3564Z' fill='%23EE7D67'/%3E%3Cpath d='M9.37313 14.4987C9.36635 14.492 9.37313 14.4852 9.37313 14.4852C9.7253 14.1334 10.0368 13.8086 10.3619 13.5042C10.9579 12.9494 11.8384 12.9562 12.4547 13.5313C12.9761 14.0184 13.5721 14.3228 14.29 14.3972C15.2382 14.4987 16.1796 14.1402 16.8568 13.4704C17.6763 12.6653 18.4823 11.8466 19.295 11.0348C20.2228 10.1079 21.1574 9.18777 22.0785 8.25413C23.6836 6.6101 22.9996 3.87682 20.8188 3.2138C19.681 2.86875 18.6448 3.11231 17.7915 3.93771C16.6266 5.06756 15.4888 6.23123 14.3374 7.37461C14.2494 7.46256 14.1817 7.55051 14.0191 7.48962C12.8475 7.05663 11.6419 6.94161 10.3552 7.10399C10.3416 7.10399 10.3348 7.09045 10.3416 7.08369C10.389 7.0228 10.4229 6.97544 10.4567 6.94161C12.177 5.22316 13.8769 3.49118 15.6175 1.7998C17.3445 0.128706 19.4101 -0.399007 21.706 0.30461C23.9613 0.994696 25.3768 2.57107 25.8712 4.87812C26.2843 6.81983 25.7019 8.84273 24.327 10.2838C22.512 12.1849 20.6495 14.0319 18.7532 15.8518C16.3692 18.1318 12.4276 17.9695 10.1858 15.5474C9.88784 15.2294 9.6508 14.8573 9.37313 14.4987Z' fill='%23EE7D67'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_289_14768'%3E%3Crect width='26' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.common-blog-wrapper .blog-one .custom-blog-card.blog-link-card1::after {
  content: "";
  position: absolute;
  bottom: 22px;
  right: 30px;
  width: 49px;
  height: 49px;
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_289_14761)'%3E%3Cpath d='M0 36.4795C0.127637 35.8419 0.229747 35.1917 0.395676 34.5669C0.893462 32.6798 1.79969 31.0095 3.17817 29.6325C6.66267 26.1261 10.1089 22.5942 13.6827 19.1644C18.8138 14.2427 27.4548 15.4157 31.1563 21.4467C31.1946 21.5232 31.2456 21.5869 31.2584 21.6252C31.2584 21.6379 31.2584 21.6507 31.2584 21.6507C30.5819 22.3775 29.9948 23.1425 29.28 23.7545C28.1823 24.6726 26.6379 24.5195 25.5402 23.4868C24.366 22.3775 22.9875 21.8292 21.3793 21.8547C19.8604 21.8802 18.533 22.403 17.4608 23.474C14.0912 26.8274 10.7215 30.168 7.37744 33.5469C5.18208 35.7654 5.22037 39.3611 7.41573 41.5669C9.63662 43.7982 13.2105 43.862 15.4697 41.6562C17.6267 39.5523 19.7455 37.4103 21.8643 35.2682C22.1961 34.9367 22.4387 34.8347 22.9237 35.0004C24.9914 35.7272 27.1102 35.9185 29.28 35.6379C29.3566 35.6252 29.4332 35.6252 29.6119 35.6252C29.446 35.8037 29.3311 35.9312 29.2034 36.046C26.0636 39.1826 22.9237 42.3064 19.7966 45.443C17.8437 47.4194 15.5079 48.6179 12.7382 48.9239C12.6616 48.9367 12.5978 48.9749 12.5212 49.0004C12.5212 49.0004 12.5212 49.0004 12.5085 49.0004H10.4407C10.4407 49.0004 10.4407 49.0004 10.428 49.0004C10.3259 48.9749 10.2238 48.9239 10.1216 48.9112C5.41183 48.1971 2.22089 45.596 0.599896 41.1206C0.319093 40.3429 0.20422 39.5013 0.0255275 38.6853C0.0127637 37.9458 0.0127637 37.219 0 36.4795Z' fill='%23EE7D67' fill-opacity='0.28'/%3E%3Cpath d='M17.6649 27.3246C17.6521 27.3119 17.6649 27.2991 17.6649 27.2991C18.3286 26.6361 18.9157 26.0241 19.5284 25.4503C20.6516 24.4048 22.3109 24.4175 23.4724 25.5013C24.4552 26.4194 25.5784 26.9931 26.9313 27.1334C28.7182 27.3246 30.4924 26.6489 31.7688 25.3866C33.3132 23.8693 34.8321 22.3265 36.3637 20.7964C38.1124 19.0496 39.8738 17.3155 41.6096 15.556C44.6346 12.4576 43.3455 7.30643 39.2356 6.05688C37.0913 5.40661 35.1384 5.86562 33.5302 7.42118C31.3348 9.55051 29.1905 11.7436 27.0207 13.8984C26.8547 14.0642 26.7271 14.2299 26.4208 14.1152C24.2126 13.2991 21.9407 13.0824 19.5156 13.3884C19.4901 13.3884 19.4773 13.3629 19.4901 13.3501C19.5794 13.2354 19.6432 13.1461 19.7071 13.0824C22.949 9.84377 26.1527 6.57965 29.433 3.39204C32.6878 0.242674 36.5807 -0.751862 40.9076 0.574186C45.1579 1.87473 47.8256 4.84559 48.7573 9.19349C49.5359 12.8529 48.4382 16.6653 45.8472 19.3811C42.4265 22.964 38.9165 26.4449 35.3426 29.8747C30.8498 34.1716 23.4213 33.8656 19.1965 29.301C18.6349 28.7017 18.1882 28.0004 17.6649 27.3246Z' fill='%23EE7D67' fill-opacity='0.28'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_289_14761'%3E%3Crect width='49' height='49' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 992px) {
  .common-blog-wrapper .blog-one .custom-blog-card.blog-link-card1::after {
    width: 36px;
    height: 36px;
    bottom: 16px;
  }
}

.common-blog-wrapper .blog-one .gallery-post-carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='24' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-0.00048871 12C-0.000488729 12.4302 0.155573 12.8602 0.46704 13.1882L10.2732 23.5077C10.8969 24.1641 11.9083 24.1641 12.5319 23.5077C13.1554 22.8515 13.1554 21.7874 12.5319 21.1308L8.19336 16.5654L3.85486 12L12.5316 2.86917C13.1551 2.21272 13.1551 1.14871 12.5316 0.492578C11.908 -0.164194 10.8966 -0.164194 10.2729 0.492578L0.466735 10.8119C0.155219 11.14 -0.000488692 11.5701 -0.00048871 12Z' fill='%233E414E'/%3E%3C/svg%3E");
}

.common-blog-wrapper .blog-one .gallery-post-carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='24' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9995 12C12.9995 12.4302 12.8435 12.8602 12.532 13.1882L2.72587 23.5077C2.10207 24.1641 1.0907 24.1641 0.467166 23.5077C-0.156373 22.8515 -0.156373 21.7874 0.467165 21.1308L4.80566 16.5654L9.14416 12L0.467468 2.86917C-0.156071 2.21272 -0.156071 1.14871 0.467468 0.492578C1.09101 -0.164194 2.10238 -0.164194 2.72617 0.492578L12.5323 10.8119C12.8438 11.14 12.9995 11.5701 12.9995 12Z' fill='%233E414E'/%3E%3C/svg%3E%0A");
}

.common-blog-wrapper .blog-one .vid-post-box .plyr__control {
  border-radius: 0;
}

.common-blog-wrapper .blog-one .vid-post-box .plyr--video {
  background: transparent;
  overflow: hidden;
  border-radius: 22px;
}

.common-blog-wrapper .blog-one .vid-post-box .plyr__video-wrapper {
  background: transparent;
}

.common-blog-wrapper .blog-one .vid-post-box .plyr__video-wrapper::before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  width: 100%;
  height: 25%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.common-blog-wrapper .blog-one .vid-post-box .plyr--playing .plyr__video-wrapper::before {
  opacity: 0;
}

.common-blog-wrapper .blog-one .vid-post-box .plyr__poster {
  background: transparent;
}

.common-blog-wrapper .blog-one .vid-post-box .plyr__poster {
  background-size: cover;
}

.common-blog-wrapper .blog-one .vid-post-box .plyr--video .plyr__controls {
  background: rgba(6, 6, 6, 0.71);
  padding: 0;
  margin: 16px;
  border-radius: 0;
}

.common-blog-wrapper .blog-one .audio-post-box {
  position: relative;
  --plyr-audio-control-color: #ffffff;
  --plyr-control-radius:0;
  overflow: hidden;
  border-radius: 22px;
}

.common-blog-wrapper .blog-one .audio-post-box::before {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  width: 100%;
  height: 25%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.common-blog-wrapper .blog-one .audio-post-box img {
  width: 100%;
}

.common-blog-wrapper .blog-one .audio-post-box .audio-player-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
}

.common-blog-wrapper .blog-one .audio-post-box .audio-player-wrapper .plyr__controls {
  background: rgba(6, 6, 6, 0.71);
  padding: 0;
  margin: 16px;
  border-radius: 0;
}

.common-blog-wrapper .blog-two {
  position: -webkit-sticky;
  position: sticky;
  top: 150px;
}

@media (max-width: 992px) {
  .common-blog-wrapper .blog-two {
    position: unset;
  }
}

.common-blog-wrapper .blog-two .search-box {
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .common-blog-wrapper .blog-two .search-box {
    padding-bottom: 28px;
  }
}

.common-blog-wrapper .blog-two .search-box .input-group {
  max-width: 415px;
}

.common-blog-wrapper .blog-two .search-box .input-group input {
  border: 1px solid rgba(0, 98, 215, 0.37);
  border-radius: 5px !important;
  padding: 10px 50px 10px 20px;
}

.common-blog-wrapper .blog-two .search-box .input-group input:focus {
  -webkit-box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 15px 0px rgba(0, 0, 0, 0.1);
}

.common-blog-wrapper .blog-two .search-box .input-group input::-webkit-input-placeholder {
  letter-spacing: 2px;
  color: #373435;
}

.common-blog-wrapper .blog-two .search-box .input-group input:-ms-input-placeholder {
  letter-spacing: 2px;
  color: #373435;
}

.common-blog-wrapper .blog-two .search-box .input-group input::-ms-input-placeholder {
  letter-spacing: 2px;
  color: #373435;
}

.common-blog-wrapper .blog-two .search-box .input-group input::placeholder {
  letter-spacing: 2px;
  color: #373435;
}

.common-blog-wrapper .blog-two .search-box .input-group .input-group-prepend {
  position: absolute;
  right: 15px;
  top: 7px;
}

.common-blog-wrapper .blog-two .search-box .input-group .input-group-prepend button {
  min-height: auto;
  padding: 0;
}

.common-blog-wrapper .blog-two .search-box .input-group .input-group-prepend button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.common-blog-wrapper .blog-two .blog-details {
  padding-bottom: 40px;
}

@media (max-width: 992px) {
  .common-blog-wrapper .blog-two .blog-details {
    padding-bottom: 24px;
  }
}

.common-blog-wrapper .blog-two .blog-details .blog-innr-title {
  color: #2F2483;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 24px;
}

@media (max-width: 1200px) {
  .common-blog-wrapper .blog-two .blog-details .blog-innr-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}

.common-blog-wrapper .blog-two .blog-details .blog-post li {
  margin-bottom: 16px;
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-two .blog-details .blog-post li {
    margin-bottom: 12px;
  }
}

.common-blog-wrapper .blog-two .blog-details .blog-post li a {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.common-blog-wrapper .blog-two .blog-details .blog-post li a:hover {
  color: #E3000F;
}

.common-blog-wrapper .blog-two .blog-details .blog-tag a {
  display: inline-block;
  margin: 0 8px 16px 0;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  background-color: rgba(238, 125, 103, 0.15);
  border-radius: 50px;
  padding: 10px 15px;
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-two .blog-details .blog-tag a {
    display: inline-block;
    margin: 0 8px 12px 0;
  }
}

.common-blog-wrapper .blog-two .blog-details .blog-tag a:hover {
  color: #ffffff;
  background-color: rgba(47, 36, 131, 0.5);
}

.common-blog-wrapper .blog-two .blog-details .blog-news .blog-news-card {
  text-decoration: none;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}

.common-blog-wrapper .blog-two .blog-details .blog-news .blog-news-card .news-detail {
  margin-left: 16px;
}

.common-blog-wrapper .blog-two .blog-details .blog-news .blog-news-card .news-detail p {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.common-blog-wrapper .blog-two .blog-details .blog-news .blog-news-card:hover .news-detail p:first-child {
  color: #E3000F;
}

.common-blog-wrapper .blog-comment-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 24px 24px 36px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  margin-top: 32px;
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-comment-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 16px;
  }
}

.common-blog-wrapper .blog-comment-box.blog-comment-box-inner {
  margin-left: 75px;
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-comment-box.blog-comment-box-inner {
    margin-left: 40px;
  }
}

.common-blog-wrapper .blog-comment-box:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 36px solid #ffffff;
  border-right: 22px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 24px solid transparent;
  bottom: -40px;
  left: 5 8px;
  -webkit-transform: rotate(23deg);
          transform: rotate(23deg);
}

.common-blog-wrapper .blog-comment-box .img-box {
  margin-right: 16px;
  width: 62px;
  min-width: 62px;
  height: 62px;
  position: relative;
  z-index: 2;
}

@media (max-width: 576px) {
  .common-blog-wrapper .blog-comment-box .img-box {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.common-blog-wrapper .blog-comment-box .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.common-blog-wrapper .blog-comment-box .detail-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 2;
}

.common-blog-wrapper .blog-comment-box .blog-detail-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.common-blog-wrapper .blog-comment-box .blog-info-reply {
  margin-top: 4px;
  margin-left: 8px;
}

.common-blog-wrapper .blog-comment-box .blog-detail-info .common-p {
  margin-bottom: 2px;
}

.common-blog-wrapper .blog-comment-box .blog-detail-info .common-p-12 {
  margin-bottom: 10px;
}

.common-blog-wrapper .blog-comment-box .blog-detail-text {
  max-width: 570px;
}

.common-blog-wrapper .blog-post-comment-container {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid #D8D6D6;
}

.common-blog-wrapper .blog-post-comment-form {
  margin-top: 32px;
}

.common-blog-wrapper .blog-post-comment-form.row > * {
  margin-top: 0;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .common-blog-wrapper .blog-post-comment-form.row > * {
    margin-bottom: 32px;
  }
}

.common-blog-wrapper .blog-post-comment-form .form-control {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  border: none;
  color: #888888;
  font-size: 16px;
}

.common-blog-wrapper .blog-post-comment-form input.form-control {
  height: 60px;
}

.common-blog-wrapper .blog-post-comment-form textarea.form-control {
  height: 135px;
}

.blog-right-sidebar {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Blog Right sidebar page
* File          : _blog_right_sidebar.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. Blog right sidebar style


-------------------------------------------------------------------------------------- */
  /* 01. Blog right Sidebar style */
}

.blog-right-sidebar.blog-right-sidebar .blog-two {
  padding-left: 40px;
}

@media (max-width: 1500px) {
  .blog-right-sidebar.blog-right-sidebar .blog-two {
    padding-left: 24px;
  }
}

@media (max-width: 992px) {
  .blog-right-sidebar.blog-right-sidebar .blog-two {
    padding-left: 0;
  }
}

.blog-right-sidebar.blog-right-sidebar .blog-details:last-child {
  padding-bottom: 0;
}

.blog-left-sidebar {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Blog Left sidebar page
* File          : _blog_leftt_sidebar.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. Blog left sidebar style

-------------------------------------------------------------------------------------- */
  /* 01. Blog left Sidebar style */
}

.blog-left-sidebar.blog-left-sidebar .blog-one {
  padding-left: 40px;
}

@media (max-width: 1500px) {
  .blog-left-sidebar.blog-left-sidebar .blog-one {
    padding-left: 24px;
  }
}

@media (max-width: 992px) {
  .blog-left-sidebar.blog-left-sidebar .blog-one {
    padding-left: 0;
  }
}

.blog-masonry {
  /* ----------------------------------------------------------------------------------------
* Theme Name    : Zigland
* Theme URI 	  : ''
* Author        : Zignuts
* Template Name : Zigland | Blog masonry scss
* File          : _blog_masonry.scss
* Version       : 1.0.0
* ---------------------------------------------------------------------------------------- */
  /* TABLE OF CONTENTS
----------------------------------------------------------------------------------------

01. title style
02. background section
03. Layout elements style
04. hero-section style
05. Blog common Sidebar style

-------------------------------------------------------------------------------------- */
  /* 01. title style */
  /* 01. background style */
  /* 01. background style */
}

.blog-masonry .title {
  margin-bottom: 81px;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.blog-masonry .title.text-left {
  text-align: left;
}

@media (max-width: 992px) {
  .blog-masonry .title {
    margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .blog-masonry .title {
    margin-bottom: 32px;
  }
}

.blog-masonry .title .title-heading,
.blog-masonry .title h2.title-heading {
  margin-bottom: 24px;
  color: #2E2E2E;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 32px;
  line-height: 48px;
  font-family: "Open Sans", sans-serif;
}

@media (min-width: 320px) {
  .blog-masonry .title .title-heading,
  .blog-masonry .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 576px) {
  .blog-masonry .title .title-heading,
  .blog-masonry .title h2.title-heading {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (min-width: 768px) {
  .blog-masonry .title .title-heading,
  .blog-masonry .title h2.title-heading {
    font-size: 24px;
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .blog-masonry .title .title-heading,
  .blog-masonry .title h2.title-heading {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 1200px) {
  .blog-masonry .title .title-heading,
  .blog-masonry .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

@media (min-width: 1500px) {
  .blog-masonry .title .title-heading,
  .blog-masonry .title h2.title-heading {
    font-size: 32px;
    line-height: 48px;
  }
}

.blog-masonry h2 {
  color: #2F2483;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 70px;
  line-height: 1.2;
  position: relative;
  z-index: 2;
}

@media (max-width: 1500px) {
  .blog-masonry h2 {
    font-size: 60px;
    line-height: 52px;
  }
}

@media (max-width: 1200px) {
  .blog-masonry h2 {
    font-size: 56px;
    line-height: 52px;
  }
}

@media (max-width: 992px) {
  .blog-masonry h2 {
    font-size: 48px;
    line-height: 44px;
  }
}

@media (max-width: 576px) {
  .blog-masonry h2 {
    font-size: 40px;
    line-height: 1.2;
  }
}

.blog-masonry .cover {
  position: relative;
  overflow: hidden;
}

.blog-masonry .cover::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: url("../images/blog-masonry/background-img1.svg") no-repeat;
  height: 100%;
  width: 100%;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

.blog-masonry .cover::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: url("../images/blog-masonry/background-img2.svg") no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  max-width: 940px;
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  -webkit-animation: float 3s ease-in-out infinite;
          animation: float 3s ease-in-out infinite;
}

@media (max-width: 1500px) {
  .blog-masonry .cover::after {
    max-width: 650px;
  }
}

@media (max-width: 992px) {
  .blog-masonry .cover::after {
    max-width: 450px;
  }
}

.blog-masonry.common-blog-wrapper .blog-wrapper.quote-card {
  border-radius: 12px;
  padding: 40px;
}

@media (max-width: 1500px) {
  .blog-masonry.common-blog-wrapper .blog-wrapper.quote-card {
    padding: 30px;
  }
}

.blog-masonry.common-blog-wrapper .blog-wrapper.quote-card .quote-sec {
  margin-bottom: 24px;
}

.blog-masonry.common-blog-wrapper .blog-title h3 {
  margin-bottom: 8px;
}

@media (min-width: 1500px) {
  .blog-masonry.common-blog-wrapper .blog-title h3 {
    font-size: 30px;
    line-height: 48px;
  }
}

.blog-masonry.common-blog-wrapper .blog-masonry-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 380px) {
  .brand-logo {
    width: 90%;
  }
}
/*# sourceMappingURL=style.css.map */