/*===================================================================
  Theme Main Banner
====================================================================*/

#theme-main-banner {
    position: relative;
    height: 800px;
    margin-bottom: 20px;
  }
  
  .banner-one .main-bg,
  .banner-two .main-bg,
  .banner-three .main-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  #theme-main-banner .main-content {
    position: relative;
    z-index: 99;
  }
  
  #theme-main-banner .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  
  #theme-main-banner .container h1 {
    font-family: 'Nunito', sans-serif;
    font-size: 77px;
    line-height: 74px;
    font-weight: 800;
    color: #fff;
    text-transform: capitalize;
  }
  
  #theme-main-banner .container p {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    color: #fff;
    padding: 35px 0 165px;
  }
  
  #theme-main-banner .container .button-grp {
    font-family: 'Nunito', sans-serif;
    padding: 0 45px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 30px;
    text-align: center;
    margin: 10px 15px 0 0;
    color: #fff;
  }
  
  #theme-main-banner .container .button-grp i {
    font-size: 22px;
    vertical-align: -1px;
    margin-right: 10px;
  }
  
  .banner-one .inner-shape {
    position: absolute;
    height: 68%;
    width: 52%;
    top: 50%;
    right: -14%;
    transform: translateY(-50%);
    z-index: 0;
  }
  
  .banner-one .inner-shape div {
    position: absolute;
    border-radius: 26%;
    background: #efbb19;
    width: 100%;
    height: 100%;
  }
  
  /* Shape Styling */
  .banner-one .shape-one {
    position: absolute;
    right: -7%;
    top: -30%;
    z-index: 1;
  }
  
  .banner-one .shape-two {
    position: absolute;
    right: -19%;
    top: -10%;
    z-index: 11;
  }
  
  .banner-one .shape-three {
    position: absolute;
    right: -24%;
    top: 18%;
    z-index: 1;
  }
  
  .banner-one .shape-three img {
    transform: rotate(-45deg);
  }
  
  /* Banner Two Specific Styling */
  .banner-two .shape-one {
    position: absolute;
    right: -6%;
    top: 5%;
    z-index: 1;
  }
  
  .banner-two .shape-two {
    position: absolute;
    right: -21%;
    top: -2%;
    z-index: 11;
  }
  
  .banner-two .shape-three {
    position: absolute;
    right: -26%;
    top: 25%;
    z-index: 1;
  }
  
  .banner-two .shape-three img,
  .banner-two .shape-one img {
    transform: rotate(-31deg);
  }
  
  #theme-main-banner.banner-two .container h1 {
    color: #002b64;
  }
  
  #theme-main-banner.banner-two .container h1 span {
    color: #a6b83b;
  }
  
  #theme-main-banner.banner-two .container p {
    color: #002b64;
  }
  
  /* Banner Three Specific Styling */
  .banner-three .shape-one {
    position: absolute;
    right: 0;
    top: -32%;
    z-index: 1;
  }
  
  .banner-three .shape-two {
    position: absolute;
    right: 27%;
    bottom: -29%;
    z-index: 11;
  }
  
  #theme-main-banner.banner-three .container h1 span {
    color: #f0bc19;
  }
  
  #theme-main-banner.banner-three .container p {
    padding-bottom: 95px;
  }
  
  #theme-main-banner.banner-three .container .button-grp {
    background: transparent;
    border: 2px solid #fff;
  }
  
  #theme-main-banner.banner-three .container .button-grp:hover {
    background: #fff;
  }
  
  #theme-main-banner.banner-three {
    margin-bottom: 160px;
  }
  
  /*---------------------- Our Feature ------------------*/
  .our-features .theme-title {
    margin-bottom: 70px;
    padding-top: 100px;
  }
  
  .our-features.style-two .theme-title {
    margin-bottom: 15px;
  }
  
  .our-features .main-container {
    position: relative;
    z-index: 9;
    padding: 30px 0 50px;
  }
  
  .our-features.style-two .main-container {
    padding: 150px 0 180px;
  }
  
  .our-features .main-container .shape-one {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    background: #f9f8ff;
    height: 100%;
    width: 52%;
    border-radius: 26%;
  }
  
  .our-features .main-container .shape-one.right {
    right: -14%;
  }
  
  .our-features .main-container .shape-one.left {
    left: -14%;
  }
  
  .our-features .single-feature {
    text-align: center;
    margin-top: 40px;
  }
  
  .our-features .single-feature.space-top {
    margin-top: 200px;
  }
  
  .our-features .single-feature.bg-color {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(227, 227, 227, 0.75);
    padding: 55px 10px 70px;
    border-radius: 15px;
  }
  
  .our-features .single-feature i {
    font-size: 55px;
    background: -webkit-linear-gradient(#9e89fe, #645eee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  .our-features .single-feature p {
    font-family: 'Nunito', sans-serif;
  }
  
  .our-features .single-feature h3 {
    margin: 10px 0 40px;
  }
  
  .our-features .single-feature .theme-button {
    margin-top: 45px;
  }
  
  .our-features .single-feature:hover img {
    transform: scale3D(1.1, 1.1, 1);
  }
  
  .our-features .main-container .shape-two {
    position: absolute;
    top: -17%;
    z-index: -1;
  }
  
  .our-features .main-container .shape-two.left {
    left: -6%;
  }
  
  .our-features .main-container .shape-two.right {
    right: -6%;
    top: -45%;
  }
  
  .our-features .single-feature.text-white p {
    color: rgba(255, 255, 255, 0.8);
  }
  
  .our-features .single-feature.text-white h3 {
    color: #fff;
  }
  
  .our-features .single-feature.text-white i {
    color: #ccccff;
  }
  
  /*------------------- Apps Overview ---------------*/
  .apps-overview {
    position: relative;
    z-index: 9;
    max-width: 1920px;
    margin: 0 auto;
  }
  
  .apps-overview .bg-shape {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
  }
  
  .apps-overview .main-bg-wrapper {
    padding: 50px 0 0;
  }
  
  .apps-overview .main-bg-wrapper li {
    padding: 68px 0 110px 304px;
    position: relative;
  }
  
  .apps-overview .main-bg-wrapper .text h4 {
    padding-bottom: 28px;
    color: #fff;
  }
  
  .apps-overview .main-bg-wrapper .text p {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
  }
  
  .apps-overview .main-bg-wrapper li .icon-box {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    text-align: center;
    padding: 55px 0 30px;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .apps-overview .main-bg-wrapper li .icon-box.color-one {
    background: #ebb91a;
  }
  
  .apps-overview .main-bg-wrapper li .icon-box.color-two {
    background: #002B64;
    box-shadow: 0px 0px 30px 0px rgba(67, 67, 67, 0.35);
  }
  
  .apps-overview .main-bg-wrapper li .icon-box.color-two img {
    width: 240px;
    height: 240px;
  }
  
  .apps-overview .main-bg-wrapper li .icon-box.color-three {
    background: #f34927;
  }