/* Author CSS */

@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");

* {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  margin: 0;

  padding: 0; }



html {

  overflow: hidden;

  overflow-y: auto;

  scroll-behavior: auto !important;

  margin: 0;

  padding: 0; }



body {

  margin: 0;

  padding: 0;

  position: relative;

  font-family: "Jost", sans-serif;

  background-color: #011d32;

  overflow-x: hidden; }



ul {

  margin: 0;

  padding: 0;

  list-style: none; }



a:hover,

a:focus {

  text-decoration: none;

  outline: none; }



a {

  text-decoration: none; }



input:focus,

textarea:focus,

select:focus,

button:focus,

.slick-slide {

  outline: none; }



button {

  cursor: pointer; }



img {

  max-width: 100%;

  height: auto;

  display: block; }



h1,

h2,

h3,

h4,

h5,

h5,

p,

a {

  padding: 0;

  margin: 0; }



.font-size-1-18 {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  color: #CCDEFF;
  font-family: "Jost", sans-serif; }



.font-size-1-20 {

  color: #CCDEFF;
  font-family: "Jost", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; }



.font-size-1-60 {

  color: #CCDEFF;
  font-family: "Nunito", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%; }



.font-size-1-16 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Jost", sans-serif;
  color: #000000; }

.font-size-1-12 {

  font-size: 1rem;

  font-weight: 400;

  line-height: 10;

  font-family: "Jost", sans-serif; }



.font-size-1-24 {

  font-size: 24px; }



.font-size-1-45 {

  font-size: 45px; }



.font-size-1-40 {

  font-size: 40px; }



.font-size-1-25 {

  font-size: 25px; }



.font-size-1-26 {

  font-size: 26px; }



.font-size-1-30 {
  font-size: 30px;
 font-weight: 500;
  line-height: normal;
  color: #CCDEFF;
  font-family: "Jost", sans-serif; }



.font-size-1-15 {

  font-size: 15px; }



.font-size-1-35 {

  font-size: 35px; }



.font-size-1-22 {

  font-size: 22px; }



.font-size-1-48 {

  font-size: 48px; }



.font-size-1-50 {

  font-size: 50px; }



.font-size-1-22 {

  font-size: 22px; }



.font-size-1-14 {

  font-size: 14px; }




/***************** spacing padding *************/

.ptb-140 {

  padding: 140px 0; }

  @media (max-width: 767.98px) {

    .ptb-140 {

      padding: 80px 0; } }



.pt-140 {

  padding-top: 140px; }

  @media (max-width: 767.98px) {

    .pt-140 {

      padding-top: 80px; } }



.pb-140 {

  padding-bottom: 140px; }

  @media (max-width: 767.98px) {

    .pb-140 {

      padding-bottom: 80px; } }



.pt-120 {

  padding-top: 120px; }

  @media (max-width: 767.98px) {

    .pt-120 {

      padding-top: 70px; } }



.ptb-120 {

  padding: 120px 0; }

  @media (max-width: 767.98px) {

    .ptb-120 {

      padding: 70px 0; } }



.pt-100 {

  padding-top: 100px; }

  @media (max-width: 767.98px) {

    .pt-100 {

      padding-top: 80px; } }



.ptb-60 {

  padding: 60px 0; }



.pt-20 {

  padding-top: 20px; }



.pb-20 {

  padding-bottom: 20px; }



.pt-40 {

  padding-top: 40px; }



.pt-30 {

  padding-top: 30px; }



.pt-32 {

  padding-top: 32px; }



.pb-30 {

  padding-bottom: 30px; }



.pb-32 {

  padding-bottom: 32px; }



.pb-40 {

  padding-bottom: 40px; }



.pb-100 {

  padding-bottom: 100px; }

  @media (max-width: 767.98px) {

    .pb-100 {

      padding-bottom: 70px; } }



.pb-140 {

  padding-bottom: 140px; }

  @media (max-width: 767.98px) {

    .pb-140 {

      padding-bottom: 100px; } }



.py-20 {

  padding-top: 20px;

  padding-bottom: 20px; }



.px-20 {

  padding-left: 20px;

  padding-right: 20px; }



.px-32 {

  padding-left: 32px;

  padding-right: 32px; }



.py-32 {

  padding-top: 32px;

  padding-bottom: 32px; }



.px-40 {

  padding-left: 40px;

  padding-right: 40px; }



.py-40 {

  padding-top: 40px;

  padding-bottom: 40px; }



/*********************** spacing margin ***********************/

.mt-10 {

  margin-top: 10px; }



.mt-20 {

  margin-top: 20px; }



.mt-30 {

  margin-top: 30px; }



.mt-32 {

  margin-top: 32px; }



.mt-40 {

  margin-top: 40px; }



.mt-48 {

  margin-top: 48px; }



.mt-50 {

  margin-top: 50px; }



.mt-60 {

  margin-top: 60px; }



.mt-70 {

  margin-top: 70px; }



.mt-80 {

  margin-top: 80px; }



.mb-10 {

  margin-bottom: 10px; }



.mb-20 {

  margin-bottom: 20px; }



.mb-30 {

  margin-bottom: 30px; }



.mb-32 {

  margin-bottom: 32px; }



.mb-40 {

  margin-bottom: 40px; }



.mb-50 {

  margin-bottom: 50px; }



.mb-60 {

  margin-bottom: 60px; }



.mb-70 {

  margin-bottom: 70px; }



.mb-100 {

  margin-bottom: 100px; }



.mx-32 {

  margin-left: 32px;

  margin-right: 32px; }



.mx-40 {

  margin-left: 40px;

  margin-right: 40px; }



.my-32 {

  margin-top: 32px;

  margin-bottom: 32px; }



.my-40 {

  margin-top: 40px;

  margin-bottom: 40px; }



.mt-120 {

  margin-top: 120px; }

  @media (max-width: 767.98px) {

    .mt-120 {

      margin-top: 70px; }



.section__fixed {

        /* display:none; */

    }



    



    .section__query {

        position: fixed;

        top: 200px;

        right:-60px;

        text-align: center;

        transform: rotate(270deg);

    }



    .section__query a {

        padding: 0px 30px;

        display: inline-block;

        font-size: 20px;

        background-color: #ce6f04;

        color: #fff;

        line-height: 60px;

        transition: 300ms;

        border-radius: 10px 10px 0px 0;

    }

    



    .section__query a:hover {

        background-color:#a3a000;

    }



    .section__whatsapp {

        position: fixed;

        bottom: 10px;

        right: 10px;

        text-align: center;

    }



    .section__whatsapp a {

        width: 60px;

        height: 60px;

        display: inline-block;

        font-size: 30px;

        background-color: green;

        color: #fff;

        border-radius: 50%;

        line-height: 60px;

        transition: 300ms;

    }



    .section__whatsapp a:hover {

        background-color: rgb(2, 201, 2);

    }}



/******************************* theme css **********************************/

.container {

  max-width: 1365px;

  padding: 0 15px; }



.transition-1 {

  -webkit-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  transition-timing-function: linear;

  -webkit-transition-duration: 0.3s;

  -o-transition-duration: 0.3s;

  transition-duration: 0.3s; }



.header-sticky.sticky-on {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  -webkit-animation: 1s slideInDown;

  animation: 1s slideInDown;

  z-index: 1;

  -webkit-box-shadow: 61px 11px 278px 73px #0d6efd00;

  box-shadow: 61px 11px 278px 73px #0d6efd00;

  background-color: #121B1D; }



.hero-area-1-shep-1,

.hero-area-2-shep-1,

.hero-area-3-shep-1 {

  position: absolute;

  right: 0;

  top: -20%;

  fill: rgba(204, 255, 0, 0.45);

  -webkit-filter: blur(165.5px);

  filter: blur(165.5px);

  width: 384px;

  height: 399px;

  z-index: -1; }



.hero-area-1-shep-2,

.hero-area-2-shep-2,

.hero-area-shep-2 {

  position: absolute;

  bottom: 25%;

  fill: rgba(204, 255, 0, 0.45);

  -webkit-filter: blur(165.5px);

  filter: blur(165.5px);

  width: 384px;

  height: 399px;

  left: 0;

  z-index: -1; }



.mb-30 {

  margin-bottom: 30px; }



.title {

  text-align: center; }

  .title .sub-title {

    margin-bottom: 15px; }

    .title .sub-title p {

      margin: 0;

      padding: 0;

      font-size: 24px;

      font-style: normal;

      font-weight: 700;

      font-family: "Nunito", sans-serif;

      color: #CCFF00;

      text-transform: uppercase; }

      @media (max-width: 495px) {

        .title .sub-title p {

          font: 18px; } }

    .title .sub-title.sub-title-home-3 p {

      color: #FF4A3B; }

    .title .sub-title.sub-title-home-2 p {

      color: #1954ED; }

  .title .main-title h1 {

    margin: 0;

    padding: 0;

    font-size: 1.2;

    font-style: normal;

    font-weight: 700;

    font-family: "Nunito", sans-serif;

    color: #CCDEFF;

    position: relative;

    display: inline; }

 .title .main-title h3 {

    margin: 0;

    padding: 0;

    font-size: 50px;

    font-style: normal;

    font-weight: 700;

    font-family: "Nunito", sans-serif;

    color: #CCDEFF;

    position: relative;

    display: inline; }

    @media (max-width: 767px) {

      .title .main-title h3 {

        font-size: 35px; }

.title .main-title h1 {

        font-size: 1.2rem; }}

    @media (max-width: 495px) {

      .title .main-title h1 br {

        display: none; }

.title .main-title h3 br {

        display: none; } }

    .title .main-title h3 span {

      position: absolute;

      right: 11px;

      bottom: 0;

      z-index: -1; }

      @media (max-width: 767px) {

        .title .main-title h3 span {

          bottom: -5px; }

.title .main-title h1 span {

          bottom: -5px; }}



.blur-1 {

  fill: rgba(204, 255, 0, 0.45);

  -webkit-filter: blur(165.5px);

  filter: blur(165.5px);

  z-index: -1;

  width: 384px;

  height: 399px; }



.tab-animation {

  -webkit-animation: tabinganimation 2s ease-out;

  animation: tabinganimation 2s ease-out; }



.mt-55 {

  margin-top: 55px; }



.mt-110 {

  margin-top: 110px; }



.slider-btn-1 {

  position: relative; }

  @media (max-width: 899px) {

    .slider-btn-1 {

      position: absolute;

      bottom: 135px;

      left: 50%; } }

  .slider-btn-1 .swiper-button-next,

  .slider-btn-1 .swiper-button-prev {

    width: 60px;

    height: 60px;

    border: 1px solid #1954ED;

    background: #000000;

    text-align: center;

    border-radius: 50%;

    display: block;

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .slider-btn-1 .swiper-button-next::after,

    .slider-btn-1 .swiper-button-prev::after {

      display: none; }

    .slider-btn-1 .swiper-button-next:hover,

    .slider-btn-1 .swiper-button-prev:hover {

      background-color: #1954ED; }

    .slider-btn-1 .swiper-button-next svg,

    .slider-btn-1 .swiper-button-prev svg {

      width: 18px; }



.search-bar {

  width: 100%;

  height: 100vh;

  position: absolute;

  background-color: #121B1D;

  z-index: 99999999999;

  top: -100%;

  opacity: 0;

  visibility: hidden;

  left: 0;

  -webkit-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease; }

  .search-bar.active {

    top: 0;

    opacity: 1;

    visibility: visible;

    position: fixed; }

  .search-bar .search form {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 90%;

    gap: 20px; }

  .search-bar input[type="text"] {

    padding: 20px 28px;

    border-radius: 4px;

    background-color: #5B5B61;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

    text-transform: capitalize;

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    border: none;

    outline: none;

    width: 70%; }

    .search-bar input[type="text"]::-webkit-input-placeholder {

      color: #CCDEFF; }

    .search-bar input[type="text"]:-ms-input-placeholder {

      color: #CCDEFF; }

    .search-bar input[type="text"]::-ms-input-placeholder {

      color: #CCDEFF; }

    .search-bar input[type="text"]::placeholder {

      color: #CCDEFF; }

  .search-bar a {

    font-size: 25px;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    display: block;

    text-align: center;

    border: 4px solid #1954ED;

    position: absolute;

    top: 20px;

    right: 20px;

    line-height: 45px; }

    .search-bar a i {

      color: #CCDEFF; }

  .search-bar.home-1 input[type="submit"] {

    background-color: #CCFF00;

    color: #000000; }

  .search-bar.home-1 a {

    border-color: #CCFF00; }

  .search-bar.home-3 input[type="submit"] {

    background-color: #FF4A3B;

    color: #CCDEFF; }

    .search-bar.home-3 input[type="submit"]:hover {

      color: #000000; }

  .search-bar.home-3 a {

    border-color: #FF4A3B; }



.video-main {

  position: relative;

  display: inline-block; }



.video {

  height: 50px;

  width: 50px;

  line-height: 50px;

  text-align: center;

  border-radius: 100%;

  background: transparent;

  color: #fff;

  display: inline-block;

  background: #000000;

  z-index: 999; }



.waves {

  position: absolute;

  width: 150px;

  height: 150px;

  background: #CCDEFF;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  border-radius: 100%;

  right: -45px;

  bottom: -45px;

  z-index: -1;

  -webkit-animation: waves 3s ease-in-out infinite;

  animation: waves 3s ease-in-out infinite;

  opacity: 0.5; }



.wave-1 {

  -webkit-animation-delay: 0s;

  animation-delay: 0s; }



.wave-2 {

  -webkit-animation-delay: 1s;

  animation-delay: 1s; }



.wave-3 {

  -webkit-animation-delay: 2s;

  animation-delay: 2s; }



@-webkit-keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }



@keyframes slideInDown {

  from {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    visibility: visible; }

  to {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0); } }



@-webkit-keyframes marquee {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%); } }



@keyframes marquee {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%); } }



@-webkit-keyframes marquee1 {

  0% {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%); }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes marquee1 {

  0% {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%); }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@-webkit-keyframes scroll-1 {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%); } }



@keyframes scroll-1 {

  0% {

    -webkit-transform: translateX(0);

    transform: translateX(0); }

  100% {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%); } }



@-webkit-keyframes scroll-2 {

  0% {

    -webkit-transform: translateX(-80%);

    transform: translateX(-80%); }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes scroll-2 {

  0% {

    -webkit-transform: translateX(-80%);

    transform: translateX(-80%); }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@-webkit-keyframes tabinganimation {

  0% {

    opacity: 0;

    -webkit-transform: translateX(5%);

    transform: translateX(5%); }

  50% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@keyframes tabinganimation {

  0% {

    opacity: 0;

    -webkit-transform: translateX(5%);

    transform: translateX(5%); }

  50% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0); } }



@-webkit-keyframes waves {

  0% {

    -webkit-transform: scale(0.2, 0.2);

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  50% {

    opacity: 0.9;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

  100% {

    -webkit-transform: scale(0.9, 0.9);

    transform: scale(0.9, 0.9);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }



@keyframes waves {

  0% {

    -webkit-transform: scale(0.2, 0.2);

    transform: scale(0.2, 0.2);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

  50% {

    opacity: 0.9;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

  100% {

    -webkit-transform: scale(0.9, 0.9);

    transform: scale(0.9, 0.9);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }



/******************************** components ******************************/

.header-area-1 {

  position: relative;

  border-bottom: 1px solid;

  padding-top: 2px;

  padding-bottom: 2px;

  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 1;

  -webkit-border-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  -o-border-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  border-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 1;

  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1; }

  .header-area-1.header-area-2 {

    padding-top: 2px;

    padding-bottom: 2px;

    border-bottom: none;

    -webkit-box-shadow: 61px 11px 278px 73px #0d6efd00;

    box-shadow: 61px 11px 278px 73px #0d6efd00; }

    .header-area-1.header-area-2::before, .header-area-1.header-area-2::after,

    .header-area-1.header-area-2 .extra-box-border {

      display: none; }

    .header-area-1.header-area-2 .header-wrapper .get-in-touch {

      width: 19%; }

      @media (max-width: 1465px) {

        .header-area-1.header-area-2 .header-wrapper .get-in-touch {

          width: 22%; } }

      @media (max-width: 1060px) {

        .header-area-1.header-area-2 .header-wrapper .get-in-touch {

          width: 36%; } }

      .header-area-1.header-area-2 .header-wrapper .get-in-touch a {

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .header-area-1.header-area-2 .header-wrapper .get-in-touch a:hover {

          color: #1954ED; }

        .header-area-1.header-area-2 .header-wrapper .get-in-touch a.header-search-bar:hover span svg {

          -webkit-transition-timing-function: linear;

          -o-transition-timing-function: linear;

          transition-timing-function: linear;

          -webkit-transition-duration: 0.3s;

          -o-transition-duration: 0.3s;

          transition-duration: 0.3s; }

          .header-area-1.header-area-2 .header-wrapper .get-in-touch a.header-search-bar:hover span svg path {

            fill: #1954ED; }

    .header-area-1.header-area-2 .header-wrapper .main-menu {

      width: 74%; }

      @media (max-width: 1465px) {

        .header-area-1.header-area-2 .header-wrapper .main-menu {

          width: 65%; } }

      .header-area-1.header-area-2 .header-wrapper .main-menu ul li a {

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .header-area-1.header-area-2 .header-wrapper .main-menu ul li a:hover {

          color: #CCFF00; }

          .header-area-1.header-area-2 .header-wrapper .main-menu ul li a:hover span svg path {

            fill: #CCFF00; }

      .header-area-1.header-area-2 .header-wrapper .main-menu ul li .submenu li a {

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .header-area-1.header-area-2 .header-wrapper .main-menu ul li .submenu li a:hover {

          color: #CCFF00; }

    @media (max-width: 1060px) {

      .header-area-1.header-area-2 .header-wrapper .logo {

        width: 65%; } }

    @media (max-width: 1060px) {

      .header-area-1.header-area-2 .header-wrapper .menu-bar {

        width: 17%; } }

    .header-area-1.header-area-2 .header-wrapper .menu-bar a svg {

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      .header-area-1.header-area-2 .header-wrapper .menu-bar a svg line {

        fill: #CCDEFF; }

    .header-area-1.header-area-2 .header-wrapper .menu-bar a:hover svg {

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      .header-area-1.header-area-2 .header-wrapper .menu-bar a:hover svg line {

        stroke: #1954ED; }

  .header-area-1.header-area-3 .header-wrapper .get-in-touch a {

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .header-area-1.header-area-3 .header-wrapper .get-in-touch a:hover {

      color: #FF4A3B; }

    .header-area-1.header-area-3 .header-wrapper .get-in-touch a.header-search-bar:hover span svg {

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      .header-area-1.header-area-3 .header-wrapper .get-in-touch a.header-search-bar:hover span svg path {

        fill: #FF4A3B; }

  .header-area-1.header-area-3 .header-wrapper .main-menu ul li a {

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .header-area-1.header-area-3 .header-wrapper .main-menu ul li a:hover {

      color: #FF4A3B; }

      .header-area-1.header-area-3 .header-wrapper .main-menu ul li a:hover span svg path {

        fill: #FF4A3B; }

  .header-area-1.header-area-3 .header-wrapper .main-menu ul li .submenu li a {

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .header-area-1.header-area-3 .header-wrapper .main-menu ul li .submenu li a:hover {

      color: #FF4A3B; }

  @media (max-width: 1060px) {

    .header-area-1.header-area-3 .header-wrapper .logo {

      width: 65%; } }

  @media (max-width: 1060px) {

    .header-area-1.header-area-3 .header-wrapper .menu-bar {

      width: 17%; } }

  .header-area-1.header-area-3 .header-wrapper .menu-bar a svg {

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .header-area-1.header-area-3 .header-wrapper .menu-bar a svg line {

      fill: #CCDEFF; }

  .header-area-1.header-area-3 .header-wrapper .menu-bar a:hover svg {

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .header-area-1.header-area-3 .header-wrapper .menu-bar a:hover svg line {

      stroke: #1954ED; }

  .header-area-1 .extra-box-border {

    width: 1px;

    height: 100%;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    right: 21.5%;

    top: 0;

    position: absolute; }

    @media (max-width: 1499px) {

      .header-area-1 .extra-box-border {

        right: 22.5%; } }

    @media (max-width: 1199px) {

      .header-area-1 .extra-box-border {

        display: none; } }

  .header-area-1::before {

    content: "";

    position: absolute;

    top: 0;

    height: 100%;

    width: 1px;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    left: 16.2%; }

    @media (max-width: 992px) {

      .header-area-1::before {

        left: 30.5%; } }

    @media (max-width: 767px) {

      .header-area-1::before {

        display: none; } }

  .header-area-1::after {

    content: "";

    position: absolute;

    top: 0;

    height: 100%;

    width: 1px;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%);

    right: 27.5%; }

    @media (max-width: 1499px) {

      .header-area-1::after {

        right: 16.5%; } }

    @media (max-width: 1199px) {

      .header-area-1::after {

        right: 22.5%; } }

    @media (max-width: 992px) {

      .header-area-1::after {

        right: 30.5%; } }

    @media (max-width: 767px) {

      .header-area-1::after {

        display: none; } }

  .header-area-1 .header-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    position: relative; }

    @media (max-width: 767px) {

      .header-area-1 .header-wrapper {

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; } }

    .header-area-1 .header-wrapper .menu-bar {

      display: none; }

      @media (max-width: 1199px) {

        .header-area-1 .header-wrapper .menu-bar {

          display: block;

          width: 30%;

          padding-left: 40px; }

          .header-area-1 .header-wrapper .menu-bar a svg {

            -webkit-transition-timing-function: linear;

            -o-transition-timing-function: linear;

            transition-timing-function: linear;

            -webkit-transition-duration: 0.3s;

            -o-transition-duration: 0.3s;

            transition-duration: 0.3s; }

            .header-area-1 .header-wrapper .menu-bar a svg line {

              fill: #CCDEFF; }

          .header-area-1 .header-wrapper .menu-bar a:hover svg {

            -webkit-transition-timing-function: linear;

            -o-transition-timing-function: linear;

            transition-timing-function: linear;

            -webkit-transition-duration: 0.3s;

            -o-transition-duration: 0.3s;

            transition-duration: 0.3s; }

            .header-area-1 .header-wrapper .menu-bar a:hover svg line {

              stroke: #CCFF00; } }

      @media (max-width: 767px) {

        .header-area-1 .header-wrapper .menu-bar {

          width: 50%; } }

    .header-area-1 .header-wrapper .logo {

      width: 15%; }

      @media (max-width: 1199px) {

        .header-area-1 .header-wrapper .logo {

          width: 60%; } }

      @media (max-width: 767px) {

        .header-area-1 .header-wrapper .logo {

          width: 50%;

          padding-right: 40px; } }

      @media (max-width: 1199px) {

        .header-area-1 .header-wrapper .logo a img {

          margin: auto; } }

    .header-area-1 .header-wrapper .main-menu {

      width: 65%;

      text-align: center;

      position: relative; }

      @media (max-width: 1499px) {

        .header-area-1 .header-wrapper .main-menu {

          width: 65%; } }

      @media (max-width: 1199px) {

        .header-area-1 .header-wrapper .main-menu {

          display: none; } }

      .header-area-1 .header-wrapper .main-menu ul li {

        display: inline-block;

        margin: 0 30px;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        position: relative; }

        .header-area-1 .header-wrapper .main-menu ul li:hover .submenu {

          top: 160%;

          visibility: visible;

          opacity: 1;

          -webkit-transform: perspective(300px) rotateX(0deg);

          transform: perspective(300px) rotateX(0deg); }

        .header-area-1 .header-wrapper .main-menu ul li .submenu {

          padding: 15px 0;

          position: absolute;

          top: 190%;

          left: 0;

          min-width: 200px;

          background: #121B1D;

          z-index: 99999;

          -webkit-transition: all 0.3s ease-out 0s;

          -o-transition: all 0.3s ease-out 0s;

          transition: all 0.3s ease-out 0s;

          visibility: hidden;

          opacity: 0;

          -webkit-box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);

          box-shadow: 0px 20px 30px rgba(3, 6, 31, 0.2);

          border: 1px solid rgba(255, 255, 255, 0.08);

          border-radius: 10px;

          -webkit-transform-origin: top;

          -ms-transform-origin: top;

          transform-origin: top;

          -webkit-transform: perspective(300px) rotateX(-18deg);

          transform: perspective(300px) rotateX(-18deg); }

          .header-area-1 .header-wrapper .main-menu ul li .submenu li {

            display: block;

            width: 100%;

            margin: 0;

            padding: 5px 20px;

            text-align: left; }

            .header-area-1 .header-wrapper .main-menu ul li .submenu li a {

              color: #CCDEFF;

              -webkit-transition-timing-function: linear;

              -o-transition-timing-function: linear;

              transition-timing-function: linear;

              -webkit-transition-duration: 0.3s;

              -o-transition-duration: 0.3s;

              transition-duration: 0.3s; }

              .header-area-1 .header-wrapper .main-menu ul li .submenu li a:hover {

                color: #CCFF00; }

        @media (max-width: 1370px) {

          .header-area-1 .header-wrapper .main-menu ul li {

            margin: 0 25px; } }

        @media (max-width: 1299px) {

          .header-area-1 .header-wrapper .main-menu ul li {

            margin: 0 16px; } }

        .header-area-1 .header-wrapper .main-menu ul li a {

          position: relative; }

          .header-area-1 .header-wrapper .main-menu ul li a:hover {

            color: #CCFF00; }

            .header-area-1 .header-wrapper .main-menu ul li a:hover span svg path {

              fill: #CCFF00; }

          .header-area-1 .header-wrapper .main-menu ul li a span {

            margin-left: 5px; }

            .header-area-1 .header-wrapper .main-menu ul li a span svg {

              -webkit-transition-timing-function: linear;

              -o-transition-timing-function: linear;

              transition-timing-function: linear;

              -webkit-transition-duration: 0.3s;

              -o-transition-duration: 0.3s;

              transition-duration: 0.3s; }

    .header-area-1 .header-wrapper .get-in-touch {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 70px;

      width: 27%; }

      @media (max-width: 1499px) {

        .header-area-1 .header-wrapper .get-in-touch {

          width: 20%;

          gap: 40px; } }

      @media (max-width: 1199px) {

        .header-area-1 .header-wrapper .get-in-touch {

          width: 30%;

          -webkit-box-pack: end;

          -ms-flex-pack: end;

          justify-content: end;

          gap: 60px;

          padding-right: 40px; } }

      @media (max-width: 810px) {

        .header-area-1 .header-wrapper .get-in-touch {

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center;

          padding-right: 10px; } }

      @media (max-width: 767px) {

        .header-area-1 .header-wrapper .get-in-touch {

          display: none; } }

      .header-area-1 .header-wrapper .get-in-touch a {

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .header-area-1 .header-wrapper .get-in-touch a:hover {

          color: #CCFF00; }

        .header-area-1 .header-wrapper .get-in-touch a:first-child {

          position: relative;

          margin-left: -5px; }

          @media (max-width: 1199px) {

            .header-area-1 .header-wrapper .get-in-touch a:first-child {

              display: none; } }

          .header-area-1 .header-wrapper .get-in-touch a:first-child:hover span svg {

            -webkit-transition-timing-function: linear;

            -o-transition-timing-function: linear;

            transition-timing-function: linear;

            -webkit-transition-duration: 0.3s;

            -o-transition-duration: 0.3s;

            transition-duration: 0.3s; }

            .header-area-1 .header-wrapper .get-in-touch a:first-child:hover span svg path {

              fill: #CCFF00; }



.header-top {

  position: relative;

  padding-left: 88px;

  padding-right: 80px;

  padding-top: 11px;

  padding-bottom: 11px;

  background: #CCFF00; }

  @media (max-width: 1050px) {

    .header-top {

      padding-left: 30px;

      padding-right: 30px; } }

  .header-top .header-top-wrapper {

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

    @media (max-width: 868px) {

      .header-top .header-top-wrapper {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center; } }

    .header-top .header-top-wrapper .address {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 50px;

      position: relative; }

      @media (max-width: 650px) {

        .header-top .header-top-wrapper .address {

          display: block;

          margin-bottom: 10px; }

          .header-top .header-top-wrapper .address span {

            display: block; }

            .header-top .header-top-wrapper .address span .address-meta {

              display: inline-block; } }

      .header-top .header-top-wrapper .address::before {

        content: "";

        width: 1px;

        height: 85%;

        background: #000000;

        left: 71%;

        rotate: 29deg;

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        transform: translateY(-50%); }

        @media (max-width: 650px) {

          .header-top .header-top-wrapper .address::before {

            display: none; } }

      .header-top .header-top-wrapper .address .address-meta {

        font-weight: 500; }

    @media (max-width: 868px) {

      .header-top .header-top-wrapper .header-top-menu {

        display: none; } }

    .header-top .header-top-wrapper .header-top-menu ul li {

      display: inline-block; }

      .header-top .header-top-wrapper .header-top-menu ul li a {

        color: #000000;

        margin-right: 30px;

        position: relative; }

        .header-top .header-top-wrapper .header-top-menu ul li a::before {

          content: "";

          width: 1px;

          height: 55%;

          background: #000000;

          right: -34%;

          rotate: 29deg;

          position: absolute;

          top: 50%;

          -webkit-transform: translateY(-50%);

          -ms-transform: translateY(-50%);

          transform: translateY(-50%); }

      .header-top .header-top-wrapper .header-top-menu ul li:last-child a {

        margin-right: 0px; }

        .header-top .header-top-wrapper .header-top-menu ul li:last-child a::before {

          display: none; }



/* Start Top To Scroll Button */

#progress {

  position: fixed;

  bottom: 20px;

  right: 10px;

  height: 70px;

  width: 70px;

  display: none;

  place-items: center;

  border-radius: 50%;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  cursor: pointer;

  z-index: 9999999; }



#progress-value {

  display: block;

  height: calc(100% - 15px);

  width: calc(100% - 15px);

  background-color: #121B1D;

  border-radius: 50%;

  display: -ms-grid;

  display: grid;

  place-items: center;

  font-size: 35px;

  color: #CCDEFF; }



.btn-1 {

  position: relative;

  -webkit-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

  background-color: #CCDEFF;

  color: #CCDEFF;

  overflow: hidden;

  z-index: 1;

  padding: 10px 33px; border-radius: 50px;

  font-size: 1rem; }

  .btn-1.btn-1-1::before, .btn-1.btn-1-1::after {

    background-color: #FF4A3B; }

  .btn-1.btn-1-1:hover {

    color: #FF4A3B; }

  .btn-1::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: calc(50% + 2px);

    height: 100%;

    background: #1954ED;

    z-index: -1;

    -webkit-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in; }

  .btn-1::after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: calc(50% + 2px);

    height: 100%;

    background: #1954ED;

    z-index: -1;

    -webkit-transition: all 0.3s ease-in;

    -o-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in; }

  .btn-1:hover {

    color: #1954ED; }

    .btn-1:hover::after, .btn-1:hover::before {

      width: 0; }



.btn-2 {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

  padding: 6px 32px;

  font-size: 18px;

  border-radius: 55px;

  background-color: #CCFF00; }

  .btn-2:hover {

    -webkit-box-shadow: inset 8rem 0 0 0 #CCDEFF, inset -8rem 0 0 0 #CCDEFF;

    box-shadow: inset 8rem 0 0 0 #CCDEFF, inset -8rem 0 0 0 #CCDEFF;

    color: #000000;

    -webkit-transform: translateY(-0.5rem);

    -ms-transform: translateY(-0.5rem);

    transform: translateY(-0.5rem); }



.btn-primary-style {

  font-weight: 500;

  color: #000000;

  position: relative; }

  .btn-primary-style span {

    margin-left: 8px;

    position: absolute;

    top: 47%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%); }



.btn-3 {

  border-radius: 0;

  padding-top: 16px;

  padding-bottom: 16px;

  padding-left: 31px;

  padding-right: 60px; }



.btn-4 {

  padding: 8px 35px;

  background-color: #1954ED;

  color: #CCDEFF;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 160%;

  text-transform: capitalize;

  border: none;

  outline: none;

  border-radius: 4px; }

  .btn-4.btn-4-home-3 {

    background-color: #FF4A3B;

    color: #CCDEFF; }

    .btn-4.btn-4-home-3:hover {

      color: #000000; }



.btn-5 {

  -webkit-transition: color 0.4s linear;

  -o-transition: color 0.4s linear;

  transition: color 0.4s linear;

  position: relative;

  z-index: 1;

  overflow: hidden; }

  .btn-5::before {

    content: "";

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    -webkit-transition: -webkit-transform 0.5s;

    transition: -webkit-transform 0.5s;

    -o-transition: transform 0.5s;

    transition: transform 0.5s;

    transition: transform 0.5s, -webkit-transform 0.5s;

    border-radius: 6px;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: scaleX(0);

    -ms-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);

    -o-transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);

    transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); }

    .btn-5::before:hover {

      -webkit-transform: scaleX(1);

      -ms-transform: scaleX(1);

      transform: scaleX(1); }



.footer-area-home-2 {

  position: relative;

  padding-top: 115px;

  padding-bottom: 0;

  padding-right: 20px;

  padding-left: 20px;

  background-repeat: no-repeat;

  background-size: cover;

  overflow: hidden;

  height: 760px; }

  @media (max-width: 991px) {

    .footer-area-home-2 {

      overflow: unset;

      height: unset; } }

  .footer-area-home-2 h5 {

    font-style: normal;

    font-weight: 600;

    line-height: 110.5%;

    font-family: "Nunito", sans-serif;

    color: #CCDEFF; }

  .footer-area-home-2 p {

    font-style: normal;

    font-weight: 400;

    line-height: 156.5%;

    font-family: "Jost", sans-serif;

    color: #CCDEFF; }

  .footer-area-home-2 ul {

    margin-top: 32px; }

    .footer-area-home-2 ul li a {

      font-style: normal;

      font-weight: 400;

      line-height: 211.5%;

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      .footer-area-home-2 ul li a:hover {

        color: #1954ED; }

  .footer-area-home-2 .footer-subscribe {

    background-color: #3C3C45;

    border-radius: 7px;

    padding-top: 0;

    padding-bottom: 48px;

    padding-left: 45px;

    padding-right: 45px;

    width: 85%; }

    @media (max-width: 1155px) {

      .footer-area-home-2 .footer-subscribe {

        width: 100%; } }

    @media (max-width: 991px) {

      .footer-area-home-2 .footer-subscribe {

        width: 60%;

        margin-right: auto;

        margin-left: auto;

        margin-bottom: 30px; } }

    @media (max-width: 725px) {

      .footer-area-home-2 .footer-subscribe {

        width: 100%; } }

    .footer-area-home-2 .footer-subscribe h5 {

      margin-top: 15px; }

    @media (max-width: 1350px) {

      .footer-area-home-2 .footer-subscribe p br {

        display: none; } }

    .footer-area-home-2 .footer-subscribe form input[type="text"] {

      padding: 16px 28px;

      border-radius: 4px;

      background-color: #5B5B61;

      font-size: 18px;

      font-style: normal;

      font-weight: 500;

      line-height: 160%;

      text-transform: capitalize;

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      border: none;

      outline: none;

      width: 100%;

      margin-top: 12px; }

      .footer-area-home-2 .footer-subscribe form input[type="text"]::-webkit-input-placeholder {

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

      .footer-area-home-2 .footer-subscribe form input[type="text"]:-ms-input-placeholder {

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

      .footer-area-home-2 .footer-subscribe form input[type="text"]::-ms-input-placeholder {

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

      .footer-area-home-2 .footer-subscribe form input[type="text"]::placeholder {

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

    .footer-area-home-2 .footer-subscribe form input[type="submit"] {

      width: 100%;

      margin-top: 24px; }

  @media (max-width: 575px) {

    .footer-area-home-2 .footer-menu-home-2 {

      margin-bottom: 30px; }

      .footer-area-home-2 .footer-menu-home-2.responsive-575 {

        margin-bottom: 0; } }

  .footer-area-home-2 .footer-copyright {

    position: relative;

    top: -240px;

    left: 52%; }

    @media (max-width: 1180px) {

      .footer-area-home-2 .footer-copyright {

        top: -200px; } }

    @media (max-width: 991px) {

      .footer-area-home-2 .footer-copyright {

        position: inherit;

        margin-top: 30px; } }

    .footer-area-home-2 .footer-copyright .footer-copyright-wrapper {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: start;

      gap: 73px;

      padding-bottom: 52px;

      width: 72%;

      border-bottom: 1px solid #727274; }

      @media (max-width: 1390px) {

        .footer-area-home-2 .footer-copyright .footer-copyright-wrapper {

          width: 80%; } }

      @media (max-width: 1275px) {

        .footer-area-home-2 .footer-copyright .footer-copyright-wrapper {

          width: 100%; } }

      @media (max-width: 725px) {

        .footer-area-home-2 .footer-copyright .footer-copyright-wrapper {

          display: block; } }

      .footer-area-home-2 .footer-copyright .footer-copyright-wrapper h5 span {

        margin-right: 6px; }

      @media (max-width: 725px) {

        .footer-area-home-2 .footer-copyright .footer-copyright-wrapper .footer-getin-touch {

          margin-bottom: 30px; } }

      .footer-area-home-2 .footer-copyright .footer-copyright-wrapper .footer-getin-touch .footer-number {

        margin-top: 19px;

        background-color: #3C3C45;

        border-radius: 7px;

        padding: 12px 32px;

        margin-bottom: 20px; }

        @media (max-width: 725px) {

          .footer-area-home-2 .footer-copyright .footer-copyright-wrapper .footer-getin-touch .footer-number {

            display: inline-block; } }

        @media (max-width: 575px) {

          .footer-area-home-2 .footer-copyright .footer-copyright-wrapper .footer-getin-touch .footer-number {

            padding: 12px 10px; } }

      .footer-area-home-2 .footer-copyright .footer-copyright-wrapper .footer-location h5 {

        margin-bottom: 18px; }

      @media (max-width: 575px) {

        .footer-area-home-2 .footer-copyright .footer-copyright-wrapper .footer-location p br {

          display: none; } }

      .footer-area-home-2 .footer-copyright .footer-copyright-wrapper .footer-location a {

        color: #1954ED;

        text-decoration: underline;

        display: block;

        margin-top: 18px; }

    .footer-area-home-2 .footer-copyright .footer-author-copyright p {

      margin-top: 20px; }



.footer-area-home-3 {

  padding-top: 50px;

  padding-right: 20px;

  padding-left: 20px;

  position: relative;

  background-size: cover;

  background-repeat: no-repeat; }

  .footer-area-home-3.footer-area-home-1 .footer-wrapper .footer-item-1 span svg path {

    fill: #CCFF00; }

  .footer-area-home-3.footer-area-home-1 .footer-wrapper .footer-menu ul li a:hover {

    color: #CCFF00; }

  .footer-area-home-3.footer-area-home-1 .footer-wrapper .footer-news-letter .footer-form ul li a:hover i {

    color: #CCFF00; }

  .footer-area-home-3.footer-area-home-1 .footer-support .footer-call {

    background-color: #CCFF00; }

    .footer-area-home-3.footer-area-home-1 .footer-support .footer-call span {

      border: 1px solid #000000;

      color: #000000; }

      @media (max-width: 1322px) {

        .footer-area-home-3.footer-area-home-1 .footer-support .footer-call span {

          border: none; } }

      .footer-area-home-3.footer-area-home-1 .footer-support .footer-call span a {

        color: #000000; }

    .footer-area-home-3.footer-area-home-1 .footer-support .footer-call .footer-support-icon svg path {

      fill: #000000; }

  .footer-area-home-3.footer-area-home-1 .footer-support .footer-messege .footer-support-icon svg path {

    fill: #CCFF00; }

  .footer-area-home-3.footer-area-home-1 .footer-support .footer-messege p span {

    color: #CCFF00; }

  .footer-area-home-3.footer-area-home-1 .footer-copyright p span {

    color: #CCFF00; }

  .footer-area-home-3.footer-area-home-1 .footer-copyright ul li a:hover {

    background-color: #CCFF00; }

    .footer-area-home-3.footer-area-home-1 .footer-copyright ul li a:hover i {

      color: #000000; }

  .footer-area-home-3.footer-area-home-1 .footer-copyright .footer-privecy-policy a:hover {

    color: #CCFF00; }

  @media (max-width: 1300px) {

    .footer-area-home-3 {

      background-position: top center; } }

  .footer-area-home-3 .footer-wrapper .footer-item-1 {

    margin-top: -25px; }

    .footer-area-home-3 .footer-wrapper .footer-item-1 a {

      display: block; }

      .footer-area-home-3 .footer-wrapper .footer-item-1 a img {

        margin-left: -30px; }

    .footer-area-home-3 .footer-wrapper .footer-item-1 p {

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 500;

      line-height: 30px;

      margin-top: 3px; }

      @media (max-width: 1000px) {

        .footer-area-home-3 .footer-wrapper .footer-item-1 p br {

          display: none; } }

      @media (max-width: 991px) {

        .footer-area-home-3 .footer-wrapper .footer-item-1 p br {

          display: block; } }

      @media (max-width: 495px) {

        .footer-area-home-3 .footer-wrapper .footer-item-1 p br {

          display: none; } }

    .footer-area-home-3 .footer-wrapper .footer-item-1 span {

      display: block;

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 500;

      line-height: 34px;

      text-transform: capitalize;

      margin-top: 34px; }

      @media (max-width: 991px) {

        .footer-area-home-3 .footer-wrapper .footer-item-1 span br {

          display: none; } }

      .footer-area-home-3 .footer-wrapper .footer-item-1 span:last-child {

        margin-top: 0; }

      .footer-area-home-3 .footer-wrapper .footer-item-1 span svg path {

        fill: #FF4A3B; }

  @media (max-width: 991px) {

    .footer-area-home-3 .footer-wrapper .footer-menu.footer-menu-2 {

      margin-top: 40px; } }

  @media (max-width: 767px) {

    .footer-area-home-3 .footer-wrapper .footer-menu.footer-menu-1 {

      margin-top: 40px; } }

  .footer-area-home-3 .footer-wrapper .footer-menu h6 {

    font-family: "Nunito", sans-serif;

    color: #CCDEFF;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize;

    margin-bottom: 22px; }

  .footer-area-home-3 .footer-wrapper .footer-menu ul li a {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 500;

    line-height: 46px;

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .footer-area-home-3 .footer-wrapper .footer-menu ul li a:hover {

      color: #FF4A3B; }

  @media (max-width: 991px) {

    .footer-area-home-3 .footer-wrapper .footer-news-letter {

      margin-top: 40px; } }

  .footer-area-home-3 .footer-wrapper .footer-news-letter h6 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize;

    margin-bottom: 40px; }

  .footer-area-home-3 .footer-wrapper .footer-news-letter span {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 500;

    line-height: 26px; }

  .footer-area-home-3 .footer-wrapper .footer-news-letter .footer-form {

    padding: 35px 14px;

    background-color: rgba(255, 255, 255, 0.02); }

    .footer-area-home-3 .footer-wrapper .footer-news-letter .footer-form form span {

      display: block; }

    .footer-area-home-3 .footer-wrapper .footer-news-letter .footer-form form input {

      background-color: transparent;

      border-bottom: 1px solid rgba(237, 237, 237, 0.17);

      outline: none;

      border-top: none;

      border-left: none;

      border-right: none;

      width: 90%;

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-weight: 400;

      font-size: 16px;

      margin-bottom: 28px; }

    .footer-area-home-3 .footer-wrapper .footer-news-letter .footer-form .footer-check {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 7px;

      margin-bottom: 36px; }

    .footer-area-home-3 .footer-wrapper .footer-news-letter .footer-form ul {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 23px; }

      .footer-area-home-3 .footer-wrapper .footer-news-letter .footer-form ul li a i {

        color: #CCDEFF;

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

      .footer-area-home-3 .footer-wrapper .footer-news-letter .footer-form ul li a:hover i {

        color: #FF4A3B; }

  .footer-area-home-3 .footer-support {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 30px;

    padding-bottom: 70px;

    border-bottom: 1px solid rgba(242, 242, 242, 0.07);

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center; }

    @media (max-width: 831px) {

      .footer-area-home-3 .footer-support {

        display: block; } }

    .footer-area-home-3 .footer-support .footer-call {

      background-color: #FF4A3B;

      padding: 50px 73px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 43px;

      position: relative;

      width: 50%; }

      @media (max-width: 495px) {

        .footer-area-home-3 .footer-support .footer-call {

          display: block; }

          .footer-area-home-3 .footer-support .footer-call span {

            display: block;

            text-align: center;

            margin-top: 13px; }

          .footer-area-home-3 .footer-support .footer-call .footer-support-icon {

            text-align: center; } }

      @media (max-width: 1300px) {

        .footer-area-home-3 .footer-support .footer-call {

          padding: 50px 25px; } }

      @media (max-width: 831px) {

        .footer-area-home-3 .footer-support .footer-call {

          margin-bottom: 30px;

          width: 100%; } }

      .footer-area-home-3 .footer-support .footer-call img {

        position: absolute;

        bottom: 0;

        left: 0; }

      .footer-area-home-3 .footer-support .footer-call span {

        padding: 15px 25px;

        border-radius: 66.5px;

        border: 1px solid #e1e1e1;

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 600;

        line-height: normal; }

        @media (max-width: 1300px) {

          .footer-area-home-3 .footer-support .footer-call span {

            padding: 0;

            border: none; } }

        .footer-area-home-3 .footer-support .footer-call span a {

          text-decoration: underline;

          color: #CCDEFF; }

    .footer-area-home-3 .footer-support .footer-messege {

      background-color: #061316;

      padding: 50px 73px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 43px; }

      @media (max-width: 495px) {

        .footer-area-home-3 .footer-support .footer-messege {

          display: block; }

          .footer-area-home-3 .footer-support .footer-messege p {

            text-align: center;

            margin-top: 13px; }

          .footer-area-home-3 .footer-support .footer-messege span {

            display: block;

            text-align: center; }

          .footer-area-home-3 .footer-support .footer-messege .footer-support-icon {

            text-align: center; } }

      @media (max-width: 1300px) {

        .footer-area-home-3 .footer-support .footer-messege {

          padding: 50px 25px; } }

      .footer-area-home-3 .footer-support .footer-messege p {

        font-style: normal;

        font-weight: 600;

        line-height: 34px;

        text-transform: uppercase;

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

        .footer-area-home-3 .footer-support .footer-messege p span {

          color: #FF4A3B; }

          @media (max-width: 1298px) {

            .footer-area-home-3 .footer-support .footer-messege p span br {

              display: none; } }

  .footer-area-home-3 .footer-copyright {

    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;

    margin-top: 17px;

    padding-bottom: 20px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

    .footer-area-home-3 .footer-copyright p {

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 500;

      line-height: normal;

      margin-bottom: 10px; }

      .footer-area-home-3 .footer-copyright p span {

        color: #FF4A3B; }

    .footer-area-home-3 .footer-copyright ul {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 20px;

      margin-bottom: 10px; }

      .footer-area-home-3 .footer-copyright ul li a {

        background-color: rgba(251, 251, 253, 0.08);

        width: 38px;

        height: 38px;

        border-radius: 50%;

        display: block;

        line-height: 38px;

        text-align: center;

        color: #CCDEFF;

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .footer-area-home-3 .footer-copyright ul li a:hover {

          background-color: #FF4A3B; }

    .footer-area-home-3 .footer-copyright .footer-privecy-policy {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 10px;

      margin-bottom: 10px; }

      .footer-area-home-3 .footer-copyright .footer-privecy-policy a {

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s;

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 500;

        line-height: normal; }

        .footer-area-home-3 .footer-copyright .footer-privecy-policy a:hover {

          color: #FF4A3B; }

      .footer-area-home-3 .footer-copyright .footer-privecy-policy span {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 500;

        line-height: normal; }



.bread-crumb-area {

  position: relative;

  background-size: cover;

  background-repeat: no-repeat;

  text-align: center;

  padding-top: 166px;

  padding-bottom: 165px;

  background-position: top center;

  padding-right: 15px;

  padding-left: 15px; }

  .bread-crumb-area h2 {

    font-size: 65px;

    font-style: normal;

    font-weight: 500;

    line-height: 75px;

    letter-spacing: -1.95px;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif; }

    @media (max-width: 575px) {

      .bread-crumb-area h2 {

        font-size: 45px;

        line-height: 55px; } }

  .bread-crumb-area .bread-crumb-wrapper {

    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: 20px;

    margin-top: 20px; }

    .bread-crumb-area .bread-crumb-wrapper a,

    .bread-crumb-area .bread-crumb-wrapper span {

      font-size: 18px;

      font-style: normal;

      font-weight: 600;

      line-height: 28px;

      letter-spacing: -0.54px;

      font-family: "Jost", sans-serif;

      color: #CCDEFF;

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      .bread-crumb-area .bread-crumb-wrapper aspan svg,

      .bread-crumb-area .bread-crumb-wrapper spanspan svg {

        width: 10px !important; }

      .bread-crumb-area .bread-crumb-wrapper a:hover,

      .bread-crumb-area .bread-crumb-wrapper span:hover {

        color: #CCFF00; }

      .bread-crumb-area .bread-crumb-wrapper a.current-page,

      .bread-crumb-area .bread-crumb-wrapper span.current-page {

        text-decoration: underline; }



@media (max-width: 991px) {

  .sitebar-wrapper {

    margin-top: 30px; } }



.sitebar-wrapper .sitebar-search-bar {

  background-color: #141414;

  border-radius: 4px;

  padding: 22px 32px; }

  .sitebar-wrapper .sitebar-search-bar form {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center; }

    .sitebar-wrapper .sitebar-search-bar form input {

      padding: 14px 20px;

      border: 1px solid rgba(204, 255, 0, 0.6);

      background-color: transparent;

      border-top-left-radius: 4px;

      border-bottom-left-radius: 4px;

      width: 100%;

      font-size: 15px;

      font-family: "Jost", sans-serif;

      color: #CCDEFF;

      font-weight: 400; }

      .sitebar-wrapper .sitebar-search-bar form input::-webkit-input-placeholder {

        font-size: 16px;

        font-style: normal;

        font-weight: 700;

        line-height: 26px;

        color: #CCFF00;

        font-family: "Jost", sans-serif; }

      .sitebar-wrapper .sitebar-search-bar form input:-ms-input-placeholder {

        font-size: 16px;

        font-style: normal;

        font-weight: 700;

        line-height: 26px;

        color: #CCFF00;

        font-family: "Jost", sans-serif; }

      .sitebar-wrapper .sitebar-search-bar form input::-ms-input-placeholder {

        font-size: 16px;

        font-style: normal;

        font-weight: 700;

        line-height: 26px;

        color: #CCFF00;

        font-family: "Jost", sans-serif; }

      .sitebar-wrapper .sitebar-search-bar form input::placeholder {

        font-size: 16px;

        font-style: normal;

        font-weight: 700;

        line-height: 26px;

        color: #CCFF00;

        font-family: "Jost", sans-serif; }

    .sitebar-wrapper .sitebar-search-bar form button {

      background-color: #CCFF00;

      padding: 14px 20px;

      border-top-right-radius: 4px;

      border-bottom-right-radius: 4px;

      border: none; }



.sitebar-wrapper .sitebar-menu {

  background-color: #141414;

  border-radius: 4px;

  padding: 40px 30px;

  margin-top: 25px; }

  .sitebar-wrapper .sitebar-menu ul {

    margin-top: 38px; }

    .sitebar-wrapper .sitebar-menu ul li {

      padding-bottom: 22px;

      padding-top: 22px;

      border-bottom: 1px solid rgba(255, 255, 255, 0.1);

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      .sitebar-wrapper .sitebar-menu ul li a {

        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;

        font-size: 17px;

        font-style: normal;

        font-weight: 700;

        line-height: 26px;

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

      .sitebar-wrapper .sitebar-menu ul li:hover {

        border-bottom: 1px solid #CCFF00; }

        .sitebar-wrapper .sitebar-menu ul li:hover a {

          color: #CCFF00; }

        .sitebar-wrapper .sitebar-menu ul li:hover i {

          color: #CCFF00; }



.sitebar-wrapper .sitebar-comment {

  background-color: #141414;

  border-radius: 4px;

  padding: 33px 29px;

  margin-top: 30px; }

  .sitebar-wrapper .sitebar-comment .sitebar-comment-warpeer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 15px;

    margin-top: 50px; }

    @media (max-width: 575px) {

      .sitebar-wrapper .sitebar-comment .sitebar-comment-warpeer {

        display: block; } }

    .sitebar-wrapper .sitebar-comment .sitebar-comment-warpeer .sitebar-comment-pic {

      overflow: hidden; }

    @media (max-width: 575px) {

      .sitebar-wrapper .sitebar-comment .sitebar-comment-warpeer .sitebar-meta {

        margin-top: 20px; } }

    .sitebar-wrapper .sitebar-comment .sitebar-comment-warpeer .sitebar-meta .sitebar-meta-inner {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 28px;

      margin-bottom: 17px; }

      .sitebar-wrapper .sitebar-comment .sitebar-comment-warpeer .sitebar-meta .sitebar-meta-inner span {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 20px; }

        .sitebar-wrapper .sitebar-comment .sitebar-comment-warpeer .sitebar-meta .sitebar-meta-inner span svg {

          margin-right: 2px; }



.sitebar-wrapper .sitebar-banner {

  overflow: hidden;

  margin-top: 30px; }



.sitebar-wrapper .sitebar-tag {

  background-color: #141414;

  border-radius: 4px;

  padding: 30px;

  margin-top: 30px; }

  .sitebar-wrapper .sitebar-tag .sitebar-tag-title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 10px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 50px; }

    .sitebar-wrapper .sitebar-tag .sitebar-tag-title a {

      padding: 15px 14px;

      border-radius: 4px;

      border: 1px solid #CCFF00;

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-size: 15px;

      font-style: normal;

      font-weight: 500;

      line-height: 26px;

      display: block;

      background-color: transparent;

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      .sitebar-wrapper .sitebar-tag .sitebar-tag-title a:hover {

        background-color: #CCFF00;

        color: #000000; }



.sitebar-title-1 {

  color: #CCFF00;

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  line-height: 26px;

  font-family: "Nunito", sans-serif;

  position: relative; }

  .sitebar-title-1::before {

    content: "";

    position: absolute;

    width: 58px;

    height: 2px;

    background-color: #CCFF00;

    border-radius: 4px;

    bottom: -10px;

    left: 0; }



.nft-mobile-menu {

  position: fixed;

  width: 260px;

  height: 100vh;

  overflow-y: scroll;

  top: 0;

  left: -280px;

  background-color: #121B1D;

  padding: 30px 0;

  z-index: 110;

  -webkit-transition: all 0.3s ease-in;

  -o-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

  -webkit-box-shadow: 20px 10px 30px rgba(0, 0, 0, 0.1);

  box-shadow: 20px 10px 30px rgba(0, 0, 0, 0.1); }



.nft-mobile-menu .close-menu {

  background-color: #CCDEFF;

  padding: 7px 15px;

  border: none; }

  .nft-mobile-menu .close-menu:hover {

    background-color: #CCFF00; }



.nft-mobile-menu-1 .close-menu {

  background-color: #1954ED; }

  .nft-mobile-menu-1 .close-menu:hover {

    background-color: #CCDEFF; }



.nft-mobile-menu-2 .close-menu {

  background-color: #FF4A3B; }

  .nft-mobile-menu-2 .close-menu:hover {

    background-color: #CCDEFF; }



.nft-mobile-menu .mobile-menu-logo {

  width: 200px;

  display: block;

  margin-left: 13px;

  margin-top: 20px; }



.nft-mobile-menu ul {

  margin-top: 40px; }



.nft-mobile-menu ul li {

  display: block; }



.nft-mobile-menu ul li a {

  display: block;

  padding: 8px 8px 8px 15px;

  border-bottom: 1px solid;

  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 1;

  -webkit-border-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  -o-border-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  border-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 1;

  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  font-weight: 500;

  color: #CCDEFF;

  text-transform: capitalize;

  -webkit-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  transition-timing-function: linear;

  -webkit-transition-duration: 0.3s;

  -o-transition-duration: 0.3s;

  transition-duration: 0.3s; }

  .nft-mobile-menu ul li a:hover {

    color: #CCFF00; }



.nft-mobile-menu-1 ul li a:hover {

  color: #1954ED; }



.nft-mobile-menu-2 ul li a:hover {

  color: #FF4A3B; }



.nft-mobile-menu ul li.has-submenu {

  position: relative; }



.nft-mobile-menu ul li.has-submenu > a {

  position: relative; }



.nft-mobile-menu ul li.has-submenu > a::after {

  content: "+";

  position: absolute;

  top: 6px;

  right: 10px;

  background-color: #CCDEFF;

  width: 25px;

  height: 25px;

  text-align: center;

  line-height: 22px;

  border-radius: 2px;

  cursor: pointer;

  color: #121B1D;

  -webkit-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  transition-timing-function: linear;

  -webkit-transition-duration: 0.3s;

  -o-transition-duration: 0.3s;

  transition-duration: 0.3s; }



.nft-mobile-menu ul li.has-submenu ul {

  margin-top: 0;

  display: none; }



.nft-mobile-menu ul li.has-submenu ul li a {

  padding-left: 25px; }



.nft-mobile-menu ul li.has-submenu ul li.has-submenu ul li a {

  padding-left: 35px; }



.nft-mobile-menu .search-form {

  margin-top: 30px;

  padding: 0 15px; }



.nft-mobile-menu .search-form form {

  width: 100%;

  position: relative; }



.nft-mobile-menu .search-form form input {

  width: 100%;

  padding: 6px 12px;

  border-radius: 4px;

  border: 1px solid;

  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 1;

  -webkit-border-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  -o-border-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  border-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 1;

  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1; }



.nft-mobile-menu .search-form form button {

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  background-color: #CCDEFF;

  color: #000000;

  padding: 7.5px 14px;

  border-radius: 0 1px 2px 0;

  font-family: "Nunito", sans-serif; }



.mobile-menu-active {

  left: 0; }



.nft-mobile-menu .close-menu {

  position: absolute;

  top: 0;

  right: 0; }

  .nft-mobile-menu .close-menu i {

    font-size: 20px;

    color: #000000; }



.nft-mobile-menu-2 .close-menu i {

  color: #CCDEFF; }



.nft-mobile-menu-2 .close-menu:hover i {

  color: #1954ED; }



.nft-mobile-menu-2 .close-menu i {

  color: #CCDEFF; }



.nft-mobile-menu-2 .close-menu:hover i {

  color: #FF4A3B; }



.phone-number-mobile-menu {

  margin-top: 15px;

  margin-bottom: 10px; }

  .phone-number-mobile-menu a {

    font-size: 15px;

    font-weight: 400;

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    display: block;

    text-align: center; }



.mobile-menu-copy-right-text p {

  font-size: 15px;

  font-family: "Jost", sans-serif;

  color: #CCDEFF;

  text-align: center; }

  .mobile-menu-copy-right-text p span {

    color: #CCFF00; }



.team-inner {

  position: relative;

  overflow: hidden; }

  @media (max-width: 991px) {

    .team-inner.team-inner-about-page img {

      margin: auto; }

    .team-inner.team-inner-about-page.team-inner-about-page-1, .team-inner.team-inner-about-page.team-inner-about-page-2 {

      margin-bottom: 30px; } }

  @media (max-width: 767px) {

    .team-inner.team-inner-about-page.team-inner-about-page-3 {

      margin-bottom: 30px; } }

  .team-inner.team-inner-about-page .team-social-media .team-social-media-plus:hover {

    background-color: #CCFF00;

    border-color: #000000; }

    .team-inner.team-inner-about-page .team-social-media .team-social-media-plus:hover span {

      color: #000000; }

  .team-inner.team-inner-about-page .team-social-media ul li a:hover i {

    color: #CCFF00; }

  .team-inner.team-inner-about-page .team-name-position h6 {

    margin-top: 10px;

    font-style: normal;

    font-weight: 700;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    margin-bottom: 0;

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    display: block; }

.team-inner.team-inner-about-page .team-name-position h6 a {

    margin-top: 40px;

    font-style: normal;

    font-weight: 700;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    margin-bottom: 0;

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    display: block; }

  .team-inner.team-inner-about-page .team-name-position h6:hover a {

    color: #CCFF00; }

  .team-inner.team-inner-about-page .team-name-position span {

    color: #CCFF00; }

  .team-inner .team-social-media:hover ul {

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    opacity: 1;

    visibility: visible; }

  .team-inner .team-social-media .team-social-media-plus {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background-color: #121B1D;

    border: 3px solid #FFFFFF;

    line-height: 45px;

    display: inline-block;

    text-align: center;

    position: absolute;

    bottom: 78px;

    right: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .team-inner .team-social-media .team-social-media-plus:hover {

      background-color: #1954ED; }

    .team-inner .team-social-media .team-social-media-plus span {

      font-size: 22px;

      font-style: normal;

      font-weight: 600;

      line-height: 30px;

      color: #FFFFFF;

      letter-spacing: -0.66px; }

  .team-inner .team-social-media ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 20px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 20px 30px;

    background-color: #121B1D;

    border-radius: 4px;

    bottom: 150px;

    position: absolute;

    left: -182px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 1s;

    -o-transition: 1s;

    transition: 1s; }

    .team-inner .team-social-media ul li a:hover i {

      color: #1954ED; }

    .team-inner .team-social-media ul li a i {

      color: #FFFFFF;

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

  .team-inner .team-name-position {

    text-align: center; }

    .team-inner .team-name-position h6 a {

      margin-top: 40px;

      font-style: normal;

      font-weight: 700;

      color: #CCDEFF;

      font-family: "Nunito", sans-serif;

      margin-bottom: 0;

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s;

      display: block; }

    .team-inner .team-name-position h6:hover a {

      color: #1954ED; }

    .team-inner .team-name-position span {

      color: #F0F0F0;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 400;

      margin-top: 11px;

      display: block; }



.accordion-container {

  width: 100%;

  max-width: 100%; }

  @media (max-width: 1200px) {

    .accordion-container {

      width: 100%; } }

  @media (max-width: 991px) {

    .accordion-container {

      width: 100%;

      margin: auto; } }



.accordion-item {
  background-color: #798174;
  margin-bottom: 10px;

  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }



.accordion-header {
  background-color: #798174;
  color: #CCDEFF;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  padding: 20px 22px;
  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;

  -webkit-transition: background-color 0.3s ease;

  -o-transition: background-color 0.3s ease;

  transition: background-color 0.3s ease;

  font-style: normal;

  font-weight: 500;

  line-height: 26px;

  font-family: "Nunito", sans-serif; }

  .accordion-header:hover {

    color: #ED9899; }
.accordion-content {

  background-color: #798174;

  overflow: hidden;

  padding: 0 15px;

  max-height: 0;

  -webkit-transition: max-height 0.3s ease;

  -o-transition: max-height 0.3s ease;

  transition: max-height 0.3s ease; }

  @media (max-width: 480px) {

    .accordion-content {

      max-height: unset;

      height: 125px; } }



.accordion-content p {

  margin: 15px 0;

  color: #CCDEFF;

  font-family: "Jost", sans-serif;

  font-style: normal;

  font-weight: 400;

  line-height: 26px; }

  @media (max-width: 1386px) {

    .accordion-content p br {

      display: none; } }



.icon {

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  -o-transition: transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }



.icon-1 {

  -webkit-transition: -webkit-transform 0.3s ease;

  transition: -webkit-transform 0.3s ease;

  -o-transition: transform 0.3s ease;

  transition: transform 0.3s ease;

  transition: transform 0.3s ease, -webkit-transform 0.3s ease; }



.active .icon {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg); }



.active .icon-1 {

  -webkit-transform: rotate(92deg);

  -ms-transform: rotate(92deg);

  transform: rotate(92deg); }



.faq-area-1 {

  padding-top: 130px;

  padding-right: 20px;

  padding-left: 20px;

  padding-left: 20px;

  padding-left: 20px;

  position: relative; }

  @media (max-width: 991) {

    .faq-area-1 {

      padding-top: 70px; } }

  .faq-area-1 .faq-area-1-area-shep-1 {

    position: absolute;

    left: 0;

    top: 0; }

  .faq-area-1 .faq-area-wrapper-1 {

    padding-bottom: 130px;

    border-bottom: 1px solid #CCFF00; }

  .faq-area-1 .faq-area-1-left .title {

    text-align: left; }

    @media (max-width: 991px) {

      .faq-area-1 .faq-area-1-left .title {

        text-align: left; } }

    @media (max-width: 1385px) {

      .faq-area-1 .faq-area-1-left .title h3 br {

        display: none; } }

  .faq-area-1 .faq-area-1-left p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

    margin-top: 50px; }

  .faq-area-1 .faq-area-1-left .faq-area-1-btn {

    margin-top: 50px; }

  .faq-area-1 .faq-inner {

    margin-top: 60px; }

  .faq-area-1 .accordion-header:hover {

    color: #CCFF00; }



.faq-area-2 {

  position: relative; }

  .faq-area-2 .faq-area-2-shep-1 {

    position: absolute;

    bottom: 0;

    left: 0; }

  .faq-area-2 .faq-area-2-shep-2 {

    position: absolute;

    top: 80px;

    right: 0; }

  .faq-area-2 .accordion-header:hover {

    color: #CCFF00; }



/****************************** page styles ******************************/

.hero-area {

  position: relative;

  padding-top: 15px;

  padding-right: 20px;

  padding-left: 20px; }

  @media (max-width: 991px) {

    .hero-area {

      padding-top: 15px; } }

  @media (max-width: 1199px) {

    .hero-area .hero-title h2 {

      font-size: 45px; } }

  @media (max-width: 450px) {

    .hero-area .hero-title h2 {

      font-size: 35px; } }

  @media (max-width: 580px) {

    .hero-area .hero-title h2 br {

      display: none; } }

  @media (max-width: 991px) {

    .hero-area .hero-sub-title {

      margin-top: 25px; } }

  .hero-area .hero-sub-title p {

    font-weight: 400;

    letter-spacing: 0.54px;

    margin-bottom: 50px; }

  .hero-area .hero-sub-title a {

    font-weight: 500;

    color: #000000;

    position: relative;

    padding-right: 80px; }

    .hero-area .hero-sub-title a span {

      margin-left: 8px;

      position: absolute;

      top: 47%;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%); }

  .hero-area .hero-img-banner {

    padding-top: 10px; }

    .hero-area .hero-img-banner .hero-banner-img-inner {

      overflow: hidden; }



.offer-area-home-1 {

  padding-top: 130px;

  padding-bottom: 130px;

  position: relative;

  padding-right: 20px;

  padding-left: 20px; }

  @media (max-width: 991px) {

    .offer-area-home-1 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .offer-area-home-1 .offer-area-1-shep-1 {

    position: absolute;

    top: 71%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%); }

  @media (max-width: 767px) {

    .offer-area-home-1 {

      padding-top: 100px;

      padding-bottom: 100px; } }

  .offer-area-home-1 .offer-wrapper {

    padding-top: 63px; }

    @media (max-width: 767px) {

      .offer-area-home-1 .offer-wrapper {

        padding-top: 43px; } }

    .offer-area-home-1 .offer-wrapper .offer-inner {

      padding-left: 30px;

      padding-right: 44px;

      padding-top: 32px;

      padding-bottom: 35px;

      border-radius: 7px;

      border: 1px solid #CCFF00;

      -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.15);

      box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.15);

      background-color: #121B1D;

      cursor: pointer; }

      @media (max-width: 991px) {

        .offer-area-home-1 .offer-wrapper .offer-inner:last-child {

          margin-top: 20px; } }

      .offer-area-home-1 .offer-wrapper .offer-inner img {

        -webkit-transition: 0.5s ease;

        -o-transition: 0.5s ease;

        transition: 0.5s ease; }

      .offer-area-home-1 .offer-wrapper .offer-inner:hover img {

        margin-top: -15px; }

      .offer-area-home-1 .offer-wrapper .offer-inner p {

        font-style: normal;

        font-weight: 700;

        line-height: normal;

        color: #CCDEFF;

        font-family: "Nunito", sans-serif;

        margin-bottom: 42px; }

        @media (max-width: 1099px) {

          .offer-area-home-1 .offer-wrapper .offer-inner p br {

            display: none; } }

      .offer-area-home-1 .offer-wrapper .offer-inner .offer-work {

        margin-top: 50px;

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

        .offer-area-home-1 .offer-wrapper .offer-inner .offer-work span {

          font-style: normal;

          font-weight: 300;

          line-height: normal;

          text-transform: capitalize;

          color: #CCDEFF; }

        .offer-area-home-1 .offer-wrapper .offer-inner .offer-work a i {

          font-size: 60px;

          color: #CCFF00;

          rotate: 340deg; }



.about-area-home-1 {

  position: relative;

  padding-left: 20px;

  padding-right: 20px; }

  .about-area-home-1 .about-image {

    width: 145%; }

    @media (max-width: 991px) {

      .about-area-home-1 .about-image {

        width: unset; } }

  .about-area-home-1 .about-area-home-1-inner p {

    text-transform: uppercase;

    font-style: normal;

    font-weight: 700;

    line-height: 156.5%;

    letter-spacing: 3.24px;

    text-transform: uppercase;

    color: #CCFF00;

    font-family: "Jost", sans-serif;

    margin-bottom: 15px; }

  .about-area-home-1 .about-area-home-1-inner h3 {

    font-style: normal;

    font-weight: 800;

    line-height: 110.5%;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    padding-bottom: 30px;

    border-bottom: 1px solid rgba(207, 207, 207, 0.4); }

    @media (max-width: 490px) {

      .about-area-home-1 .about-area-home-1-inner h3 {

        font-size: 35px; }

        .about-area-home-1 .about-area-home-1-inner h3 br {

          display: none; } }

  .about-area-home-1 .about-area-home-1-inner .about-us-details {

    font-style: normal;

    font-weight: 400;

    line-height: 156.5%;

    color: #CCDEFF;

    text-transform: capitalize;

    font-family: "Jost", sans-serif;

    letter-spacing: unset;

    margin-top: 30px; }

  .about-area-home-1 .about-area-home-1-inner .about-point-text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 18px;

    position: relative;

    margin-top: 52px; }

    @media (max-width: 575px) {

      .about-area-home-1 .about-area-home-1-inner .about-point-text {

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center; } }

    @media (max-width: 450px) {

      .about-area-home-1 .about-area-home-1-inner .about-point-text {

        display: block; } }

    .about-area-home-1 .about-area-home-1-inner .about-point-text::after {

      content: "";

      position: absolute;

      top: 32%;

      height: 1px;

      width: 100%;

      background-color: rgba(207, 207, 207, 0.1); }

      @media (max-width: 575px) {

        .about-area-home-1 .about-area-home-1-inner .about-point-text::after {

          display: none; } }

    @media (max-width: 450px) {

      .about-area-home-1 .about-area-home-1-inner .about-point-text .about-point-icon {

        margin-bottom: 15px; } }

    .about-area-home-1 .about-area-home-1-inner .about-point-text .about-point-icon span {

      width: 85px;

      height: 85px;

      background-color: #CCDEFF;

      display: block;

      text-align: center;

      line-height: 85px;

      border-radius: 50%; }

    .about-area-home-1 .about-area-home-1-inner .about-point-text .about-point-info h5 {

      font-style: normal;

      font-weight: 600;

      line-height: 110.5%;

      color: #CCDEFF;

      font-family: "Nunito", sans-serif; }

    .about-area-home-1 .about-area-home-1-inner .about-point-text .about-point-info p {

      font-style: normal;

      font-weight: 400;

      line-height: 156.5%;

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      margin-top: 30px;

      letter-spacing: unset;

      text-transform: capitalize; }

      @media (max-width: 575px) {

        .about-area-home-1 .about-area-home-1-inner .about-point-text .about-point-info p {

          margin-top: 10px; }

          .about-area-home-1 .about-area-home-1-inner .about-point-text .about-point-info p br {

            display: none; } }



.counter-area-home-1 {

  position: relative;

  padding-bottom: 75px;

  padding-top: 130px;

  padding-right: 20px;

  padding-left: 20px; }

  @media (max-width: 991px) {

    .counter-area-home-1 {

      padding-top: 70px; } }

  .counter-area-home-1 .counter-wrapper {

    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;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

    .counter-area-home-1 .counter-wrapper .counter-itme {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 35px; }

      .counter-area-home-1 .counter-wrapper .counter-itme .counter-number span {

        font-size: 80px;

        font-style: normal;

        font-weight: 600;

        line-height: 110.5%;

        color: #CCFF00;

        font-family: "Nunito", sans-serif; }

      .counter-area-home-1 .counter-wrapper .counter-itme .counter-number-info span {

        font-style: normal;

        font-weight: 500;

        line-height: 156.5%;

        letter-spacing: 2.025px;

        text-transform: uppercase;

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }



.ppc-agencey-home-1 {

  padding-right: 20px;

  padding-left: 20px;

  padding-top: 130px;

  padding-bottom: 130px;

  position: relative; }

  .ppc-agencey-home-1 .ppc-agencey-area-1-shep-1 {

    position: absolute;

    bottom: 190px;

    left: 0; }

  .ppc-agencey-home-1 .title {

    text-align: left; }

    @media (max-width: 1035px) {

      .ppc-agencey-home-1 .title h3 br {

        display: none; } }

  .ppc-agencey-home-1 p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin-top: 33px; }

    @media (max-width: 575px) {

      .ppc-agencey-home-1 p br {

        display: none; } }

  @media (max-width: 991px) {

    .ppc-agencey-home-1 .ppc-agencey-text {

      margin-bottom: 70px; } }

  .ppc-agencey-home-1 .ppc-agencey-item.ppc-agencey-item-2 {

    margin-top: 65px; }

  .ppc-agencey-home-1 .ppc-agencey-item .ppc-agencey-img {

    position: relative;

    cursor: pointer;

    overflow: hidden; }

    @media (max-width: 575px) {

      .ppc-agencey-home-1 .ppc-agencey-item .ppc-agencey-img img {

        width: 100%; } }

    .ppc-agencey-home-1 .ppc-agencey-item .ppc-agencey-img.ppc-agencey-img-1, .ppc-agencey-home-1 .ppc-agencey-item .ppc-agencey-img.ppc-agencey-img-3 {

      margin-bottom: 23px; }

    .ppc-agencey-home-1 .ppc-agencey-item .ppc-agencey-img h5 {

      color: #CCDEFF;

      font-family: "Nunito", sans-serif;

      font-style: normal;

      font-weight: 700;

      line-height: normal;

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s;

      position: absolute;

      top: 50%;

      width: 100%;

      text-align: center;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%); }

    .ppc-agencey-home-1 .ppc-agencey-item .ppc-agencey-img:hover h5 {

      color: #CCFF00; }



.digital-marketing-home-1 {

  padding-top: 130px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px;

  position: relative; }

  .digital-marketing-home-1.digital-marketing-about-page .about-page-digital-marketing-area-shep-1 {

    position: absolute;

    right: 0;

    top: 0; }

  .digital-marketing-home-1.digital-marketing-about-page .digital-marketing-wrapper .digital-marketing-inner {

    background-color: transparent; }

    .digital-marketing-home-1.digital-marketing-about-page .digital-marketing-wrapper .digital-marketing-inner:hover {

      background-color: #141414; }

  @media (max-width: 991px) {

    .digital-marketing-home-1 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .digital-marketing-home-1 .digital-marketing-wrapper {

    margin-top: 70px; }

    .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner {

      border: 1px solid rgba(204, 255, 0, 0.4);

      background-color: #141414;

      padding: 50px 40px;

      -webkit-transition: 0.5s ease;

      -o-transition: 0.5s ease;

      transition: 0.5s ease;

      cursor: pointer; }

      .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner img {

        -webkit-transition: 0.5s ease;

        -o-transition: 0.5s ease;

        transition: 0.5s ease;

        rotate: 0deg; }

      @media (max-width: 1250px) {

        .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner {

          padding: 50px 20px; } }

      .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner:hover {

        background-color: transparent;

        border: none; }

        .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner:hover img {

          rotate: 360deg; }

        .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner:hover .digital-marketing-btn a span svg {

          width: 100%; }

      .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner h5 {

        color: #CCDEFF;

        font-family: "Nunito", sans-serif;

        font-style: normal;

        font-weight: 700;

        line-height: normal;

        text-transform: capitalize;

        margin-top: 25px; }

      .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner p {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        text-transform: capitalize;

        margin-top: 18px; }

        @media (max-width: 1250px) {

          .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner p br {

            display: none; } }

      .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner .digital-marketing-btn {

        margin-top: 38px; }

        .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner .digital-marketing-btn a {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          gap: 29px; }

          .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner .digital-marketing-btn a span {

            color: #CCFF00;

            font-family: "Jost", sans-serif;

            font-style: normal;

            font-weight: 600;

            line-height: normal;

            text-transform: capitalize; }

            .digital-marketing-home-1 .digital-marketing-wrapper .digital-marketing-inner .digital-marketing-btn a span svg {

              width: 0;

              -webkit-transition: 0.5s ease;

              -o-transition: 0.5s ease;

              transition: 0.5s ease; }



.active-brand-home-1 {

  padding-top: 130px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px;

  position: relative; }

  .active-brand-home-1 .active-brand-area-1-shep-1 {

    position: absolute;

    right: 0;

    top: 18%; }

  @media (max-width: 991px) {

    .active-brand-home-1 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .active-brand-home-1 .brand-active-wrapper {

    margin-top: 70px; }

    .active-brand-home-1 .brand-active-wrapper .brand-active-inner {

      padding: 30px 20px;

      border: 1px solid rgba(204, 255, 0, 0.4); }

      .active-brand-home-1 .brand-active-wrapper .brand-active-inner.brand-active-item-2, .active-brand-home-1 .brand-active-wrapper .brand-active-inner.brand-active-item-4 {

        margin-top: 39px; }

      @media (max-width: 767px) {

        .active-brand-home-1 .brand-active-wrapper .brand-active-inner.brand-active-item-3 {

          margin-top: 39px; } }

      .active-brand-home-1 .brand-active-wrapper .brand-active-inner span {

        display: block;

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 600;

        line-height: normal;

        display: block;

        margin-bottom: 108px; }

        .active-brand-home-1 .brand-active-wrapper .brand-active-inner span:last-child {

          margin-bottom: 0; }

      .active-brand-home-1 .brand-active-wrapper .brand-active-inner a {

        display: block;

        margin-bottom: 92px; }



.blog-area-home-1 {

  position: relative;

  padding-top: 130px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px; }

  .blog-area-home-1 .blog-area-shep-1-home-1 {

    position: absolute;

    left: 0;

    top: 0; }

  .blog-area-home-1 .blog-area-shep-2-home-1 {

    position: absolute;

    right: 0;

    bottom: 0; }

  @media (max-width: 991px) {

    .blog-area-home-1 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .blog-area-home-1 .blog-wrapper {

    margin-top: 70px; }

    .blog-area-home-1 .blog-wrapper h5 a {

      color: #CCDEFF;

      font-family: "Nunito", sans-serif;

      font-style: normal;

      font-weight: 700;

      line-height: normal;

      margin-top: 12px;

      margin-bottom: 12px;

      display: block;

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      @media (max-width: 1100px) {

        .blog-area-home-1 .blog-wrapper h5 a {

          font-size: 20px; } }

      .blog-area-home-1 .blog-wrapper h5 a:hover {

        color: #CCFF00; }

    .blog-area-home-1 .blog-wrapper .blog-meta {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 15px; }

      @media (max-width: 400px) {

        .blog-area-home-1 .blog-wrapper .blog-meta {

          -ms-flex-wrap: wrap;

          flex-wrap: wrap; } }

      .blog-area-home-1 .blog-wrapper .blog-meta span {

        color: #b0b0b0;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        font-family: "Jost", sans-serif; }

      .blog-area-home-1 .blog-wrapper .blog-meta .blog-category {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        gap: 4px; }

      .blog-area-home-1 .blog-wrapper .blog-meta .blog-date {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        gap: 4px; }

    .blog-area-home-1 .blog-wrapper .blog-read-more a {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 30px; }

      .blog-area-home-1 .blog-wrapper .blog-read-more a span {

        color: #CCFF00;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 400;

        line-height: normal; }

      .blog-area-home-1 .blog-wrapper .blog-read-more a span svg {

        opacity: 0;

        -webkit-transition: 0.5s ease;

        -o-transition: 0.5s ease;

        transition: 0.5s ease; }

      .blog-area-home-1 .blog-wrapper .blog-read-more a:hover span svg {

        opacity: 1; }

    .blog-area-home-1 .blog-wrapper .blog-inner {

      position: relative; }

      .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-2, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-3, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-4 {

        display: block;

        margin-bottom: 35px; }

        @media (max-width: 700px) {

          .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-2, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-3, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-4 {

            margin-top: 60px; } }

        .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-2 .blog-info, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-3 .blog-info, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-4 .blog-info {

          padding-top: 20px;

          padding-bottom: 20px;

          position: absolute;

          left: 65%;

          width: 70%;

          top: 62%; }

          @media (max-width: 1165px) {

            .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-2 .blog-info, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-3 .blog-info, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-4 .blog-info {

              padding-left: 20px;

              padding-right: 20px; } }

          @media (max-width: 991px) {

            .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-2 .blog-info, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-3 .blog-info, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-4 .blog-info {

              left: 58%;

              width: 80%;

              top: 71%; } }

          @media (max-width: 700px) {

            .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-2 .blog-info, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-3 .blog-info, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-4 .blog-info {

              position: relative;

              margin-top: -159px;

              left: unset;

              top: unset; } }

        .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-2.blog-inner-4, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-3.blog-inner-4, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-4.blog-inner-4 {

          margin-bottom: 0; }

        @media (max-width: 991px) {

          .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-2.blog-inner-2, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-3.blog-inner-2, .blog-area-home-1 .blog-wrapper .blog-inner.blog-inner-4.blog-inner-2 {

            margin-top: 100px; } }

      .blog-area-home-1 .blog-wrapper .blog-inner .blog-info {

        padding-top: 40px;

        padding-left: 38px;

        padding-right: 38px;

        padding-bottom: 33px;

        background-color: #141414;

        border-radius: 5px;

        width: 90%;

        margin-right: auto;

        margin-left: auto;

        margin-top: -110px;

        position: absolute;

        left: 50%;

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%); }

        @media (max-width: 700px) {

          .blog-area-home-1 .blog-wrapper .blog-inner .blog-info {

            position: relative;

            z-index: 1;

            left: unset;

            -webkit-transform: unset;

            -ms-transform: unset;

            transform: unset; } }

        @media (max-width: 1336px) {

          .blog-area-home-1 .blog-wrapper .blog-inner .blog-info h5 br {

            display: none; } }



.hero-area-2 {

  position: relative;

  padding-top: 90px;

  padding-bottom: 130px;

  -webkit-border-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 1;

  -webkit-border-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  -o-border-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  border-image: -webkit-gradient(linear, left top, left bottom, color-stop(49.59%, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))) 1;

  border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 49.59%, rgba(255, 255, 255, 0.2) 100%) 1;

  border-bottom: 1px solid; }

  @media (max-width: 991px) {

    .hero-area-2 {

      padding-top: 50px;

      padding-bottom: 90px; } }

  @media (max-width: 991px) {

    .hero-area-2 .hero-wrapper .hero-inner-left {

      margin-bottom: 40px; } }

  .hero-area-2 .hero-wrapper .hero-inner-left .hero-title h2 {

    position: relative; }

    @media (max-width: 1355px) {

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title h2 {

        width: unset; } }

    .hero-area-2 .hero-wrapper .hero-inner-left .hero-title h2 span {

      position: absolute;

      right: 66px;

      top: 60px;

      z-index: -1; }

      @media (max-width: 450px) {

        .hero-area-2 .hero-wrapper .hero-inner-left .hero-title h2 span {

          display: none; } }

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title h2 span.home-3-hero-text-shep {

        right: 20px; }

    @media (max-width: 1199px) {

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title h2 {

        font-size: 45px; } }

    @media (max-width: 450px) {

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title h2 {

        font-size: 35px; } }

  .hero-area-2 .hero-wrapper .hero-inner-left .hero-title p {

    margin-top: 45px;

    font-weight: 400;

    line-height: 28px; }

    @media (max-width: 1050px) {

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title p br {

        display: none; } }

  .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 40px;

    margin-top: 58px; }

    @media (max-width: 550px) {

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info {

        display: block; } }

    .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .hero-info-btn {

      background-color: #1954ED;

      color: #FFFFFF; }

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .hero-info-btn.hero-info-btn-home-3 {

        background-color: #FF4A3B; }

      @media (max-width: 550px) {

        .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .hero-info-btn {

          margin-bottom: 30px; } }

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .hero-info-btn:hover {

        color: #000000; }

        .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .hero-info-btn:hover span svg path {

          fill: #000000; }

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .hero-info-btn span svg path {

        fill: #FFFFFF; }

    .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .some-clients-view {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 20px; }

      @media (max-width: 550px) {

        .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .some-clients-view {

          margin-top: 40px; } }

      .hero-area-2 .hero-wrapper .hero-inner-left .hero-title .hero-info .some-clients-view a:hover {

        color: #1954ED; }



.seo-house-home-2 {

  position: relative;

  padding: 50px 20px; }

  .seo-house-home-2 .seo-house-bg-shep-home-2 {

    position: absolute;

    bottom: 155px;

    right: 0; }

  @media (max-width: 991px) {

    .seo-house-home-2 {

      padding-top: 70px;

      padding-bottom: 70px;

      padding-right: 0px;

      padding-left: 0px; } }

  @media (max-width: 991px) {

    .seo-house-home-2 .seo-house-wrapper .seo-house-banner-img img {

      margin: auto; } }

  @media (max-width: 991px) {

    .seo-house-home-2 .seo-house-wrapper .seo-house-inner {

      margin-top: 35px; } }



 .seo-house-home-2 .seo-house-wrapper .seo-house-inner h1 {

    color: #CCDEFF;

    font-style: normal;

    font-weight: 700;

    line-height: 55px;

    font-family: "Nunito", sans-serif; }

    @media (max-width: 560px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner h1 {

        font-size: 35px; } }

    @media (max-width: 1062px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner h1 br {

        display: none; } }

    @media (max-width: 991px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner h1 br {

        display: block; } }

    @media (max-width: 561px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner h1 br {

        display: none; } }

    .seo-house-home-2 .seo-house-wrapper .seo-house-inner h1 span {

      color: #1954ED; }

  .seo-house-home-2 .seo-house-wrapper .seo-house-inner h3 {

    color: #CCDEFF;

    font-style: normal;

    font-weight: 700;

    line-height: 55px;

    font-family: "Nunito", sans-serif; }

    @media (max-width: 560px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner h3 {

        font-size: 35px; } }

    @media (max-width: 1062px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner h3 br {

        display: none; } }

    @media (max-width: 991px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner h3 br {

        display: block; } }

    @media (max-width: 561px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner h3 br {

        display: none; } }

    .seo-house-home-2 .seo-house-wrapper .seo-house-inner h3 span {

      color: #1954ED; }

  .seo-house-home-2 .seo-house-wrapper .seo-house-inner p {

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    margin-top: 22px; }

  .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 47px;

    gap: 78px; }

    @media (max-width: 1087px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper {

        display: block; } }

    .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper .seo-house-icon-left,

    .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper .seo-house-icon-right {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 13px; }

      @media (max-width: 1087px) {

        .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper .seo-house-icon-left.seo-house-icon-right,

        .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper .seo-house-icon-right.seo-house-icon-right {

          margin-top: 15px; } }

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper .seo-house-icon-left span,

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper .seo-house-icon-right span {

        font-style: normal;

        font-weight: 300;

        line-height: 28px;

        font-family: "Jost", sans-serif;

        color: #CCDEFF; }

        @media (max-width: 1087px) {

          .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper .seo-house-icon-left span br,

          .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-icon-wrapper .seo-house-icon-right span br {

            display: none; } }

  .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-quets {

    margin-top: 42px;

    /*border-bottom: 1px solid rgba(221, 221, 221, 0.58);*/

    padding-bottom: 18px; }

    .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-quets p {

      font-style: normal;

      font-weight: 500;

      line-height: 26px;

      font-family: "Jost", sans-serif;

      color: #CCDEFF; }

  .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-director {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 60px;

    margin-top: 25px; }

    @media (max-width: 500px) {

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-director {

        display: block; } }

    .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-director .seo-house-director-img {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 18px; }

      @media (max-width: 500px) {

        .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-director .seo-house-director-img {

          margin-bottom: 15px; } }

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-director .seo-house-director-img .seo-house-director-name h5 {

        font-style: normal;

        font-weight: 600;

        line-height: 26px;

        font-family: "Nunito", sans-serif;

        color: #CCDEFF;

        margin-bottom: 6px; }

      .seo-house-home-2 .seo-house-wrapper .seo-house-inner .seo-house-director .seo-house-director-img .seo-house-director-name span {

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        font-family: "Jost", sans-serif;

        color: #CCDEFF; }



.brand-logo-area-home-2 {

  position: relative;

  padding-left: 20px;

  padding-right: 20px; }

  .brand-logo-area-home-2.brand-logo-area-home-3 .brand-logo-wrapper .brand-logo-inner a:hover svg path {

    fill: #FF4A3B; }

  .brand-logo-area-home-2.services-area .brand-logo-wrapper .brand-logo-inner a:hover svg path {

    fill: #CCFF00; }

  .brand-logo-area-home-2 .brand-logo-wrapper {

    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;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

    .brand-logo-area-home-2 .brand-logo-wrapper .brand-logo-inner {

      margin-bottom: 20px; }

      .brand-logo-area-home-2 .brand-logo-wrapper .brand-logo-inner a:hover svg path {

        fill: #1954ED; }

      .brand-logo-area-home-2 .brand-logo-wrapper .brand-logo-inner:last-child {

        margin-bottom: 0; }



.video-popup-home-2 {

  position: relative;

  padding-top: 1px; }

  @media (max-width: 991px) {

    .video-popup-home-2 {

      padding-top: 1px; } }

  .video-popup-home-2 .video-popup-wrapper {

    position: relative;

    overflow: hidden; }

    .video-popup-home-2 .video-popup-wrapper .video-button {

      background: #CCFF00;

      padding: 47px;

      width: 243px;

      height: 124px;

      position: absolute;

      right: 565px;

      bottom: 310px; }

      @media (max-width: 1068px) {

        .video-popup-home-2 .video-popup-wrapper .video-button {

          right: 483px;

          bottom: 165px; } }

      @media (max-width: 767px) {

        .video-popup-home-2 .video-popup-wrapper .video-button {

          top: 50%;

          left: 50%;

          -webkit-transform: translate(-50%, -50%);

          -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

          width: 235px;

          height: 120px; } }

      .video-popup-home-2 .video-popup-wrapper .video-button a {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        gap: 15px; }

        .video-popup-home-2 .video-popup-wrapper .video-button a .video-button-text {

          font-style: normal;

          font-weight: 600;

          line-height: normal;

          color: #000000;

          font-family: "Jost", sans-serif; }

    .video-popup-home-2 .video-popup-wrapper .video-banner-text {

      background: #1954ED;

      padding: 110px 30px;

      width: 325px;

      height: 310px;

      position: absolute;

      bottom: 0;

      right: 240px; }

      @media (max-width: 1068px) {

        .video-popup-home-2 .video-popup-wrapper .video-banner-text {

          padding: 30px 30px;

          height: auto;

          width: unset;

          right: 160px; } }

      @media (max-width: 767px) {

        .video-popup-home-2 .video-popup-wrapper .video-banner-text {

          display: none; } }

      .video-popup-home-2 .video-popup-wrapper .video-banner-text h5 {

        font-style: normal;

        font-weight: 700;

        line-height: normal;

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }



.marketing-area-home-2 {

  position: relative;

  padding-top: 130px;

  padding-left: 20px;

  padding-right: 20px; }

  .marketing-area-home-2.services-area {

    padding-bottom: 130px; }

    .marketing-area-home-2.services-area .services-page-services-area-shep-1 {

      position: absolute;

      right: 0;

      top: -42%; }

    @media (max-width: 991px) {

      .marketing-area-home-2.services-area {

        padding-top: 70px;

        padding-bottom: 70px; } }

    .marketing-area-home-2.services-area .marketing-wrapper .nav-tabs button.active {

      border-bottom: 1px dashed #CCFF00; }

    .marketing-area-home-2.services-area .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-list h5 {

      color: #CCFF00; }

    .marketing-area-home-2.services-area .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-list .marketing-list-wrapper .marketing-point svg path {

      fill: #CCFF00; }

    .marketing-area-home-2.services-area .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-btn-home-2 a {

      background-color: #CCFF00;

      color: #000000; }

      .marketing-area-home-2.services-area .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-btn-home-2 a span svg path {

        fill: #000000; }

  @media (max-width: 991px) {

    .marketing-area-home-2 {

      padding-top: 70px; } }

  .marketing-area-home-2 .marketing-area-bg-shep-home-2 {

    position: absolute;

    top: 0;

    left: 0; }

  @media (max-width: 532px) {

    .marketing-area-home-2 .title .main-title h3 br {

      display: none; } }

  .marketing-area-home-2 .marketing-wrapper {

    margin-top: 65px; }

    .marketing-area-home-2 .marketing-wrapper nav .nav-tabs {

      border-bottom: none;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between; }

      .marketing-area-home-2 .marketing-wrapper nav .nav-tabs button {

        font-size: 24px;

        font-style: normal;

        font-weight: 600;

        line-height: normal;

        font-family: "Jost", sans-serif;

        color: #CCDEFF;

        background-color: transparent;

        border: none;

        outline: none;

        padding-bottom: 25px;

        padding-left: 0;

        padding-right: 0;

        border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

        .marketing-area-home-2 .marketing-wrapper nav .nav-tabs button.active {

          background-color: transparent;

          color: #CCDEFF;

          border-bottom: 1px dashed #1954ED; }

  .marketing-area-home-2 .marketing-inner {

    margin-top: 75px; }

    .marketing-area-home-2 .marketing-inner .marketing-item {

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

      @media (max-width: 767px) {

        .marketing-area-home-2 .marketing-inner .marketing-item {

          display: block; } }

      .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 {

        width: 44%; }

        @media (max-width: 991px) {

          .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 {

            width: 50%; } }

        @media (max-width: 767px) {

          .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 {

            width: 100%; } }

        .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner h4 {

          font-style: normal;

          font-weight: 700;

          line-height: 34px;

          color: #CCDEFF;

          font-family: "Nunito", sans-serif;

          margin-bottom: 18px; }

        .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner p {

          font-family: "Jost", sans-serif;

          color: #CCDEFF;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

        .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-list {

          margin-bottom: 44px; }

          .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-list h5 {

            color: #1954ED;

            font-family: "Nunito", sans-serif;

            font-style: normal;

            font-weight: 700;

            line-height: 26px;

            margin-top: 26px;

            margin-bottom: 20px; }

          .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-list .marketing-list-wrapper {

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

            @media (max-width: 1178px) {

              .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-list .marketing-list-wrapper {

                display: block; } }

            .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-list .marketing-list-wrapper .marketing-point {

              display: -webkit-box;

              display: -ms-flexbox;

              display: flex;

              margin-bottom: 11px;

              gap: 10px;

              -webkit-box-align: center;

              -ms-flex-align: center;

              align-items: center; }

        .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-btn-home-2 a {

          background-color: #1954ED;

          color: #CCDEFF; }

          .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-btn-home-2 a:hover {

            color: #000000; }

            .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-btn-home-2 a:hover span svg path {

              fill: #000000; }

          .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-1 .marketing-text-inner .marketing-btn-home-2 a span svg path {

            fill: #CCDEFF; }

      .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-2 {

        width: 40%; }

        @media (max-width: 767px) {

          .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-2 {

            width: 100%; } }

        .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-2 .markeing-banner-home-2 {

          overflow: hidden; }

          @media (max-width: 767px) {

            .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-2 .markeing-banner-home-2 {

              margin-top: 65px; }

              .marketing-area-home-2 .marketing-inner .marketing-item .marketing-item-wrapper-2 .markeing-banner-home-2 img {

                margin: auto; } }



.marque-area-home-2 {

  position: relative;

  padding-top: 130px; }

  .marque-area-home-2 .marque-group-home-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow: hidden; }

    .marque-area-home-2 .marque-group-home-2 .marque-wrapper-1 {

      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;

      background-color: #CCFF00;

      padding: 65px 0;

      gap: 60px;

      -ms-flex-negative: 0;

      flex-shrink: 0;

      white-space: nowrap;

      max-width: -webkit-max-content;

      max-width: -moz-max-content;

      max-width: max-content;

      -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

      transform: translateX(0);

      -webkit-animation: scroll-1 300s linear infinite;

      animation: scroll-1 300s linear infinite; }

      .marque-area-home-2 .marque-group-home-2 .marque-wrapper-1:hover {

        -webkit-animation-play-state: paused;

        animation-play-state: paused; }

      .marque-area-home-2 .marque-group-home-2 .marque-wrapper-1 span {

        text-transform: uppercase;

        color: #000000;

        font-family: "Nunito", sans-serif;

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: normal; }

    .marque-area-home-2 .marque-group-home-2 .marque-wrapper-2 {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      min-width: 100%;

      background-color: #000000;

      padding: 65px 0;

      gap: 60px;

      -ms-flex-negative: 0;

      flex-shrink: 0;

      max-width: -webkit-max-content;

      max-width: -moz-max-content;

      max-width: max-content;

      -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

      transform: translateX(0);

      -webkit-animation: scroll-2 300s linear infinite;

      animation: scroll-2 300s linear infinite; }

      .marque-area-home-2 .marque-group-home-2 .marque-wrapper-2:hover {

        -webkit-animation-play-state: paused;

        animation-play-state: paused; }

      .marque-area-home-2 .marque-group-home-2 .marque-wrapper-2 span {

        text-transform: uppercase;

        color: #CCDEFF;

        font-family: "Nunito", sans-serif;

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: normal; }



.recent-work-home-2 {

  position: relative;

  padding-top: 130px;

  padding-right: 20px;

  padding-left: 20px;

  padding-bottom: 185px; }

  @media (max-width: 532px) {

    .recent-work-home-2 .title .main-title h3 br {

      display: none; } }

  .recent-work-home-2 .recent-work-bg-shep-home-2 {

    position: absolute;

    bottom: 0;

    right: 0; }

  @media (max-width: 991px) {

    .recent-work-home-2 {

      padding-top: 70px; } }

  .recent-work-home-2 .recent-work-wrapper {

    margin-top: 73px; }

    .recent-work-home-2 .recent-work-wrapper .recent-work-inner {

      position: relative; }

      @media (max-width: 991px) {

        .recent-work-home-2 .recent-work-wrapper .recent-work-inner {

          margin-bottom: 55px; }

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner.recent-work-item-3 {

            margin-bottom: 0; } }

      .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-img {

        overflow: hidden; }

        @media (max-width: 991px) {

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-img img {

            margin: auto; } }

      .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb {

        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;

        padding: 35px;

        background-color: #141414;

        -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);

        box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);

        border-radius: 3px;

        position: absolute;

        bottom: -55px;

        width: 72%; }

        @media (max-width: 450px) {

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb {

            padding: 35px 20px; } }

        @media (max-width: 1350px) {

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb {

            width: 80%; } }

        @media (max-width: 1199px) {

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb {

            width: 96%; } }

        @media (max-width: 991px) {

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb {

            width: 55.5%;

            left: 50%;

            -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

            transform: translateX(-50%); } }

        @media (max-width: 855px) {

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb {

            display: block; } }

        @media (max-width: 767px) {

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb {

            width: 72%; } }

        @media (max-width: 611px) {

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb {

            width: 90%; } }

        .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .recent-work-text h5 a {

          font-style: normal;

          font-weight: 700;

          line-height: 34px;

          color: #CCDEFF;

          font-family: "Nunito", sans-serif;

          display: block;

          -webkit-transition-timing-function: linear;

          -o-transition-timing-function: linear;

          transition-timing-function: linear;

          -webkit-transition-duration: 0.3s;

          -o-transition-duration: 0.3s;

          transition-duration: 0.3s; }

          @media (max-width: 767px) {

            .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .recent-work-text h5 a {

              text-align: center; } }

        .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .recent-work-text h5:hover a {

          color: #1954ED; }

        .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .recent-work-text p {

          color: #1954ED;

          font-family: "Jost", sans-serif;

          font-style: normal;

          font-weight: 500;

          line-height: 26px;

          margin-top: 7px; }

          @media (max-width: 767px) {

            .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .recent-work-text p {

              text-align: center; } }

        .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .project-view-btn {

          width: 50px;

          height: 50px;

          background-color: #000000;

          border-radius: 50%;

          text-align: center;

          line-height: 45px;

          display: block;

          -webkit-transition-timing-function: linear;

          -o-transition-timing-function: linear;

          transition-timing-function: linear;

          -webkit-transition-duration: 0.3s;

          -o-transition-duration: 0.3s;

          transition-duration: 0.3s; }

          .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .project-view-btn:hover {

            background-color: #1954ED; }

            .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .project-view-btn:hover svg path {

              fill: #CCDEFF; }

          @media (max-width: 855px) {

            .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .project-view-btn {

              position: absolute;

              right: 15px;

              bottom: 15px; } }

          @media (max-width: 767px) {

            .recent-work-home-2 .recent-work-wrapper .recent-work-inner .recent-work-thumb .project-view-btn {

              display: none; } }



.faq-area-home-2 {

  position: relative;

  padding-top: 130px;

  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 55px;

  background-size: cover;

  background-repeat: no-repeat; }

  @media (max-width: 991px) {

    .faq-area-home-2 {

      padding-top: 70px; } }

  @media (max-width: 532px) {

    .faq-area-home-2 .title .main-title h3 br {

      display: none; } }

  .faq-area-home-2 .faq-wrapper {

    padding-top: 77px; }

    .faq-area-home-2 .faq-wrapper .faq-banner {

      overflow: hidden; }

      @media (max-width: 991px) {

        .faq-area-home-2 .faq-wrapper .faq-banner {

          margin-bottom: 30px; }

          .faq-area-home-2 .faq-wrapper .faq-banner img {

            margin: auto; } }



.team-area-home-2 {

  position: relative;

  padding-top: 130px;

  padding-right: 20px;

  padding-left: 20px;

  padding-bottom: 130px;

  overflow: hidden; }

  .team-area-home-2 .team-area-bg-shep-1-home-2 {

    position: absolute;

    left: 0;

    top: 0; }

  .team-area-home-2 .team-area-bg-shep-2-home-2 {

    position: absolute;

    right: 0;

    bottom: 0; }

  @media (max-width: 991px) {

    .team-area-home-2 {

      padding-top: 70px;

      padding-bottom: 100px; } }

  @media (max-width: 899px) {

    .team-area-home-2 {

      padding-bottom: 180px; } }

  .team-area-home-2 .team-title-arrow-flexing {

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

    @media (max-width: 899px) {

      .team-area-home-2 .team-title-arrow-flexing {

        display: block;

        text-align: center; } }

    .team-area-home-2 .team-title-arrow-flexing p {

      text-align: left; }

      @media (max-width: 899px) {

        .team-area-home-2 .team-title-arrow-flexing p {

          text-align: center; } }

    .team-area-home-2 .team-title-arrow-flexing .slider-team-home-2-btn {

      margin-right: 70px; }

  .team-area-home-2 .team-wrapper {

    padding-top: 77px; }



.subscribe-area-home-2 {

  position: relative;

  padding: 170px 20px;

  background-repeat: no-repeat;

  background-size: cover; }

  @media (max-width: 600px) {

    .subscribe-area-home-2 {

      padding: 80px 20px; } }

  .subscribe-area-home-2 img {

    position: absolute; }

    @media (max-width: 600px) {

      .subscribe-area-home-2 img {

        display: none; } }

    .subscribe-area-home-2 img.subscribe-shep-1-home-2 {

      left: 106px;

      bottom: 211px; }

      @media (max-width: 1150px) {

        .subscribe-area-home-2 img.subscribe-shep-1-home-2 {

          left: 10px;

          bottom: 135px; } }

      @media (max-width: 818px) {

        .subscribe-area-home-2 img.subscribe-shep-1-home-2 {

          bottom: 10px; } }

    .subscribe-area-home-2 img.subscribe-shep-2-home-2 {

      bottom: 55px;

      left: 33%; }

    .subscribe-area-home-2 img.subscribe-shep-3-home-2 {

      top: 45px;

      left: 19%; }

    .subscribe-area-home-2 img.subscribe-shep-4-home-2 {

      bottom: 30px;

      right: 25%; }

    .subscribe-area-home-2 img.subscribe-shep-7-home-2 {

      top: 100px;

      right: 128px; }

      @media (max-width: 1150px) {

        .subscribe-area-home-2 img.subscribe-shep-7-home-2 {

          top: 39px;

          right: 60px; } }

    .subscribe-area-home-2 img.subscribe-shep-6-home-2 {

      bottom: 135px;

      right: 16%; }

    .subscribe-area-home-2 img.subscribe-shep-5-home-2 {

      top: 95px;

      right: 25%; }

  .subscribe-area-home-2 .subscribe-wrapper form {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 20px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 47px; }

    @media (max-width: 600px) {

      .subscribe-area-home-2 .subscribe-wrapper form {

        display: block; } }

    .subscribe-area-home-2 .subscribe-wrapper form input[type="text"] {

      padding: 20px 28px;

      border-radius: 4px;

      background-color: #5B5B61;

      font-size: 18px;

      font-style: normal;

      font-weight: 500;

      line-height: 160%;

      text-transform: capitalize;

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      border: none;

      outline: none;

      width: 355px; }

      @media (max-width: 600px) {

        .subscribe-area-home-2 .subscribe-wrapper form input[type="text"] {

          width: 100%; } }

      .subscribe-area-home-2 .subscribe-wrapper form input[type="text"]::-webkit-input-placeholder {

        font-size: 18px;

        font-style: normal;

        font-weight: 500;

        line-height: 160%;

        text-transform: capitalize;

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

      .subscribe-area-home-2 .subscribe-wrapper form input[type="text"]:-ms-input-placeholder {

        font-size: 18px;

        font-style: normal;

        font-weight: 500;

        line-height: 160%;

        text-transform: capitalize;

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

      .subscribe-area-home-2 .subscribe-wrapper form input[type="text"]::-ms-input-placeholder {

        font-size: 18px;

        font-style: normal;

        font-weight: 500;

        line-height: 160%;

        text-transform: capitalize;

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

      .subscribe-area-home-2 .subscribe-wrapper form input[type="text"]::placeholder {

        font-size: 18px;

        font-style: normal;

        font-weight: 500;

        line-height: 160%;

        text-transform: capitalize;

        color: #CCDEFF;

        font-family: "Jost", sans-serif; }

    @media (max-width: 600px) {

      .subscribe-area-home-2 .subscribe-wrapper form input[type="submit"] {

        display: block;

        width: 100%;

        margin-top: 15px; } }



.blog-area-home-2 {

  position: relative;

  padding-top: 130px;

  padding-right: 20px;

  padding-left: 20px;

  padding-bottom: 130px; }

  @media (max-width: 991px) {

    .blog-area-home-2 {

      padding-top: 70px;

      padding-bottom: 100px; } }

  .blog-area-home-2 .title-tab-flexing {

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

    @media (max-width: 1000px) {

      .blog-area-home-2 .title-tab-flexing {

        display: block; } }

    .blog-area-home-2 .title-tab-flexing .title .main-title {

      text-align: left; }

      @media (max-width: 1000px) {

        .blog-area-home-2 .title-tab-flexing .title .main-title {

          text-align: center; } }

      @media (max-width: 532px) {

        .blog-area-home-2 .title-tab-flexing .title .main-title h3 br {

          display: none; } }

    .blog-area-home-2 .title-tab-flexing .nav-tabs {

      border: none; }

      @media (max-width: 1000px) {

        .blog-area-home-2 .title-tab-flexing .nav-tabs {

          margin-top: 30px;

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center; } }

      .blog-area-home-2 .title-tab-flexing .nav-tabs button {

        background-color: transparent;

        border: none;

        outline: none;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        letter-spacing: 0.48px;

        font-family: "Jost", sans-serif;

        color: #CCDEFF; }

        .blog-area-home-2 .title-tab-flexing .nav-tabs button.nav-link {

          position: relative; }

          .blog-area-home-2 .title-tab-flexing .nav-tabs button.nav-link.active {

            background-color: transparent;

            border: none;

            color: #CCDEFF; }

            .blog-area-home-2 .title-tab-flexing .nav-tabs button.nav-link.active::after {

              content: "";

              position: absolute;

              bottom: 0;

              height: 3px;

              background-color: #1954ED;

              width: 104px;

              left: 50%;

              -webkit-transform: translateX(-50%);

              -ms-transform: translateX(-50%);

              transform: translateX(-50%); }

  .blog-area-home-2 .blog-wrapper {

    margin-top: 70px; }

    .blog-area-home-2 .blog-wrapper span {

      display: block;

      margin-top: 25px;

      font-weight: 400;

      line-height: normal;

      letter-spacing: 0.32px;

      color: #CCDEFF;

      font-family: "Jost", sans-serif; }

    .blog-area-home-2 .blog-wrapper h5 {

      margin-top: 15px; }

      .blog-area-home-2 .blog-wrapper h5 a {

        font-style: normal;

        font-weight: 600;

        line-height: 36px;

        color: #CCDEFF;

        font-family: "Nunito", sans-serif;

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .blog-area-home-2 .blog-wrapper h5 a:hover {

          color: #1954ED; }

      @media (max-width: 1200px) {

        .blog-area-home-2 .blog-wrapper h5 br {

          display: none; } }

    .blog-area-home-2 .blog-wrapper p {

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      margin-top: 15px;

      font-style: normal;

      font-weight: 400;

      line-height: 30px; }

      @media (max-width: 1200px) {

        .blog-area-home-2 .blog-wrapper p br {

          display: none; } }

    .blog-area-home-2 .blog-wrapper .blog-right-btn a {

      width: 65px;

      height: 65px;

      background: transparent;

      display: block;

      text-align: center;

      border-radius: 50%;

      line-height: 65px;

      line-height: 60px;

      rotate: 135deg;

      border: 1px solid #1954ED;

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

      @media (max-width: 767px) {

        .blog-area-home-2 .blog-wrapper .blog-right-btn a {

          margin: auto; } }

      .blog-area-home-2 .blog-wrapper .blog-right-btn a:hover {

        background-color: #1954ED; }

    .blog-area-home-2 .blog-wrapper .blog-btn {

      margin-top: 7px; }

      @media (max-width: 991px) {

        .blog-area-home-2 .blog-wrapper .blog-btn {

          margin-top: 60px; } }

      .blog-area-home-2 .blog-wrapper .blog-btn a {

        padding-right: 50px;

        padding-left: 50px;

        background-color: transparent;

        border: 1px solid #1954ED; }

    .blog-area-home-2 .blog-wrapper .blog-right-btn {

      margin-top: 40px; }

    .blog-area-home-2 .blog-wrapper .blog-left-thumb,

    .blog-area-home-2 .blog-wrapper .blog-right-thumb {

      overflow: hidden; }

      @media (max-width: 767px) {

        .blog-area-home-2 .blog-wrapper .blog-left-thumb img,

        .blog-area-home-2 .blog-wrapper .blog-right-thumb img {

          margin: auto; } }

    @media (max-width: 991px) {

      .blog-area-home-2 .blog-wrapper .blog-right-inner {

        margin-top: 30px; } }

    @media (max-width: 767px) {

      .blog-area-home-2 .blog-wrapper .blog-right-info,

      .blog-area-home-2 .blog-wrapper .blog-info-left {

        text-align: center; } }



.hero-area-3 {

  padding-bottom: 0; }

  @media (max-width: 1487px) {

    .hero-area-3 {

      padding-right: 20px;

      padding-left: 20px; } }

  @media (max-width: 1250px) {

    .hero-area-3 {

      padding-bottom: 150px; } }

  .hero-area-3 .hero-wrapper .hero-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center; }

    @media (max-width: 1250px) {

      .hero-area-3 .hero-wrapper .hero-inner {

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

        -ms-flex-flow: column-reverse;

        flex-flow: column-reverse; } }

    .hero-area-3 .hero-wrapper .hero-inner .hero-inner-left {

      width: 40%;

      position: relative;

      top: 110px; }

      @media (max-width: 1487px) {

        .hero-area-3 .hero-wrapper .hero-inner .hero-inner-left {

          width: 68%; } }

      @media (max-width: 1250px) {

        .hero-area-3 .hero-wrapper .hero-inner .hero-inner-left {

          width: 78%; } }

      @media (max-width: 678px) {

        .hero-area-3 .hero-wrapper .hero-inner .hero-inner-left {

          width: 95%; } }

    .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner {

      position: relative; }

      .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-1,

      .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-2,

      .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-3,

      .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-4 {

        position: absolute; }

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-1.home-3-hero-banner-shep-1,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-2.home-3-hero-banner-shep-1,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-3.home-3-hero-banner-shep-1,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-4.home-3-hero-banner-shep-1 {

          top: 250px;

          left: 135px; }

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-1.home-3-hero-banner-shep-2,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-2.home-3-hero-banner-shep-2,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-3.home-3-hero-banner-shep-2,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-4.home-3-hero-banner-shep-2 {

          bottom: 100px;

          left: 100px; }

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-1.home-3-hero-banner-shep-3,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-2.home-3-hero-banner-shep-3,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-3.home-3-hero-banner-shep-3,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-4.home-3-hero-banner-shep-3 {

          bottom: 168px;

          right: 95px; }

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-1.home-3-hero-banner-shep-4,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-2.home-3-hero-banner-shep-4,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-3.home-3-hero-banner-shep-4,

        .hero-area-3 .hero-wrapper .hero-inner .hero-3-banner .home-3-hero-banner-shep-4.home-3-hero-banner-shep-4 {

          top: 230px;

          right: 20px; }



.offer-area-home-3 {

  padding-top: 130px;

  padding-bottom: 130px;

  position: relative; }

  @media (max-width: 991px) {

    .offer-area-home-3 {

      padding-top: 70px; } }

  .offer-area-home-3.project-grid-area .project-grid-area-1-shep-1 {

    position: absolute;

    top: 0;

    left: 0; }

  .offer-area-home-3.project-grid-area .project-grid-area-1-shep-2 {

    position: absolute;

    bottom: 0;

    left: 0; }

  .offer-area-home-3.project-grid-area .project-grid-area-1-shep-3 {

    position: absolute;

    right: 0;

    top: 50%; }

  .offer-area-home-3.project-grid-area .project-grid-btn ul {

    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: 55px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

    .offer-area-home-3.project-grid-area .project-grid-btn ul li {

      font-size: 18px;

      font-style: normal;

      font-weight: 500;

      line-height: 28px;

      letter-spacing: -0.54px;

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      cursor: pointer;

      padding-bottom: 15px;

      border-bottom: 1px solid #CCFF00;

      border-width: 0;

      -webkit-transition: 0.5s ease;

      -o-transition: 0.5s ease;

      transition: 0.5s ease; }

      .offer-area-home-3.project-grid-area .project-grid-btn ul li:hover {

        border-bottom: 1px solid #CCFF00;

        border-width: 100%; }

  .offer-area-home-3.project-grid-area .offer-wrapper .offer-inner .offer-name span i {

    color: #CCDEFF; }

  .offer-area-home-3.project-grid-area .offer-wrapper .offer-inner:hover .offer-name span i {

    color: #000000; }

  .offer-area-home-3 .offer-area-1-shep-1 {

    position: absolute;

    top: 71%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%); }

  @media (max-width: 767px) {

    .offer-area-home-3 {

      padding-top: 100px;

      padding-bottom: 100px; } }

  .offer-area-home-3 .offer-wrapper {

    padding-top: 73px; }

    .offer-area-home-3 .offer-wrapper .offer-inner {

      position: relative;

      overflow: hidden;

      margin-bottom: 15px; }

      .offer-area-home-3 .offer-wrapper .offer-inner img {

        border-radius: 3px; }

      .offer-area-home-3 .offer-wrapper .offer-inner .offer-name {

        position: absolute;

        bottom: 25px;

        border-radius: 2px;

        background: rgba(16, 16, 16, 0.9);

        padding: 25px 23px;

        left: 25px;

        right: 25px; }

        .offer-area-home-3 .offer-wrapper .offer-inner .offer-name h5 a {

          font-style: normal;

          font-weight: 700;

          line-height: normal;

          font-family: "Nunito", sans-serif;

          color: #CCDEFF;

          -webkit-transition-timing-function: linear;

          -o-transition-timing-function: linear;

          transition-timing-function: linear;

          -webkit-transition-duration: 0.3s;

          -o-transition-duration: 0.3s;

          transition-duration: 0.3s;

          display: block; }

        .offer-area-home-3 .offer-wrapper .offer-inner .offer-name h5:hover a {

          color: #FF4A3B; }

        .offer-area-home-3 .offer-wrapper .offer-inner .offer-name span {

          width: 70px;

          height: 70px;

          background: #062E39;

          line-height: 70px;

          display: block;

          text-align: center;

          border-radius: 50%;

          position: absolute;

          top: -38px;

          right: 26px;

          -webkit-transition-timing-function: linear;

          -o-transition-timing-function: linear;

          transition-timing-function: linear;

          -webkit-transition-duration: 0.3s;

          -o-transition-duration: 0.3s;

          transition-duration: 0.3s; }

      .offer-area-home-3 .offer-wrapper .offer-inner:hover .offer-name span {

        background: #FF4A3B; }



.marque-area-home-3 {

  position: relative;

  background-color: #FF4A3B; }

  .marque-area-home-3.marque-area-home-1 {

    background-color: #CCFF00; }

  .marque-area-home-3 img {

    position: relative;

    z-index: 1;

    margin: auto; }

  .marque-area-home-3 .marque-1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    overflow: hidden;

    position: absolute;

    top: 37%;

    width: 100%; }

    .marque-area-home-3 .marque-1:hover span {

      -webkit-animation-play-state: paused;

      animation-play-state: paused; }

    @media (max-width: 575px) {

      .marque-area-home-3 .marque-1 {

        top: 16%; } }

    .marque-area-home-3 .marque-1.marque-2 {

      top: 60%;

      z-index: 2; }

      @media (max-width: 575px) {

        .marque-area-home-3 .marque-1.marque-2 {

          top: 40%; } }

      .marque-area-home-3 .marque-1.marque-2:hover span {

        -webkit-animation-play-state: paused;

        animation-play-state: paused; }

      .marque-area-home-3 .marque-1.marque-2 span {

        -webkit-animation: marquee1 24s linear infinite;

        animation: marquee1 24s linear infinite; }

    .marque-area-home-3 .marque-1 span {

      text-transform: uppercase;

      will-change: transform;

      -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

      transform: translateX(0);

      white-space: nowrap;

      -webkit-animation: marquee 24s linear infinite;

      animation: marquee 24s linear infinite;

      color: #FFFFFF;

      font-family: "Jost", sans-serif;

      font-size: 153.6px;

      font-style: normal;

      font-weight: 800;

      line-height: 153.6px; }

      @media (max-width: 991px) {

        .marque-area-home-3 .marque-1 span {

          font-size: 100.6px; } }

      @media (max-width: 575px) {

        .marque-area-home-3 .marque-1 span {

          font-size: 60px; } }

      @media (max-width: 380px) {

        .marque-area-home-3 .marque-1 span {

          font-size: 40px; } }



.services-area-home-3 {

  position: relative;

  padding-top: 130px;

  padding-right: 20px;

  padding-left: 20px;

  padding-bottom: 100px; }

  .services-area-home-3.services-area .services-page-services-area-shep-1 {

    position: absolute;

    left: 0;

    top: 0; }



    .services-area-home-3.services-area .services-name:hover .services-info a svg path {

      fill: #000000; }

  .services-area-home-3 .service-area-bg-shep-home-3 {

    position: absolute;

    top: 260px;

    left: 0; }

  @media (max-width: 991px) {

    .services-area-home-3 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .services-area-home-3 h4 {

    font-style: normal;

    font-weight: 700;

    line-height: 40px;

    letter-spacing: -0.8px;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    margin-bottom: 10px; }

    @media (max-width: 400px) {

      .services-area-home-3 h4 {

        font-size: 30px; } }

  .services-area-home-3 p {

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    font-family: "Jost", sans-serif;

    color: #CCDEFF; }

    @media (max-width: 1046px) {

      .services-area-home-3 p br {

        display: none; } }

  .services-area-home-3 .services-name {

    margin-bottom: 5px;

    cursor: pointer; }

    .services-area-home-3 .services-name:last-child {

      margin-bottom: 0; }



    .services-area-home-3 .services-name .services-info {

      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;

      padding-bottom: 35px;

      border-bottom: 1px solid rgba(216, 208, 199, 0.2); }

    

/*
      .services-area-home-3 .services-name .services-info a {

        width: 65px;

        height: 65px;

        display: block;

        text-align: center;

        line-height: 65px;

        background-color: #585858;

        border-radius: 50%;

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }
*/

        .services-area-home-3 .services-name .services-info a svg {

          rotate: 135deg; }

  .services-area-home-3 .services-banner .title {

    text-align: left; }

    @media (max-width: 991px) {

      .services-area-home-3 .services-banner .title {

        text-align: center; } }

    @media (max-width: 1216px) {

      .services-area-home-3 .services-banner .title h3 br {

        display: none; } }

    @media (max-width: 532px) {

      .services-area-home-3 .services-banner .title .main-title h3 br {

        display: none; } }

  .services-area-home-3 .services-banner .services-banner-inner {

    margin-top: 58px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 20px; }

    @media (max-width: 991px) {

      .services-area-home-3 .services-banner .services-banner-inner {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center; } }

    .services-area-home-3 .services-banner .services-banner-inner .services-img {

      overflow: hidden; }

      .services-area-home-3 .services-banner .services-banner-inner .services-img:first-child {

        margin-top: 20px; }



.digital-product-area-home-3 {

  position: relative;

  padding-top: 105px;

  padding-bottom: 105px;

  padding-right: 20px;

  padding-left: 20px;

  background-repeat: no-repeat;

  background-size: cover; }

  .digital-product-area-home-3.about-page a {

    background-color: #CCFF00;

    color: #000000; }

  .digital-product-area-home-3.about-page .digital-product-counter .digital-product-counter-1 .item-1 span {

    color: #CCFF00; }

  .digital-product-area-home-3.about-page .digital-product-counter .digital-product-counter-1 .item-1 p {

    color: #CCFF00; }

  .digital-product-area-home-3 h2 {

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    font-family: "Nunito", sans-serif;

    color: #CCDEFF;

    margin-bottom: 25px; }

    @media (max-width: 1310px) {

      .digital-product-area-home-3 h2 br {

        display: none; } }

    @media (max-width: 991px) {

      .digital-product-area-home-3 h2 br {

        display: unset; } }

    @media (max-width: 681px) {

      .digital-product-area-home-3 h2 {

        font-size: 40px; }

        .digital-product-area-home-3 h2 br {

          display: none; } }

  .digital-product-area-home-3 p {

    font-family: "Jost", sans-serif;

    color: #CCDEFF;

    font-style: normal;

    font-weight: 500;

    line-height: 26px; }

  .digital-product-area-home-3 a {

    display: inline-block;

    margin-top: 45px; }

  @media (max-width: 991px) {

    .digital-product-area-home-3 .digital-product-counter {

      margin-top: 40px; } }

  .digital-product-area-home-3 .digital-product-counter span {

    font-style: normal;

    font-weight: 600;

    line-height: 55px;

    font-family: "Nunito", sans-serif;

    color: #CCDEFF; }

  .digital-product-area-home-3 .digital-product-counter p {

    font-style: normal;

    font-weight: 600;

    line-height: 26px;

    font-family: "Jost", sans-serif;

    color: #CCDEFF; }

  .digital-product-area-home-3 .digital-product-counter .digital-product-counter-1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 116px; }

    @media (max-width: 565px) {

      .digital-product-area-home-3 .digital-product-counter .digital-product-counter-1 {

        display: block; } }

    .digital-product-area-home-3 .digital-product-counter .digital-product-counter-1 .item-1 span {

      color: #FF4A3B; }

    .digital-product-area-home-3 .digital-product-counter .digital-product-counter-1 .item-1 p {

      color: #FF4A3B; }

    .digital-product-area-home-3 .digital-product-counter .digital-product-counter-1 .item-2 {

      margin-top: 15px; }

      @media (max-width: 565px) {

        .digital-product-area-home-3 .digital-product-counter .digital-product-counter-1 .item-2 {

          margin-top: 25px; } }

  .digital-product-area-home-3 .digital-product-counter .digital-product-counter-2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 82px;

    gap: 125px; }

    @media (max-width: 565px) {

      .digital-product-area-home-3 .digital-product-counter .digital-product-counter-2 {

        display: block;

        margin-top: 25px; } }

    .digital-product-area-home-3 .digital-product-counter .digital-product-counter-2 .item-3 {

      margin-left: -82px; }

      @media (max-width: 991px) {

        .digital-product-area-home-3 .digital-product-counter .digital-product-counter-2 .item-3 {

          margin-left: 0; } }

      @media (max-width: 565px) {

        .digital-product-area-home-3 .digital-product-counter .digital-product-counter-2 .item-3 {

          margin-bottom: 25px; } }



.plan-area-home-3 {

  position: relative;

  padding-top: 130px;

  padding-right: 20px;

  padding-left: 20px;

  padding-bottom: 130px; }

  .plan-area-home-3.price-area .price-area-bg-shep-1 {

    position: absolute;

    top: 0;

    left: 0; }

  .plan-area-home-3.price-area .price-area-bg-shep-2 {

    position: absolute;

    bottom: -10%;

    right: 0; }

  .plan-area-home-3.price-area .plan-wrapper .price-inner svg path {

    fill: #CCFF00; }

  .plan-area-home-3.price-area .plan-wrapper .price-inner:hover {

    background-color: #CCFF00; }

    .plan-area-home-3.price-area .plan-wrapper .price-inner:hover h5,

    .plan-area-home-3.price-area .plan-wrapper .price-inner:hover h6,

    .plan-area-home-3.price-area .plan-wrapper .price-inner:hover span {

      color: #000000; }

    .plan-area-home-3.price-area .plan-wrapper .price-inner:hover svg path {

      fill: #000000; }

    .plan-area-home-3.price-area .plan-wrapper .price-inner:hover .plan-item .plan-item-inner span {

      color: #000000; }

  @media (max-width: 991px) {

    .plan-area-home-3 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .plan-area-home-3 .price-area-bg-shep-1-home-3 {

    position: absolute;

    right: 0;

    top: -240px; }

  .plan-area-home-3 .price-area-bg-shep-2-home-3 {

    position: absolute;

    left: 0;

    bottom: 0; }

  @media (max-width: 532px) {

    .plan-area-home-3 .title .main-title h3 br {

      display: none; } }

  .plan-area-home-3 a {

    background-color: #292930;

    color: #CCDEFF;

    text-align: center;

    display: block;

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s;

    margin-top: 30px; }

    .plan-area-home-3 a:hover {

      background-color: #CCDEFF;

      color: #000000; }

  .plan-area-home-3 h6 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 110.5%; }

  .plan-area-home-3 h5 {

    font-style: normal;

    font-weight: 900;

    line-height: 110.5%;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif; }

  .plan-area-home-3 span {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 244%; }

  .plan-area-home-3 .price-popular-bach {

    padding: 2px 9px;

    background-color: #292930;

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 500;

    line-height: 244%;

    text-transform: uppercase;

    border-radius: 3px;

    position: absolute;

    right: 20px;

    top: 20px; }

    @media (max-width: 1080px) {

      .plan-area-home-3 .price-popular-bach {

        right: 3px;

        top: 3px; } }

    @media (max-width: 991px) {

      .plan-area-home-3 .price-popular-bach {

        right: 20px;

        top: 20px; } }

    @media (max-width: 400px) {

      .plan-area-home-3 .price-popular-bach {

        right: 3px;

        top: 3px; } }

  .plan-area-home-3 .plan-wrapper {

    margin-top: 70px; }

    @media (max-width: 991px) {

      .plan-area-home-3 .plan-wrapper {

        margin-top: 40px; } }

    .plan-area-home-3 .plan-wrapper .price-inner {

      border-radius: 10px;

      border: 1px solid rgba(255, 74, 59, 0.1);

      background-color: #031320;

      padding: 45px 38px;

      -webkit-transition: all 0.3s ease;

      -o-transition: all 0.3s ease;

      transition: all 0.3s ease;

      position: relative; }

      @media (max-width: 991px) {

        .plan-area-home-3 .plan-wrapper .price-inner {

          margin-top: 30px; } }

      .plan-area-home-3 .plan-wrapper .price-inner:hover {

        background-color: #FF4A3B; }

        .plan-area-home-3 .plan-wrapper .price-inner:hover svg path {

          fill: #CCDEFF; }

        .plan-area-home-3 .plan-wrapper .price-inner:hover .price-popular-bach {

          background-color: #CCDEFF;

          color: #FF4A3B; }

      .plan-area-home-3 .plan-wrapper .price-inner .price {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        padding-bottom: 20px;

        border-bottom: 1px solid rgba(211, 211, 211, 0.2); }

        .plan-area-home-3 .plan-wrapper .price-inner .price span {

          display: block;

          margin-top: 20px; }

      .plan-area-home-3 .plan-wrapper .price-inner .plan-item {

        padding-top: 30px; }

        .plan-area-home-3 .plan-wrapper .price-inner .plan-item .plan-item-inner {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          gap: 5px; }



.brand-logo-area-home-3 {

  position: relative;

  padding-top: 120px;

  padding-bottom: 120px;

  background-color: #031320;

  padding-right: 20px;

  padding-left: 20px; }

  .brand-logo-area-home-3 a svg {

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

  .brand-logo-area-home-3 a:hover svg path {

    fill: #FF4A3B; }

  .brand-logo-area-home-3.services-area {

    background-color: #141414; }

    .brand-logo-area-home-3.services-area a svg {

      -webkit-transition-timing-function: linear;

      -o-transition-timing-function: linear;

      transition-timing-function: linear;

      -webkit-transition-duration: 0.3s;

      -o-transition-duration: 0.3s;

      transition-duration: 0.3s; }

    .brand-logo-area-home-3.services-area a:hover svg path {

      fill: #CCFF00; }

  @media (max-width: 991px) {

    .brand-logo-area-home-3 {

      padding-top: 60px;

      padding-bottom: 60px; } }



.best-services-area-home-3 {

  position: relative;

  padding-top: 130px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px; }

  @media (max-width: 991px) {

    .best-services-area-home-3 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .best-services-area-home-3 .title {

    text-align: left; }

    @media (max-width: 991px) {

      .best-services-area-home-3 .title {

        text-align: center; } }

    .best-services-area-home-3 .title p {

      color: #CCDEFF; }

    .best-services-area-home-3 .title h3 span {

      color: #FF4A3B;

      position: unset; }

    @media (max-width: 998px) {

      .best-services-area-home-3 .title h3 br {

        display: none; } }

  .best-services-area-home-3 .best-services-banner {

    overflow: hidden; }

    @media (max-width: 9991px) {

      .best-services-area-home-3 .best-services-banner {

        margin-bottom: 40px; } }

    @media (max-width: 991px) {

      .best-services-area-home-3 .best-services-banner img {

        margin: auto; } }

  .best-services-area-home-3 .best-services-inner {

    margin-top: 70px; }

    .best-services-area-home-3 .best-services-inner .best-services-item {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: start;

      -ms-flex-align: start;

      align-items: start;

      gap: 32px;

      margin-bottom: 30px; }

      @media (max-width: 991px) {

        .best-services-area-home-3 .best-services-inner .best-services-item {

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center; } }

      @media (max-width: 452px) {

        .best-services-area-home-3 .best-services-inner .best-services-item {

          gap: 15px; } }

      .best-services-area-home-3 .best-services-inner .best-services-item:last-child {

        margin-bottom: 0; }

      .best-services-area-home-3 .best-services-inner .best-services-item:first-child span {

        background-color: #FF4A3B; }

      .best-services-area-home-3 .best-services-inner .best-services-item h5 {

        font-style: normal;

        font-weight: 800;

        line-height: normal;

        color: #CCDEFF;

        font-family: "Nunito", sans-serif; }

      .best-services-area-home-3 .best-services-inner .best-services-item p {

        font-family: "Jost", sans-serif;

        color: #CCDEFF;

        margin-top: 20px;

        font-style: normal;

        font-weight: 500;

        line-height: 30px; }

        @media (max-width: 500px) {

          .best-services-area-home-3 .best-services-inner .best-services-item p br {

            display: none; } }

      .best-services-area-home-3 .best-services-inner .best-services-item span {

        width: 56px;

        height: 56px;

        background-color: #CCDEFF;

        display: block;

        text-align: center;

        border-radius: 50%;

        line-height: 56px; }



.weekly-meet-home-3.about-area-weekly-meet .weekly-meet-wrapper h1 {

  -webkit-text-stroke: 1px #CCFF00;

  -webkit-text-fill-color: transparent;

  font-family: "Nunito", sans-serif;

  position: relative; }

  .weekly-meet-home-3.about-area-weekly-meet .weekly-meet-wrapper h1::before {

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    color: #CCFF00;

    white-space: nowrap;

    content: attr(data-hover);

    -webkit-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);

    -o-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);

    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);

    -webkit-text-fill-color: transparent; }



.weekly-meet-home-3.about-area-weekly-meet .weekly-meet-wrapper:hover h1::before {

  width: 100%;

  -webkit-text-fill-color: #CCFF00; }



.weekly-meet-home-3 .weekly-meet-wrapper {

  position: relative; }

  .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-banner video {

    -o-object-fit: cover;

    object-fit: cover;

    height: 750px;

    width: 101%;

    position: relative; }

    .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-banner video::before {

      content: "";

      position: absolute;

      left: 0;

      top: 0;

      background-color: rgba(0, 0, 0, 0.5);

      width: 100%;

      height: 100%; }

  .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-text {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%); }

    .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-text h1 {

      font-size: 100px;

      font-style: normal;

      font-weight: 700;

      line-height: normal;

      font-family: "Nunito", sans-serif;

      color: #FFFFFF;

      width: 120%;

      text-align: center; }

      @media (max-width: 1542px) {

        .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-text h1 {

          font-size: 80px; } }

      @media (max-width: 1221px) {

        .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-text h1 {

          font-size: 60px; } }

      @media (max-width: 950px) {

        .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-text h1 {

          font-size: 45px; } }

      @media (max-width: 692px) {

        .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-text h1 {

          font-size: 35px; } }

      @media (max-width: 536px) {

        .weekly-meet-home-3 .weekly-meet-wrapper .weekly-meet-text h1 {

          font-size: 30px; } }



.contact-area-home-3 {

  position: relative;

  padding-top: 130px;

  padding-bottom: 130px;

  padding-left: 20px;

  padding-right: 20px; }

  .contact-area-home-3.contact-area .form-wrapper form .input-item input {

    border-color: rgba(204, 255, 0, 0.15); }

    .contact-area-home-3.contact-area .form-wrapper form .input-item input:focus {

      border-color: #CCFF00; }

  .contact-area-home-3.contact-area .form-wrapper form textarea {

    border-color: rgba(204, 255, 0, 0.15); }

    .contact-area-home-3.contact-area .form-wrapper form textarea:focus {

      border-color: #CCFF00; }

  .contact-area-home-3.contact-area .form-wrapper form input[type="submit"] {

    background-color: #CCFF00;

    color: #000000; }

  @media (max-width: 991px) {

    .contact-area-home-3 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .contact-area-home-3 .contact-area-bg-shep-1-home-3 {

    position: absolute;

    top: 0;

    left: 0; }

  .contact-area-home-3 .contact-area-bg-shep-2-home-3 {

    position: absolute;

    bottom: 0;

    right: 0; }

  @media (max-width: 991px) {

    .contact-area-home-3 {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .contact-area-home-3 h5 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 34px; }

    @media (max-width: 575px) {

      .contact-area-home-3 h5 {

        font-size: 20px; } }

  .contact-area-home-3 p {

    font-family: "Jost", sans-serif;

    color: #CCDEFF;

    font-style: normal;

    font-weight: 400;

    line-height: 34px; }

  .contact-area-home-3 h4 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 34px; }

    @media (max-width: 575px) {

      .contact-area-home-3 h4 {

        font-size: 25px; } }

    @media (max-width: 499px) {

      .contact-area-home-3 h4 {

        text-align: center; } }

  .contact-area-home-3 h2 {

    font-style: normal;

    font-weight: 500;

    line-height: 34px;

    font-family: "Nunito", sans-serif;

    color: #CCDEFF;

    margin-bottom: 35px; }

    @media (max-width: 499px) {

      .contact-area-home-3 h2 {

        text-align: center; } }

  .contact-area-home-3 span {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 500;

    line-height: 34px; }

    @media (max-width: 499px) {

      .contact-area-home-3 span {

        display: block;

        text-align: center; } }

  .contact-area-home-3 ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 17px;

    margin-top: 23px;

    margin-bottom: 44px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

    @media (max-width: 499px) {

      .contact-area-home-3 ul {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center; } }

    .contact-area-home-3 ul li i {

      color: #FFC107;

      font-size: 45px; }

  .contact-area-home-3 .contact-info-wrapper {

    background-color: #031320;

    padding: 65px 55px;

    width: 530px;

    border-radius: 4px; }

    @media (max-width: 1162px) {

      .contact-area-home-3 .contact-info-wrapper {

        width: 445px; } }

    @media (max-width: 991px) {

      .contact-area-home-3 .contact-info-wrapper {

        width: 530px;

        margin-right: auto;

        margin-left: auto;

        margin-bottom: 40px; } }

    @media (max-width: 767px) {

      .contact-area-home-3 .contact-info-wrapper {

        width: auto; } }

    .contact-area-home-3 .contact-info-wrapper .contact-info-inner {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 20px;

      padding-bottom: 13px;

      margin-bottom: 25px;

      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

      @media (max-width: 499px) {

        .contact-area-home-3 .contact-info-wrapper .contact-info-inner {

          display: block;

          text-align: center; }

          .contact-area-home-3 .contact-info-wrapper .contact-info-inner .contact-icon span {

            display: block;

            text-align: center;

            margin-bottom: 15px; } }

      .contact-area-home-3 .contact-info-wrapper .contact-info-inner:last-child {

        margin-bottom: 0; }

  .contact-area-home-3 .form-wrapper .title {

    text-align: left; }

    @media (max-width: 991px) {

      .contact-area-home-3 .form-wrapper .title {

        text-align: center; } }

    @media (max-width: 1140px) {

      .contact-area-home-3 .form-wrapper .title h3 {

        font-size: 40px; } }

  .contact-area-home-3 .form-wrapper form {

    margin-top: 60px; }

    .contact-area-home-3 .form-wrapper form .input-item {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      gap: 25px; }

      @media (max-width: 1199px) {

        .contact-area-home-3 .form-wrapper form .input-item {

          display: block; } }

      @media (max-width: 991px) {

        .contact-area-home-3 .form-wrapper form .input-item {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex; } }

      @media (max-width: 767px) {

        .contact-area-home-3 .form-wrapper form .input-item {

          display: block; } }

      .contact-area-home-3 .form-wrapper form .input-item input {

        padding: 15px 21px;

        background-color: #031320;

        border-radius: 3px;

        border: 1px solid rgba(255, 74, 59, 0.2);

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        font-family: "Jost", sans-serif;

        color: #CCDEFF;

        width: 50%;

        margin-bottom: 20px;

        -webkit-transition: 0.4s ease;

        -o-transition: 0.4s ease;

        transition: 0.4s ease; }

        @media (max-width: 1199px) {

          .contact-area-home-3 .form-wrapper form .input-item input {

            width: 100%; } }

        @media (max-width: 991px) {

          .contact-area-home-3 .form-wrapper form .input-item input {

            width: 50%; } }

        @media (max-width: 767px) {

          .contact-area-home-3 .form-wrapper form .input-item input {

            width: 100%; } }

        .contact-area-home-3 .form-wrapper form .input-item input::-webkit-input-placeholder {

          font-size: 15px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px;

          font-family: "Jost", sans-serif;

          color: #BCBCBC; }

        .contact-area-home-3 .form-wrapper form .input-item input:-ms-input-placeholder {

          font-size: 15px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px;

          font-family: "Jost", sans-serif;

          color: #BCBCBC; }

        .contact-area-home-3 .form-wrapper form .input-item input::-ms-input-placeholder {

          font-size: 15px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px;

          font-family: "Jost", sans-serif;

          color: #BCBCBC; }

        .contact-area-home-3 .form-wrapper form .input-item input::placeholder {

          font-size: 15px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px;

          font-family: "Jost", sans-serif;

          color: #BCBCBC; }

        .contact-area-home-3 .form-wrapper form .input-item input:focus {

          border-color: #FF4A3B; }

    .contact-area-home-3 .form-wrapper form textarea {

      padding: 13px 21px;

      background-color: #031320;

      border-radius: 3px;

      border: 1px solid rgba(255, 74, 59, 0.2);

      font-size: 15px;

      font-style: normal;

      font-weight: 400;

      line-height: 26px;

      font-family: "Jost", sans-serif;

      color: #CCDEFF;

      width: 100%;

      height: 165px;

      -webkit-transition: 0.4s ease;

      -o-transition: 0.4s ease;

      transition: 0.4s ease; }

      .contact-area-home-3 .form-wrapper form textarea::-webkit-input-placeholder {

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        font-family: "Jost", sans-serif;

        color: #BCBCBC; }

      .contact-area-home-3 .form-wrapper form textarea:-ms-input-placeholder {

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        font-family: "Jost", sans-serif;

        color: #BCBCBC; }

      .contact-area-home-3 .form-wrapper form textarea::-ms-input-placeholder {

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        font-family: "Jost", sans-serif;

        color: #BCBCBC; }

      .contact-area-home-3 .form-wrapper form textarea::placeholder {

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        font-family: "Jost", sans-serif;

        color: #BCBCBC; }

      .contact-area-home-3 .form-wrapper form textarea:focus {

        border-color: #FF4A3B; }

    .contact-area-home-3 .form-wrapper form input[type="submit"] {

      margin-top: 25px; }



.client-say-area-home-3 {

  position: relative;

  padding-top: 114px;

  padding-bottom: 114px;

  padding-right: 20px;

  padding-left: 20px;

  background-color: #031320; }

  .client-say-area-home-3.client-say-area-home-1 {

    background-color: #141414; }

    .client-say-area-home-3.client-say-area-home-1 .client-work-name {

      color: #CCFF00; }

    .client-say-area-home-3.client-say-area-home-1 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-next:hover,

    .client-say-area-home-3.client-say-area-home-1 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-prev:hover {

      background-color: #CCFF00; }

      .client-say-area-home-3.client-say-area-home-1 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-next:hover svg path,

      .client-say-area-home-3.client-say-area-home-1 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-prev:hover svg path {

        fill: #000000; }

  .client-say-area-home-3 .client-say-bg {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%); }

  .client-say-area-home-3 h3 {

    text-align: center;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 60px; }

  .client-say-area-home-3 p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    text-align: center;

    font-size: 35px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize; }

    @media (max-width: 1200px) {

      .client-say-area-home-3 p {

        width: 60%;

        margin: auto; }

        .client-say-area-home-3 p br {

          display: none; } }

    @media (max-width: 900px) {

      .client-say-area-home-3 p {

        width: unset; } }

  .client-say-area-home-3 h5 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    text-align: center;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    text-transform: capitalize;

    margin-top: 41px; }

  @media (max-width: 900px) {

    .client-say-area-home-3 .client-say-home-3 {

      padding-bottom: 115px; } }

  .client-say-area-home-3 .client-work-name {

    display: block;

    color: #FF4A3B;

    font-family: "Jost", sans-serif;

    text-align: center;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    text-transform: capitalize;

    margin-top: 7px; }

  .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 {

    position: relative;

    bottom: 180px; }

    @media (max-width: 1200px) {

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 {

        bottom: 270px; } }

    @media (max-width: 900px) {

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 {

        bottom: -55px;

        left: 90%;

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%); } }

    @media (max-width: 700px) {

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 {

        left: 86%; } }

    @media (max-width: 596px) {

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 {

        left: 84%; } }

    @media (max-width: 485px) {

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 {

        left: 78%; } }

    @media (max-width: 400px) {

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 {

        display: none; } }

    .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-next,

    .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-prev {

      background-color: transparent;

      border: 1px solid #CCDEFF; }

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-next:hover,

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-prev:hover {

        background-color: #FF4A3B;

        border: none; }

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-next svg,

      .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-prev svg {

        width: 10px; }

      @media (max-width: 900px) {

        .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-next.swiper-button-next,

        .client-say-area-home-3 .slider-client-say-home-3-btn.slider-btn-1 .swiper-button-prev.swiper-button-next {

          position: absolute;

          left: 85px; } }



.blog-area-home-3 {

  position: relative;

  padding-top: 130px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px; }

  .blog-area-home-3.blog-area {

    position: relative; }

    .blog-area-home-3.blog-area .blog-area-1-shep-1 {

      position: absolute;

      left: 0;

      top: 0; }

    .blog-area-home-3.blog-area .blog-area-1-shep-2 {

      position: absolute;

      bottom: 0;

      right: 0; }

    .blog-area-home-3.blog-area .blog-area-wrapper .blog-inner:first-child {

      margin-bottom: 25px; }

    .blog-area-home-3.blog-area .blog-area-wrapper .blog-inner:nth-child(2) {

      margin-bottom: 25px; }

    .blog-area-home-3.blog-area .blog-area-wrapper .blog-inner:nth-child(3) {

      margin-bottom: 25px; }

    .blog-area-home-3.blog-area .blog-area-wrapper .blog-inner:hover h5 {

      color: #CCFF00; }

    .blog-area-home-3.blog-area .blog-area-wrapper .blog-inner .blog-meta .blog-date svg path,

    .blog-area-home-3.blog-area .blog-area-wrapper .blog-inner .blog-meta .blog-comment svg path {

      fill: #CCFF00; }

    .blog-area-home-3.blog-area .blog-area-wrapper .blog-inner .blog-writer .blog-learn-more a svg path {

      fill: #CCFF00; }

  .blog-area-home-3 .blog-area-1-shep-1-bg-home-3 {

    position: absolute;

    top: 0;

    left: 0; }

  .blog-area-home-3 .blog-area-1-shep-2-bg-home-3 {

    position: absolute;

    right: 0;

    bottom: 0; }

  @media (max-width: 991px) {

    .blog-area-home-3 {

      padding-top: 70px;

      padding-bottom: 40px; } }

  .blog-area-home-3 .blog-area-wrapper {

    padding-top: 70px; }

    .blog-area-home-3 .blog-area-wrapper .blog-inner {

      padding: 50px 35px;

      background-color: #031320; }

      @media (max-width: 991px) {

        .blog-area-home-3 .blog-area-wrapper .blog-inner {

          margin-bottom: 30px; } }

      .blog-area-home-3 .blog-area-wrapper .blog-inner h5 {

        color: #CCDEFF;

        font-family: "Nunito", sans-serif;

        font-style: normal;

        font-weight: 700;

        line-height: 38px;

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s;

        margin-bottom: 25px; }

        @media (max-width: 1255px) {

          .blog-area-home-3 .blog-area-wrapper .blog-inner h5 br {

            display: none; } }

      .blog-area-home-3 .blog-area-wrapper .blog-inner:hover h5 {

        color: #FF4A3B; }

      .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        gap: 12px; }

        @media (max-width: 1056px) {

          .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta {

            display: block; } }

        @media (max-width: 991px) {

          .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta {

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex; } }

        @media (max-width: 575px) {

          .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta {

            display: block; } }

        .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta .blog-date,

        .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta .blog-comment {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          gap: 4px; }

          .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta .blog-date span,

          .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta .blog-comment span {

            color: #CCDEFF;

            font-family: "Jost", sans-serif;

            font-style: normal;

            font-weight: 400;

            line-height: 36.5px; }

          @media (max-width: 1056px) {

            .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta .blog-date.blog-comment,

            .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-meta .blog-comment.blog-comment {

              margin-top: 10px; } }

      .blog-area-home-3 .blog-area-wrapper .blog-inner p {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 400;

        line-height: 32px;

        margin-top: 17px;

        padding-bottom: 36px;

        border-bottom: 1px solid rgba(221, 221, 221, 0.1); }

        @media (max-width: 1255px) {

          .blog-area-home-3 .blog-area-wrapper .blog-inner p br {

            display: none; } }

      .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-writer {

        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;

        margin-top: 25px; }

        .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-writer .blog-witer-pic {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          gap: 12px; }

          .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-writer .blog-witer-pic span {

            color: #CCDEFF;

            font-family: "Jost", sans-serif;

            font-style: normal;

            font-weight: 500;

            line-height: 32px; }

        .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-writer .blog-learn-more a {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          gap: 5px; }

          .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-writer .blog-learn-more a span {

            color: #CCDEFF;

            font-family: "Jost", sans-serif;

            font-style: normal;

            font-weight: 500;

            line-height: 32px; }

          .blog-area-home-3 .blog-area-wrapper .blog-inner .blog-writer .blog-learn-more a svg path {

            fill: #FF4A3B; }



.team-area-about-inner {

  position: relative;

  padding-top: 130px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px; }

  .team-area-about-inner .about-page-team-area-shep-1 {

    position: absolute;

    top: 0;

    left: 0; }

  @media (max-width: 991px) {

    .team-area-about-inner {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .team-area-about-inner .about-page-team {

    margin-top: 70px; }



.about-area {

  position: relative;

  padding-top: 130px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px; }

  @media (max-width: 991px) {

    .about-area {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .about-area p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 30px; }

    @media (max-width: 1165px) {

      .about-area p br {

        display: none; } }

    @media (max-width: 991px) {

      .about-area p {

        text-align: center; }

        .about-area p br {

          display: block; } }

    @media (max-width: 625px) {

      .about-area p br {

        display: none; } }

  .about-area h6 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 30px;

    letter-spacing: -0.6px; }

  .about-area .about-img {

    overflow: hidden; }

    @media (max-width: 991px) {

      .about-area .about-img {

        margin-bottom: 40px; }

        .about-area .about-img img {

          margin: auto; } }

  .about-area .about-info {

    margin-left: 33px; }

    @media (max-width: 991px) {

      .about-area .about-info {

        margin-left: 0; } }

    .about-area .about-info .title {

      text-align: left;

      margin-bottom: 28px; }

      @media (max-width: 991px) {

        .about-area .about-info .title {

          text-align: center; } }

      @media (max-width: 1220px) {

        .about-area .about-info .title h3 br {

          display: none; }



 .about-area .about-info .title h1 br {

          display: none; }}

      @media (max-width: 991px) {

        .about-area .about-info .title h3 br {

          display: block; }

.about-area .about-info .title h1 br {

          display: block; }}

      @media (max-width: 1165px) {

        .about-area .about-info .title {

          font-size: 40px; } }

      @media (max-width: 625px) {

        .about-area .about-info .title h3 br {

          display: none; } 

 .about-area .about-info .title h1 br {

          display: none; } }

    .about-area .about-info .about-item {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: top;

      margin-top: 40px;

      gap: 67px; }

.about-area .about-info .about-item p {

     font-size: .95rem; line-height: 1.2;}

      @media (max-width: 991px) {

        .about-area .about-info .about-item {

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center; }

          .about-area .about-info .about-item span {

            display: block;

            text-align: center; } }

      @media (max-width: 656px) {

        .about-area .about-info .about-item {

          display: block; }

          .about-area .about-info .about-item .about-item-inner-1 {

            margin-bottom: 20px; } }

      .about-area .about-info .about-item h6 {

        margin-top: 22px; }

        @media (max-width: 991px) {

          .about-area .about-info .about-item h6 {

            text-align: center; } }

      .about-area .about-info .about-item p {

        margin-top: 8px; }

        @media (max-width: 1165px) {

          .about-area .about-info .about-item p br {

            display: none; } }

        @media (max-width: 991px) {

          .about-area .about-info .about-item p br {

            display: block; } }

    .about-area .about-info .about-avatar {

      margin-top: 62px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 20px; }

      @media (max-width: 991px) {

        .about-area .about-info .about-avatar {

          -webkit-box-pack: center;

          -ms-flex-pack: center;

          justify-content: center; } }

      @media (max-width: 500px) {

        .about-area .about-info .about-avatar {

          display: block; }

          .about-area .about-info .about-avatar p {

            text-align: center;

            margin-top: 10px; }

          .about-area .about-info .about-avatar img {

            margin: auto; } }

      .about-area .about-info .about-avatar p {

        font-weight: 500; }



.blog-details-area {

  position: relative;

  padding-top: 130px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px; }

  .blog-details-area.blog-standart-area {

    margin-top: 40px; }

    .blog-details-area.blog-standart-area .blog-standart-area-shep-1 {

      left: 0;

      top: 0;

      position: absolute; }

    .blog-details-area.blog-standart-area .blog-standart-area-shep-2 {

      right: 0;

      top: 20%;

      position: absolute; }

    .blog-details-area.blog-standart-area .blog-standart-area-shep-3 {

      left: 0;

      top: 34%;

      position: absolute; }

    .blog-details-area.blog-standart-area .blog-standart-area-shep-4 {

      right: 0;

      top: 55%;

      position: absolute; }

    .blog-details-area.blog-standart-area .blog-standart-area-shep-5 {

      left: 0;

      top: 68%;

      position: absolute; }

    .blog-details-area.blog-standart-area .blog-details-quets {

      margin-top: 0; }

    .blog-details-area.blog-standart-area .blog-details-inner .blog-details-banner {

      position: relative;

      margin-top: 40px; }

    .blog-details-area.blog-standart-area .blog-details-inner .blog-details-banner-meta {

      gap: 10px; }

      .blog-details-area.blog-standart-area .blog-details-inner .blog-details-banner-meta span span {

        margin-left: 5px; }

    .blog-details-area.blog-standart-area .blog-details-inner a {

      border-radius: 4px;

      display: inline-block;

      margin-top: 30px; }

    .blog-details-area.blog-standart-area .blog-standart-pagenation {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 20px;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin-top: 40px; }

      .blog-details-area.blog-standart-area .blog-standart-pagenation a {

        font-size: 20px;

        font-style: normal;

        font-weight: 400;

        line-height: 30px;

        color: #c8c8c8;

        display: block;

        width: 41px;

        height: 41px;

        border-radius: 50%;

        border: 1px solid #c8c8c8;

        text-align: center;

        line-height: 40px;

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s; }

        .blog-details-area.blog-standart-area .blog-standart-pagenation a:hover {

          background-color: #CCFF00;

          color: #000000;

          border: none; }

  .blog-details-area .blog-details-area-shep-1 {

    left: 0;

    top: 0;

    position: absolute; }

  .blog-details-area .blog-details-area-shep-2 {

    right: 0;

    top: 20%;

    position: absolute; }

  .blog-details-area .blog-details-area-shep-3 {

    left: 0;

    top: 34%;

    position: absolute; }

  .blog-details-area .blog-details-area-shep-4 {

    right: 0;

    top: 55%;

    position: absolute; }

  .blog-details-area .blog-details-area-shep-5 {

    left: 0;

    top: 68%;

    position: absolute; }

  @media (max-width: 991px) {

    .blog-details-area {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .blog-details-area .blog-details-inner .blog-details-banner {

    overflow: hidden; }

  .blog-details-area .blog-details-inner h4 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 50px;

    margin-top: 30px; }

  .blog-details-area .blog-details-inner .blog-details-banner-meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 30px;

    margin-top: 21px;

    margin-bottom: 27px; }

    .blog-details-area .blog-details-inner .blog-details-banner-meta span {

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 400;

      line-height: 20px; }

      .blog-details-area .blog-details-inner .blog-details-banner-meta span svg {

        margin-right: 2px; }

  .blog-details-area .blog-details-inner p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 26px; }

  .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 28px;

    margin-top: 42px; }

    @media (max-width: 1188px) {

      .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 {

        display: block; } }

    .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 .blog-details-post-1-banner {

      overflow: hidden;

      width: 40%; }

      @media (max-width: 1188px) {

        .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 .blog-details-post-1-banner {

          max-width: -webkit-max-content;

          max-width: -moz-max-content;

          max-width: max-content;

          width: unset; } }

    @media (max-width: 1188px) {

      .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 ul {

        margin-top: 30px; } }

    .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 ul li {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 16px;

      margin-bottom: 20px; }

      .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 ul li:last-child {

        margin-bottom: 0; }

      .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 ul li span {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 700;

        line-height: 26px; }

      .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 ul li:nth-child(2) svg path {

        fill: #CCFF00; }

      .blog-details-area .blog-details-inner .blog-details-post-wrapper .blog-details-post-1 ul li:nth-child(2) span {

        color: #CCFF00; }

  .blog-details-area .blog-details-inner .blog-details-post-wrapper h5 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 45px;

    margin-top: 40px; }

  .blog-details-area .blog-details-inner .blog-details-post-wrapper p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    margin-top: 9px; }

  .blog-details-area .blog-details-inner .blog-details-post-2 .blog-details-post-2-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 34px;

    margin-top: 40px; }

    .blog-details-area .blog-details-inner .blog-details-post-2 .blog-details-post-2-inner .blog-details-post-left,

    .blog-details-area .blog-details-inner .blog-details-post-2 .blog-details-post-2-inner .blog-details-post-right {

      overflow: hidden; }

  .blog-details-area .blog-details-inner .blog-details-post-2 h5 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 32px;

    margin-top: 40px; }

  .blog-details-area .blog-details-inner .blog-details-post-2 p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    margin-top: 15px; }

  .blog-details-area .blog-details-inner .blog-details-post-3 h5 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 32px;

    margin-top: 38px; }

  .blog-details-area .blog-details-inner .blog-details-post-3 p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    margin-top: 20px;

    margin-bottom: 58px; }

  .blog-details-area .blog-details-inner .blog-details-writer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 33px;

    padding-top: 33px;

    border-top: 1px solid rgba(204, 255, 0, 0.1);

    padding-bottom: 33px;

    border-bottom: 1px solid rgba(204, 255, 0, 0.1); }

    @media (max-width: 767px) {

      .blog-details-area .blog-details-inner .blog-details-writer {

        display: block; } }

    .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-img {

      overflow: hidden;

      width: 50%; }

      .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-img img {

        border-radius: 4px; }

    @media (max-width: 767px) {

      .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-info {

        margin-top: 20px; } }

    .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-info h4 {

      color: #CCDEFF;

      font-family: "Nunito", sans-serif;

      font-style: normal;

      font-weight: 700;

      line-height: normal;

      margin-top: 0;

      margin-bottom: 14px; }

    .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-info p {

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 400;

      line-height: 28px; }

    .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-info ul {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 18px;

      margin-top: 35px; }

      .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-info ul li a {

        width: 50px;

        height: 50px;

        background-color: #141414;

        display: block;

        text-align: center;

        border-radius: 50%;

        -webkit-transition-timing-function: linear;

        -o-transition-timing-function: linear;

        transition-timing-function: linear;

        -webkit-transition-duration: 0.3s;

        -o-transition-duration: 0.3s;

        transition-duration: 0.3s;

        line-height: 54px; }

        .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-info ul li a i {

          font-size: 20px;

          color: #CCFF00; }

        .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-info ul li a:hover {

          background-color: #CCFF00; }

          .blog-details-area .blog-details-inner .blog-details-writer .blog-details-writer-info ul li a:hover i {

            color: #141414; }

  .blog-details-area .blog-details-inner .blog-details-next-prev {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 25px;

    margin-top: 38px;

    padding-bottom: 45px;

    border-bottom: 1px solid rgba(204, 255, 0, 0.1); }

    @media (max-width: 767px) {

      .blog-details-area .blog-details-inner .blog-details-next-prev {

        display: block; } }

    .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev {

      background-color: #141414;

      padding: 39px 29px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 17px;

      width: 50%; }

      @media (max-width: 767px) {

        .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev {

          width: 100%; }

          .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev:last-child {

            margin-top: 20px; } }

      .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev h6 {

        margin-top: 9px; }

        @media (max-width: 1188px) {

          .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev h6 br {

            display: none; } }

      .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev a {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        gap: 13px; }

        .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev a span {

          color: #CCFF00;

          font-family: "Jost", sans-serif;

          font-style: normal;

          font-weight: 300;

          line-height: normal; }

      .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev:last-child {

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: end; }

        .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev:last-child h6 {

          text-align: right; }

        .blog-details-area .blog-details-inner .blog-details-next-prev .blog-details-prev:last-child a {

          -webkit-box-pack: end;

          -ms-flex-pack: end;

          justify-content: end; }

  .blog-details-area .blog-details-inner .blog-details-comment h4 {

    margin-bottom: 57px;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 45px;

    position: relative; }

    .blog-details-area .blog-details-inner .blog-details-comment h4::before {

      content: "";

      position: absolute;

      background-color: #CCFF00;

      width: 70px;

      height: 3px;

      border-radius: 2px;

      bottom: -20px;

      left: 0; }

  .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 13px; }

    @media (max-width: 575px) {

      .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment {

        display: block; } }

    .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment.blog-details-wrapper-comment-1 {

      padding-bottom: 25px;

      border-bottom: 1px solid rgba(204, 255, 0, 0.15); }

    .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment.blog-details-wrapper-comment-2 {

      margin-top: 30px;

      margin-left: 50px; }

      @media (max-width: 991px) {

        .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment.blog-details-wrapper-comment-2 {

          margin-left: 0; } }

    .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-commente-pic {

      overflow: hidden;

      width: 50%;

      max-width: -webkit-max-content;

      max-width: -moz-max-content;

      max-width: max-content; }

      @media (max-width: 575px) {

        .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-commente-pic {

          width: 100%;

          margin-bottom: 20px; } }

      .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-commente-pic img {

        border-radius: 4px; }

    .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-comment-info .blog-details-comment-name {

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

      @media (max-width: 575px) {

        .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-comment-info .blog-details-comment-name {

          display: block; } }

      .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-comment-info .blog-details-comment-name .blog-details-comment-name-inner span {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        display: block;

        margin-top: 15px; }

      @media (max-width: 575px) {

        .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-comment-info .blog-details-comment-name .blog-details-riplay-btn {

          margin-top: 20px; } }

      .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-comment-info .blog-details-comment-name .blog-details-riplay-btn a {

        padding: 8px 27px;

        background-color: transparent;

        border: 1px solid #CCFF00;

        color: #CCFF00;

        display: inline-block; }

        .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-comment-info .blog-details-comment-name .blog-details-riplay-btn a:hover {

          background-color: #CCFF00 !important;

          color: #000000;

          border: none; }

    .blog-details-area .blog-details-inner .blog-details-comment .blog-details-wrapper-comment .blog-details-comment-info p {

      margin-top: 11px; }

  .blog-details-area .blog-details-inner .blog-details-comment-form {

    margin-top: 5px; }

    .blog-details-area .blog-details-inner .blog-details-comment-form h4 {

      margin-bottom: 57px;

      color: #CCDEFF;

      font-family: "Nunito", sans-serif;

      font-style: normal;

      font-weight: 700;

      line-height: 45px;

      position: relative; }

      .blog-details-area .blog-details-inner .blog-details-comment-form h4::before {

        content: "";

        position: absolute;

        background-color: #CCFF00;

        width: 70px;

        height: 3px;

        border-radius: 2px;

        bottom: -20px;

        left: 0; }

    .blog-details-area .blog-details-inner .blog-details-comment-form form {

      margin-top: 44px; }

      .blog-details-area .blog-details-inner .blog-details-comment-form form .input-item {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        gap: 20px;

        margin-bottom: 23px; }

        @media (max-width: 575px) {

          .blog-details-area .blog-details-inner .blog-details-comment-form form .input-item {

            display: block; }

            .blog-details-area .blog-details-inner .blog-details-comment-form form .input-item input:last-child {

              margin-top: 23px; } }

      .blog-details-area .blog-details-inner .blog-details-comment-form form input {

        padding: 15px 18px;

        background-color: transparent;

        border: 1px solid #CCFF00;

        border-radius: 4px;

        width: 100%;

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form input::-webkit-input-placeholder {

          color: #b1b1b1;

          font-family: "Jost", sans-serif;

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form input:-ms-input-placeholder {

          color: #b1b1b1;

          font-family: "Jost", sans-serif;

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form input::-ms-input-placeholder {

          color: #b1b1b1;

          font-family: "Jost", sans-serif;

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form input::placeholder {

          color: #b1b1b1;

          font-family: "Jost", sans-serif;

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

      .blog-details-area .blog-details-inner .blog-details-comment-form form textarea {

        width: 100%;

        height: 145px;

        background-color: transparent;

        border: 1px solid #CCFF00;

        border-radius: 4px;

        margin: 23px 0;

        padding: 15px 18px;

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form textarea::-webkit-input-placeholder {

          color: #b1b1b1;

          font-family: "Jost", sans-serif;

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form textarea:-ms-input-placeholder {

          color: #b1b1b1;

          font-family: "Jost", sans-serif;

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form textarea::-ms-input-placeholder {

          color: #b1b1b1;

          font-family: "Jost", sans-serif;

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form textarea::placeholder {

          color: #b1b1b1;

          font-family: "Jost", sans-serif;

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 26px; }

      .blog-details-area .blog-details-inner .blog-details-comment-form form input[type="submit"] {

        width: unset;

        color: #000000;

        background-color: #CCFF00;

        font-weight: 500; }

        .blog-details-area .blog-details-inner .blog-details-comment-form form input[type="submit"]:hover {

          color: #000000; }



.blog-details-quets {

  padding: 47px 33px;

  border-radius: 4px;

  background: #141414;

  -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);

  margin-top: 44px; }

  .blog-details-quets span {

    display: block;

    margin-bottom: 13px; }

  .blog-details-quets h5 {

    color: #CCFF00;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 34px;

    position: relative;

    margin-top: 17px;

    margin-left: 54px; }

    .blog-details-quets h5::before {

      content: "";

      position: absolute;

      width: 40px;

      height: 3px;

      background-color: #CCFF00;

      top: 50%;

      -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

      transform: translateY(-50%);

      left: -54px; }

  .blog-details-quets p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 26px; }



.ppc-agencey-play.blog-standart-inner {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%); }



.ppc-agencey-play a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 40px;

  margin-top: 60px; }

  .ppc-agencey-play a .popup-video-btn-home-1 {

    background-color: #bc0000;

    width: 60px;

    height: 60px;

    display: inline-block;

    border-radius: 50%;

    line-height: 60px;

    text-align: center;

    position: relative;

    z-index: 999; }

  .ppc-agencey-play a span {

    font-family: "Jost", sans-serif;

    color: #CCDEFF;

    font-style: normal;

    font-weight: 600;

    line-height: normal; }



.project-details-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 28px;

  margin-top: 50px; }

  @media (max-width: 991px) {

    .project-details-inner {

      display: block; } }

  .project-details-inner .project-details-inner-img {

    overflow: hidden;

    width: 40%; }

    @media (max-width: 991px) {

      .project-details-inner .project-details-inner-img {

        width: 100%; } }

  .project-details-inner .project-details-inner-result {

    font-style: normal;

    font-weight: 700;

    line-height: 26px;

    color: #CCDEFF;

    font-family: "Nunito", sans-serif; }

    @media (max-width: 991px) {

      .project-details-inner .project-details-inner-result {

        margin-top: 20px; } }

  .project-details-inner h5 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: 26px; }

  .project-details-inner ul {

    margin-top: 30px; }

    .project-details-inner ul li {

      margin-bottom: 15px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 15px; }

      .project-details-inner ul li:last-child {

        margin-bottom: 0; }

      .project-details-inner ul li span {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 400;

        line-height: 26px; }



.round-socila-icon-1 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  gap: 13px; }

  .round-socila-icon-1.round-socila-icon-2 li a {

    border: 1px solid #CCFF00; }

    .round-socila-icon-1.round-socila-icon-2 li a i {

      color: #CCFF00; }

    .round-socila-icon-1.round-socila-icon-2 li a:hover a i {

      color: #000000; }

  .round-socila-icon-1 li a {

    width: 45px;

    height: 45px;

    display: block;

    text-align: center;

    background-color: transparent;

    color: #CCDEFF;

    border: 1px solid #CCDEFF;

    line-height: 45px;

    border-radius: 50%;

    -webkit-transition-timing-function: linear;

    -o-transition-timing-function: linear;

    transition-timing-function: linear;

    -webkit-transition-duration: 0.3s;

    -o-transition-duration: 0.3s;

    transition-duration: 0.3s; }

    .round-socila-icon-1 li a:hover {

      background-color: #CCFF00;

      border: none; }

      .round-socila-icon-1 li a:hover i {

        color: #000000; }



.skill-main {

  width: 100%; }

  .skill-main .skill-wrrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    gap: 10px;

    margin-bottom: 40px; }

    .skill-main .skill-wrrap .skill-name {

      color: #CCDEFF;

      font-size: 18px;

      font-style: normal;

      font-weight: 600;

      line-height: 28px;

      letter-spacing: -0.54px;

      font-family: "Jost", sans-serif; }

    .skill-main .skill-wrrap .skill-bar {

      height: 3px;

      background-color: #141414;

      border-radius: 8px; }

    .skill-main .skill-wrrap .skill-per {

      height: 3px;

      background: #CCFF00;

      border-radius: 8px;

      width: 0;

      -webkit-transition: 1s linear;

      -o-transition: 1s linear;

      transition: 1s linear;

      position: relative; }

      .skill-main .skill-wrrap .skill-per:before {

        content: attr(data-percentage);

        position: absolute;

        padding: 4px 6px;

        background-color: #CCFF00;

        color: #000000;

        font-size: 12px;

        border-radius: 4px;

        top: -35px;

        right: 0;

        -webkit-transform: translateX(50%);

        -ms-transform: translateX(50%);

        transform: translateX(50%); }



.experiance {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  margin-bottom: 30px; }

  .experiance span {

    color: #CCDEFF;

    font-family: "Jost", sans-serif; }

  .experiance .company span {

    font-family: "Nunito", sans-serif; }



.project-details-area {

  position: relative;

  padding-top: 60px;

  padding-bottom: 130px;

  padding-right: 20px;

  padding-left: 20px; }

  .project-details-area .project-details-area-shep-1 {

    position: absolute;

    left: 0;

    top: 0; }

  .project-details-area .project-details-area-shep-2 {

    position: absolute;

    bottom: 0;

    left: 0; }

  .project-details-area .project-details-area-shep-3 {

    position: absolute;

    right: 0;

    top: 45%; }

  @media (max-width: 991px) {

    .project-details-area {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .project-details-area .project-details-wrapper .project-details-banner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 28px;

    margin-bottom: 28px; }

    @media (max-width: 575px) {

      .project-details-area .project-details-wrapper .project-details-banner {

        display: block;

        max-width: -webkit-max-content;

        max-width: -moz-max-content;

        max-width: max-content; } }

    .project-details-area .project-details-wrapper .project-details-banner .project-details-banner-inner-1,

    .project-details-area .project-details-wrapper .project-details-banner .project-details-banner-inner-2 {

      overflow: hidden; }

      @media (max-width: 575px) {

        .project-details-area .project-details-wrapper .project-details-banner .project-details-banner-inner-1.project-details-banner-inner-1,

        .project-details-area .project-details-wrapper .project-details-banner .project-details-banner-inner-2.project-details-banner-inner-1 {

          margin-bottom: 20px; }

          .project-details-area .project-details-wrapper .project-details-banner .project-details-banner-inner-1.project-details-banner-inner-1 img,

          .project-details-area .project-details-wrapper .project-details-banner .project-details-banner-inner-2.project-details-banner-inner-1 img {

            width: 100%; } }

  .project-details-area .project-details-wrapper h3 {

    color: #CCDEFF;

    font-family: "Nunito", sans-serif;

    font-style: normal;

    font-weight: 700;

    line-height: normal; }

  .project-details-area .project-details-wrapper .project-details-info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 65px;

    margin-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid rgba(204, 255, 0, 0.15);

    -ms-flex-wrap: wrap;

    flex-wrap: wrap; }

    .project-details-area .project-details-wrapper .project-details-info .project-details-info-item {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      gap: 15px; }

      .project-details-area .project-details-wrapper .project-details-info .project-details-info-item .project-details-info-name {

        color: #CCFF00;

        font-family: "Nunito", sans-serif;

        font-style: normal;

        font-weight: 500;

        line-height: normal; }

      .project-details-area .project-details-wrapper .project-details-info .project-details-info-item .project-details-main-work {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 500;

        line-height: normal; }

  .project-details-area .project-details-wrapper p {

    color: #CCDEFF;

    font-family: "Jost", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

    margin-top: 24px; }

  .project-details-area .project-details-wrapper .project-details-result {

    margin-top: 74px; }

    .project-details-area .project-details-wrapper .project-details-result h4 {

      color: #CCDEFF;

      font-family: "Nunito", sans-serif;

      font-style: normal;

      font-weight: 700;

      line-height: 32px; }

    .project-details-area .project-details-wrapper .project-details-result p {

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 400;

      line-height: 26px; }

    .project-details-area .project-details-wrapper .project-details-result .project-details-social-media {

      margin-top: 80px;

      padding-bottom: 30px;

      border-bottom: 1px solid rgba(204, 255, 0, 0.15); }

      .project-details-area .project-details-wrapper .project-details-result .project-details-social-media .project-share {

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

        @media (max-width: 815px) {

          .project-details-area .project-details-wrapper .project-details-result .project-details-social-media .project-share {

            display: block; } }

        .project-details-area .project-details-wrapper .project-details-result .project-details-social-media .project-share .project-share-tilte {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          gap: 27px; }

          .project-details-area .project-details-wrapper .project-details-result .project-details-social-media .project-share .project-share-tilte h5 {

            color: #CCFF00;

            font-family: "Nunito", sans-serif;

            font-style: normal;

            font-weight: 400;

            line-height: 34px; }

        .project-details-area .project-details-wrapper .project-details-result .project-details-social-media .project-share .project-details-btn {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

          -ms-flex-align: center;

          align-items: center;

          gap: 15px;

          -ms-flex-wrap: wrap;

          flex-wrap: wrap; }

          @media (max-width: 815px) {

            .project-details-area .project-details-wrapper .project-details-result .project-details-social-media .project-share .project-details-btn {

              margin-top: 20px; } }

          .project-details-area .project-details-wrapper .project-details-result .project-details-social-media .project-share .project-details-btn a {

            padding: 10px 20px;

            background-color: transparent;

            border: 1px solid #CCDEFF;

            border-radius: 4px;

            color: #CCDEFF;

            -webkit-transition-timing-function: linear;

            -o-transition-timing-function: linear;

            transition-timing-function: linear;

            -webkit-transition-duration: 0.3s;

            -o-transition-duration: 0.3s;

            transition-duration: 0.3s; }

            .project-details-area .project-details-wrapper .project-details-result .project-details-social-media .project-share .project-details-btn a:hover {

              background-color: #CCFF00;

              color: #000000;

              border: none; }

    .project-details-area .project-details-wrapper .project-details-result .project-details-pagination {

      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;

      margin-top: 22px; }

      @media (max-width: 660px) {

        .project-details-area .project-details-wrapper .project-details-result .project-details-pagination {

          display: block; } }

      .project-details-area .project-details-wrapper .project-details-result .project-details-pagination span {

        color: #CCDEFF;

        font-family: "Jost", sans-serif;

        font-style: normal;

        font-weight: 500;

        line-height: 26px;

        display: block; }

      .project-details-area .project-details-wrapper .project-details-result .project-details-pagination .project-details-next {

        text-align: right; }

        .project-details-area .project-details-wrapper .project-details-result .project-details-pagination .project-details-next span svg {

          margin-left: 8px; }

        .project-details-area .project-details-wrapper .project-details-result .project-details-pagination .project-details-next p {

          margin-top: 11px; }

      @media (max-width: 660px) {

        .project-details-area .project-details-wrapper .project-details-result .project-details-pagination .project-details-prev {

          margin-bottom: 15px; } }

      .project-details-area .project-details-wrapper .project-details-result .project-details-pagination .project-details-prev span svg {

        margin-right: 8px; }

      .project-details-area .project-details-wrapper .project-details-result .project-details-pagination .project-details-prev p {

        margin-top: 11px; }



.team-details-area {

  padding-top: 130px;

  padding-right: 20px;

  padding-bottom: 130px;

  padding-left: 20px;

  position: relative; }

  @media (max-width: 991px) {

    .team-details-area {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .team-details-area .team-details-area-1-shep-1 {

    position: absolute;

    left: 0;

    top: 0; }

  .team-details-area .team-details-area-1-shep-2 {

    position: absolute;

    bottom: 0;

    left: 0; }

  .team-details-area .team-details-area-1-shep-3 {

    position: absolute;

    right: 0;

    top: 45%; }

  .team-details-area .team-details-wrapper .team-details-author {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 38px; }

    @media (max-width: 767px) {

      .team-details-area .team-details-wrapper .team-details-author {

        display: block; } }

    .team-details-area .team-details-wrapper .team-details-author .team-details-autor-pic {

      overflow: hidden; }

    .team-details-area .team-details-wrapper .team-details-author .team-details-author-info .team-details-author-info-inner {

      margin-bottom: 23px; }

      .team-details-area .team-details-wrapper .team-details-author .team-details-author-info .team-details-author-info-inner li {

        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;

        padding-bottom: 16px;

        padding-top: 15px;

        border-bottom: 1px solid rgba(217, 217, 217, 0.1); }

        .team-details-area .team-details-wrapper .team-details-author .team-details-author-info .team-details-author-info-inner li:last-child {

          border-bottom: none; }

        .team-details-area .team-details-wrapper .team-details-author .team-details-author-info .team-details-author-info-inner li span {

          color: #CCDEFF;

          font-family: "Jost", sans-serif;

          font-style: normal;

          font-weight: 400;

          line-height: 28px; }

  .team-details-area .team-details-wrapper .author-about {

    margin-top: 34px;

    padding-bottom: 60px;

    border-bottom: 1px solid rgba(204, 255, 0, 0.1); }

    .team-details-area .team-details-wrapper .author-about h5 {

      color: #CCDEFF;

      font-family: "Nunito", sans-serif;

      font-style: normal;

      font-weight: 700;

      line-height: 40px; }

    .team-details-area .team-details-wrapper .author-about p {

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 400;

      line-height: 26px;

      margin-top: 22px; }

  .team-details-area .team-details-wrapper .skill-experiance {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 85px;

    margin-top: 80px;

    padding-bottom: 60px;

    border-bottom: 1px solid rgba(204, 255, 0, 0.1); }

    @media (max-width: 767px) {

      .team-details-area .team-details-wrapper .skill-experiance {

        display: block; } }

    .team-details-area .team-details-wrapper .skill-experiance .skill {

      width: 50%; }

      @media (max-width: 767px) {

        .team-details-area .team-details-wrapper .skill-experiance .skill {

          width: 100%; } }

      .team-details-area .team-details-wrapper .skill-experiance .skill h5 {

        color: #CCDEFF;

        font-family: "Nunito", sans-serif;

        font-style: normal;

        font-weight: 600;

        line-height: normal;

        letter-spacing: -0.72px;

        margin-bottom: 20px; }

    .team-details-area .team-details-wrapper .skill-experiance .experiance-wrapper {

      width: 50%; }

      @media (max-width: 767px) {

        .team-details-area .team-details-wrapper .skill-experiance .experiance-wrapper {

          width: 100%; } }

      .team-details-area .team-details-wrapper .skill-experiance .experiance-wrapper h5 {

        color: #CCDEFF;

        font-family: "Nunito", sans-serif;

        font-style: normal;

        font-weight: 600;

        line-height: normal;

        letter-spacing: -0.72px;

        margin-bottom: 20px; }

      .team-details-area .team-details-wrapper .skill-experiance .experiance-wrapper .experiance {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        margin-bottom: 30px; }

        .team-details-area .team-details-wrapper .skill-experiance .experiance-wrapper .experiance span {

          color: #CCDEFF;

          font-family: "Jost", sans-serif; }

        .team-details-area .team-details-wrapper .skill-experiance .experiance-wrapper .experiance .company span {

          font-family: "Nunito", sans-serif; }

  .team-details-area .team-details-wrapper .edu-aws {

    margin-top: 80px; }

    .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      gap: 85px; }

      @media (max-width: 767px) {

        .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper {

          display: block; } }

      .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .education {

        width: 50%; }

        @media (max-width: 767px) {

          .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .education {

            width: 100%; } }

        .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .education h5 {

          color: #CCDEFF;

          font-family: "Nunito", sans-serif;

          font-style: normal;

          font-weight: 600;

          line-height: normal;

          letter-spacing: -0.72px;

          margin-bottom: 20px; }

      .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr {

        width: 50%; }

        @media (max-width: 767px) {

          .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr {

            width: 100%; } }

        .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr h5 {

          color: #CCDEFF;

          font-family: "Nunito", sans-serif;

          font-style: normal;

          font-weight: 600;

          line-height: normal;

          letter-spacing: -0.72px;

          margin-bottom: 20px; }

        .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr .awr-wrapper .awr-item {

          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;

          padding-top: 36px;

          padding-bottom: 17px;

          border-bottom: 1px solid rgba(204, 255, 0, 0.2);

          cursor: pointer;

          -webkit-transition: 0.5;

          -o-transition: 0.5;

          transition: 0.5; }

          .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr .awr-wrapper .awr-item:hover img {

            display: block; }

          .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr .awr-wrapper .awr-item:first-child {

            padding-top: 0; }

          .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr .awr-wrapper .awr-item img {

            display: none; }

          .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr .awr-wrapper .awr-item h6 {

            color: #CCDEFF;

            font-family: "Nunito", sans-serif;

            font-style: normal;

            font-weight: 600;

            line-height: 28px;

            letter-spacing: -0.54px; }

          .team-details-area .team-details-wrapper .edu-aws .edu-aws-wrapper .awr .awr-wrapper .awr-item span {

            color: #CCDEFF;

            font-family: "Jost", sans-serif; }



.error-area {

  padding-top: 130px;

  padding-right: 20px;

  padding-left: 20px;

  padding-bottom: 130px;

  position: relative; }

  @media (max-width: 991px) {

    .error-area {

      padding-top: 70px;

      padding-bottom: 70px; } }

  .error-area .error-area-shep-1 {

    position: absolute;

    top: 0;

    left: 0; }

  .error-area .error-area-shep-2 {

    position: absolute;

    right: 0;

    bottom: 0; }

  .error-area .error-pic {

    overflow: hidden; }

    .error-area .error-pic img {

      margin: auto; }

  .error-area .error-wrapper {

    margin-top: 130px; }

    @media (max-width: 991px) {

      .error-area .error-wrapper {

        margin-top: 70px; } }

    .error-area .error-wrapper h4 {

      color: #CCDEFF;

      font-family: "Nunito", sans-serif;

      font-style: normal;

      font-weight: 700;

      line-height: 55px;

      letter-spacing: -1.44px;

      text-align: center; }

      @media (max-width: 630px) {

        .error-area .error-wrapper h4 {

          font-size: 35px; } }

    .error-area .error-wrapper p {

      color: #CCDEFF;

      font-family: "Jost", sans-serif;

      font-style: normal;

      font-weight: 400;

      line-height: 30px;

      text-align: center;

      margin-top: 40px; }

      @media (max-width: 630px) {

        .error-area .error-wrapper p br {

          display: none; } }

    .error-area .error-wrapper form {

      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-top: 40px; }

      @media (max-width: 630px) {

        .error-area .error-wrapper form {

          display: block; } }

      .error-area .error-wrapper form input[type="text"] {

        background-color: transparent;

        padding: 22px 25px;

        border: 1px solid #CCFF00;

        border-top-left-radius: 4px;

        border-bottom-left-radius: 4px;

        width: 50%;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 30px;

        font-family: "Jost", sans-serif;

        color: #CCDEFF; }

        @media (max-width: 630px) {

          .error-area .error-wrapper form input[type="text"] {

            width: 100%; } }

        .error-area .error-wrapper form input[type="text"]::-webkit-input-placeholder {

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 30px;

          font-family: "Jost", sans-serif;

          color: #CCDEFF; }

        .error-area .error-wrapper form input[type="text"]:-ms-input-placeholder {

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 30px;

          font-family: "Jost", sans-serif;

          color: #CCDEFF; }

        .error-area .error-wrapper form input[type="text"]::-ms-input-placeholder {

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 30px;

          font-family: "Jost", sans-serif;

          color: #CCDEFF; }

        .error-area .error-wrapper form input[type="text"]::placeholder {

          font-size: 16px;

          font-style: normal;

          font-weight: 400;

          line-height: 30px;

          font-family: "Jost", sans-serif;

          color: #CCDEFF; }

      .error-area .error-wrapper form input[type="submit"] {

        background-color: #CCFF00;

        color: #000000;

        padding: 26px 25px;

        border-top-right-radius: 4px;

        border-bottom-right-radius: 4px;

        border: none; }

        @media (max-width: 630px) {

          .error-area .error-wrapper form input[type="submit"] {

            width: 100%;

            margin-top: 20px; } }



/* Images Gallery*/



.thumb {

	margin-bottom: 15px; 

}

.thumb:last-child {

	margin-bottom: 0;

}

/* CSS Image Hover Effects: https://www.nxworld.net/tips/css-image-hover-effects.html */

.thumb 

figure img {

  filter: grayscale(0);

  transition: .3s ease-in-out;

}

.thumb 

figure:hover img {

  filter: grayscale(0);

}



/*---Modal Form----*/

.modal-header {

      border-bottom: none;

      text-align: center;

      position: relative;

      padding-top: 2rem;

      flex-direction: column;

    }



    .modal-header img {

      height: 80px;

      margin-bottom: 10px;

    }



    .modal-title {

      font-size: 1.1rem;

      font-weight: bold;

    }



    .btn-close {

      position: absolute;

      top: 1rem;

      right: 1rem;

    }



    .modal-body {

      padding: 2rem;

    }



    .form-control:focus {

      box-shadow: none;

      border-color: #007bff;

    }



    .modal-footer {

      border-top: none;

      justify-content: center;

      padding-bottom: 2rem;

    }



/*

    .btn-primary1 {

      padding: 0.5rem 2rem;

      border-radius: 30px; background: rgba(253,16,20,1.00)

    }

*/





.text-color {color: #CCFF00;}

.img-radius {border-radius:10px;}

.text-red {color: #bc0000;}

.text-white {color: #FFFFFF;}


#buy-now {
  position: fixed;
  bottom: 60px;
  left: 40px;
  z-index: 10000;

}

#buy-now a {
  color: #ffffff;
  z-index: 1;
  position: absolute;
  background: #a3bb1f;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  width: 150px;
  line-height: 1em;
  text-decoration: none;
  animation: shadow-pulse 1s infinite;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
}

#buy-now a img{
  width: 64px;
  margin-left: 3px;
}
#buy-now-1 {
   left: 40px;
  z-index: 10000;

}

#buy-now-1 a {
  color: #ffffff;
  z-index: 1;
  position: absolute;
  background: #a3bb1f;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  line-height: 1em;
  text-decoration: none;
  animation: shadow-pulse 1s infinite;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
}

#buy-now-1 a img{
  width: 64px;
  margin-left: 3px;
}

hr {
  border: 0;
  height: 1px;
  background: #ccc;
}
.recent-articles{
padding:0px 20px;
border-radius:6px;
}

.recent-title{
font-size:2rem; color: rgba(219,249,108,1.00); line-height: 1.1;
margin-bottom:20px;
}

.recent-blog{
margin-bottom:25px;
border-bottom:1px solid #ddd;
padding-bottom:20px;
}

.recent-blog img{
width:100%;
height:170px;
object-fit:cover;
border-radius:5px;
margin-bottom:10px;
}

.recent-content h4{
font-size:1.1rem; line-height: 1.3;
margin:5px 0;
}

.recent-content h4 a{
text-decoration:none;
color:#ffffff; 
}

.recent-content h4 a:hover{
color:#b68d40;
}

.blog-date{
font-size:12px;
color:#888;
display:block;
margin-bottom:8px;
}

.recent-content p{
font-size:1rem;
color:#FBFBD1;
margin-bottom:10px; line-height: 1.3;
}

.read-more{
font-size:1.2rem;
font-weight:bold;
text-decoration:none;
color:#b68d40;
}