/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Cards
# Common
# Form
# Navigations
# Animations
# Mobile Nav
# Search Popup
# Page Header
# Google Map
# Client Carousel
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/
:root {
    --elitecons-font: "Yantramanav", "Montserrat";
    --elitecons-sec-gray: #19191b;
    --elitecons-gray: #565969;
    --elitecons-gray-rgb: 86, 89, 105;
    --elitecons-white: #ffffff;
    --elitecons-white-rgb: 255, 255, 255;
    --elitecons-base: #48add3;
    --elitecons-base-rgb: 72, 173, 211;
    --elitecons-black: #1561a0;
    --elitecons-black-rgb: 0, 22, 89;
    --elitecons-primary: #F3F3F3;
    --elitecons-primary-rgb: 243, 243, 243;
    --elitecons-bdr-color: #D0D0D0;
    --elitecons-bdr-rgb: 208, 208, 208;
  }

  .row {
    --bs-gutter-x: 30px;
  }

  .gutter-y-30 {
    --bs-gutter-y: 30px;
  }

  body {
    font-family: var(--elitecons-font);
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: var(--elitecons-gray);
  }

  body.locked {
    overflow: hidden;
  }

  a {
    color: var(--elitecons-base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  a,
  a:hover,
  a:focus,
  a:visited {
    text-decoration: none;
    direction: ltr;
  }

  ::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  :-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  ::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  ::placeholder {
    color: inherit;
    opacity: 1;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--elitecons-font);
    color: var(--elitecons-base);
    margin: 0;
  }

  p {
    margin: 0;
  }

  dl,
  ol,
  ul {
    margin-top: 0;
    margin-bottom: 0;
  }

  ::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  :-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  ::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  ::placeholder {
    color: inherit;
    opacity: 1;
  }

  .page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 404px;
    overflow: hidden;
  }

  .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  .list-unstyled {
    padding-right: 0;
  }

  @media (min-width: 1320px) {
      .container {
        max-width: 1320px;
      }
    }



  ::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  :-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  ::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
  }

  ::placeholder {
    color: inherit;
    opacity: 1;
  }

  .lenis.lenis-smooth {
    scroll-behavior: auto;
  }

  html.lenis {
    height: auto;
  }


  /*--------------------------------------------------------------
  # Custom Cursor
  --------------------------------------------------------------*/
  .custom-cursor__cursor {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid var(--elitecons-base);
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    right: 0;
    top: 0;
    -webkit-transform: translate(calc(-1*(-50% + 5px)), -50%);
    transform: translate(calc(-1*(-50% + 5px)), -50%);
    z-index: 999991;
  }

  .custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--elitecons-base);
    opacity: .3;
    position: fixed;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    pointer-events: none;
    -webkit-transition: width .3s, height .3s, opacity .3s;
    transition: width .3s, height .3s, opacity .3s;
    z-index: 999991;
  }

  .custom-cursor__hover {
    background-color: var(--elitecons-base);
    opacity: 0.4;
  }

  .custom-cursor__innerhover {
    width: 25px;
    height: 25px;
    opacity: .4;
  }


  .section-separator {
    border-color: var(--elitecons-border);
    border-width: 1px;
    margin-top: 0;
    margin-bottom: 0;
  }

  #particles-js {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    opacity: 0.4;
    z-index: -1;
  }

  .section-title {
    position: relative;
    display: block;
    margin-bottom: 58px;
    margin-top: -13px;
  }

  .section-title__tagline-box {
    position: relative;
    display: inline-block;
  }

  .section-title__tagline {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: var(--elitecons-base);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.2px;
  }

  .section-title__title {
      color: var(--elitecons-base);
      font-size: 50px;
      line-height: 58px;
      font-weight: 400;
      margin: 12px 0 0;
      letter-spacing: -1.2px;
  }

  .thm-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    outline: none !important;
    font-weight: 500;
    font-size: 15px;
    color: var(--elitecons-white);
    text-transform: capitalize;
    padding: 9px 9px 9px;
    letter-spacing: 0.32px;
    background-color: var(--elitecons-base);
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    overflow: hidden;
    gap: 12px;
    z-index: 1;
    border-radius: 0.5rem;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    direction: ltr;
  }

  .thm-btn:hover{
       background-color: #ffffff00
  }

  .thm-btn::after {
    content: "";
    background-color: var(--elitecons-black);
    position: absolute;
    transition: all .3s ease-in;
    z-index: -1;
    height: 100%;
    right: -35%;
    top: 0;
    transform: skew(-30deg);
    transition-duration: .6s;
    transform-origin: top right;
    width: 0;
      border-radius: 0.5rem;

  }

  .thm-btn:hover::after {
    height: 100%;
    width: 135%;
      border-radius: 0.5rem;
  }

  .thm-btn:hover {
    color: var(--elitecons-white);
      border-radius: 0.5rem;
  }

  .thm-btn span {
    position: relative;
    display: inline-block;
    font-size: 13px;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    /* top: -2px; */
      border-radius: 0.5rem;
  }


  .bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
  .bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
  .bootstrap-select .show>.btn-light.dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
  }

  .bootstrap-select>.dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .bootstrap-select .dropdown-toggle:focus,
  .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
  }

  .bootstrap-select .dropdown-menu {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    z-index: 991;
    border-radius: 0;
  }

  .bootstrap-select .dropdown-menu>li+li>a {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  .bootstrap-select .dropdown-menu>li.selected>a {
    background: var(--elitecons-base);
    color: var(--elitecons-white);
  }

  .bootstrap-select .dropdown-menu>li>a {
    font-size: 16px;
    font-weight: 500;
    padding: 4px 12px;
    color: #ffffff;
    text-transform: uppercase;
    background: var(--elitecons-black);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .bootstrap-select .dropdown-menu>li>a:hover {
    background: var(--elitecons-base);
    color: var(--elitecons-white);
    cursor: pointer;
  }

  .handle-preloader {
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    background-color: #ffffff;
    /* background-image: ; */
  }

  .handle-preloader .animation-preloader {
    position: absolute;
    z-index: 100;
  }

  .handle-preloader .animation-preloader .spinner{
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    height: 130px;
    margin: 0 auto 0px auto;
    width: 130px;
    left: 4rem;
  }
  .handle-preloader .animation-preloader img{
      max-width: 40rem !important;
  }

  .handle-preloader .animation-preloader .txt-loading {
    text-align: center;
    user-select: none;
  }

  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
    animation: letters-loading 4s infinite;
    content: attr(data-text-preloader);
    right: 0;
    opacity: 0;
    top:0;
    position: absolute;
  }

  .handle-preloader .animation-preloader .txt-loading .letters-loading{
    font-family: var(--title-font);
    font-weight: 500;
    letter-spacing: 15px;
    display: inline-block;
    position: relative;
    font-size: 70px;
    line-height: 70px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.30);
  }

  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {animation-delay: 0.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {animation-delay: 0.4s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {animation-delay: 0.6s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {animation-delay: 0.8s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before { animation-delay: 1s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before { animation-delay: 1.2s;}
  .handle-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before { animation-delay: 1.4s;}
  .handle-preloader .loader-section {
    background-color: #ffffff;
    height: 100%;
    position: fixed;
    top: 0;
    width: calc(50% + 1px);
  }

  .preloader .loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
  }

  .handle-preloader .animation-preloader .txt-loading .letters-loading:before{
    color: var(--elitecons-base);
  }

  .handle-preloader .animation-preloader .spinner{
    border: 3px solid var(--elitecons-bdr-color);
    /* border-top-color: rgba(255, 255, 255, 0.5); */
    border-top-color: var(--elitecons-base);
  }

  /* Animación del preloader */
  @keyframes spinner {
    to {
      transform: rotateZ(-360deg);
    }
  }
  @keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity: 0;
      transform: rotateY(90deg);
    }

    25%,
    50% {
      opacity: 1;
      transform: rotateY(0deg);
    }
  }

  @media screen and (max-width: 767px) {
    .handle-preloader .animation-preloader .spinner {
      height: 8em;
      width: 8em;
    }
  }
  @media screen and (max-width: 500px) {
    .handle-preloader .animation-preloader .spinner {
      height: 7em;
      width: 7em;
    }
    .handle-preloader .animation-preloader .txt-loading .letters-loading {font-size: 40px; letter-spacing: 10px;}
  }


  /* scroll to top */

  .scroll-to-top {
    position: fixed;
    left: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    box-shadow: inset 0 0 0 2px var(--elitecons-bdr-color);
    border-radius: 50%;
    z-index: 90000;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
  }

  .scroll-to-top.scroll-top-active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-bottom:10px;
  }

  .scroll-to-top::after {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    text-align: center;
    line-height: 46px;
    font-size: 16px;
    font-weight: 700;
    color: var(--elitecons-base);
    right: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
  }

  .scroll-to-top:hover::after {
    color: var(--elitecons-base)
  }

  .scroll-to-top:hover::before {
    opacity: 1
  }

  .scroll-to-top .scroll-top-inner path {
    stroke: var(--elitecons-base);
    stroke-width: 4;
    fill: transparent;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
  }

  .rolling-text {
    display: inline-block;
    overflow: hidden;
    line-height: 30px;
    height: 30px;
  }

  .rolling-text.butn {
    padding: 0 35px;
  }

  .rolling-text:hover .letter,
  .rolling-text.play .letter {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  .rolling-text .letter {
    display: inline-block;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    -o-transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
  }

  .letter:nth-child(1) {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }

  .letter:nth-child(2) {
    -webkit-transition-delay: 0.015s;
    -o-transition-delay: 0.015s;
    transition-delay: 0.015s;
  }

  .letter:nth-child(3) {
    -webkit-transition-delay: 0.03s;
    -o-transition-delay: 0.03s;
    transition-delay: 0.03s;
  }

  .letter:nth-child(4) {
    -webkit-transition-delay: 0.045s;
    -o-transition-delay: 0.045s;
    transition-delay: 0.045s;
  }

  .letter:nth-child(5) {
    -webkit-transition-delay: 0.06s;
    -o-transition-delay: 0.06s;
    transition-delay: 0.06s;
  }

  .letter:nth-child(6) {
    -webkit-transition-delay: 0.075s;
    -o-transition-delay: 0.075s;
    transition-delay: 0.075s;
  }

  .letter:nth-child(7) {
    -webkit-transition-delay: 0.09s;
    -o-transition-delay: 0.09s;
    transition-delay: 0.09s;
  }

  .letter:nth-child(8) {
    -webkit-transition-delay: 0.105s;
    -o-transition-delay: 0.105s;
    transition-delay: 0.105s;
  }

  .letter:nth-child(9) {
    -webkit-transition-delay: 0.12s;
    -o-transition-delay: 0.12s;
    transition-delay: 0.12s;
  }

  .letter:nth-child(10) {
    -webkit-transition-delay: 0.135s;
    -o-transition-delay: 0.135s;
    transition-delay: 0.135s;
  }

  .letter:nth-child(11) {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }

  .letter:nth-child(12) {
    -webkit-transition-delay: 0.165s;
    -o-transition-delay: 0.165s;
    transition-delay: 0.165s;
  }

  .letter:nth-child(13) {
    -webkit-transition-delay: 0.18s;
    -o-transition-delay: 0.18s;
    transition-delay: 0.18s;
  }

  .letter:nth-child(14) {
    -webkit-transition-delay: 0.195s;
    -o-transition-delay: 0.195s;
    transition-delay: 0.195s;
  }

  .letter:nth-child(15) {
    -webkit-transition-delay: 0.21s;
    -o-transition-delay: 0.21s;
    transition-delay: 0.21s;
  }

  .letter:nth-child(16) {
    -webkit-transition-delay: 0.225s;
    -o-transition-delay: 0.225s;
    transition-delay: 0.225s;
  }

  .letter:nth-child(17) {
    -webkit-transition-delay: 0.24s;
    -o-transition-delay: 0.24s;
    transition-delay: 0.24s;
  }

  .letter:nth-child(18) {
    -webkit-transition-delay: 0.255s;
    -o-transition-delay: 0.255s;
    transition-delay: 0.255s;
  }

  .letter:nth-child(19) {
    -webkit-transition-delay: 0.27s;
    -o-transition-delay: 0.27s;
    transition-delay: 0.27s;
  }

  .letter:nth-child(20) {
    -webkit-transition-delay: 0.285s;
    -o-transition-delay: 0.285s;
    transition-delay: 0.285s;
  }

  .letter:nth-child(21) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }


  /** xs sidebar **/
  .xs-sidebar-group .xs-overlay {
    right: 0%;
    top: 0;
    position: fixed;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all .4s ease-in .8s;
    -o-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
    cursor: url(../images/icon/cross-out.png),
      pointer;
    z-index: 999;
  }

  .xs-sidebar-group.isActive .xs-overlay {
    opacity: .8;
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    left: 100%;
  }

  .xs-sidebar-group .widget-heading {
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px;
  }

  .xs-sidebar-group .widget-heading a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .xs-sidebar-group .widget-heading a:hover {
    color: var(--elitecons-base);
    border-color: var(--elitecons-base);
  }

  .xs-sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: hidden;
    opacity: 0;
  }

  .xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0;
    background-color: var(--elitecons-black);
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
  }

  .sidebar-textwidget {
    padding: 70px 30px;
  }

  .sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in .3s;
    -o-transition: all .3s ease-in .3s;
    transition: all .3s ease-in .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    -o-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .xs-overlay {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: .8;
    z-index: 0;
  }

  .xs-bg-black {
    background-color: #000000;
  }

  .xs-sidebar-group .content-inner .logo {
    position: relative;
    max-width: 172px;
    width: 100%;
    margin-bottom: 30px;
  }

  .xs-sidebar-group .content-inner h4 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
  }

  .xs-sidebar-group .content-inner .content-box {
    margin-bottom: 30px;
    padding-left: 15px;
  }

  .xs-sidebar-group .content-inner .content-box p {
    color: #ffffff;
  }

  .xs-sidebar-group .content-inner .form-inner .form-group {
    position: relative;
    margin-bottom: 20px;
  }

  .xs-sidebar-group .content-inner .form-inner .form-group:last-child {
    margin-bottom: 0px;
  }

  .xs-sidebar-group .content-inner .form-inner .form-group input[type='text'],
  .xs-sidebar-group .content-inner .form-inner .form-group input[type='email'],
  .xs-sidebar-group .content-inner .form-inner .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    font-size: 15px;
    padding: 10px 20px;
    color: #848484;
    border: none;
    outline: none;
    transition: all 500ms ease;
  }

  .xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn {
    border: none;
    outline: none;
    background-color: var(--elitecons-white);
    color: var(--elitecons-black);
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 45px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:hover {
    color: var(--elitecons-white);
  }

  .xs-sidebar-group .content-inner .form-inner .form-group .form-inner__btn:before {
    background-color: var(--elitecons-base);
  }

  .xs-sidebar-group .content-inner .form-inner .form-group textarea {
    resize: none;
    height: 120px;
  }

  .xs-sidebar-group .content-inner .form-inner .form-group input:focus,
  .xs-sidebar-group .content-inner .form-inner .form-group textarea:focus {
    border-color: #00224f;
  }


  /*--------------------------------------------------------------
  # Navigations One
  --------------------------------------------------------------*/
  .main-header {
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    transition: all 500ms ease;
    z-index: 999;
  }



  .main-menu {
    position: relative;
    display: block;
    z-index: 1;
  }

  .main-menu__wrapper {
    position: relative;
    display: block;
    z-index: 1;
  }

  .main-menu__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 70px;
    z-index: 1;
  }

  .main-menu__left {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .main-menu__logo {
    position: relative;
    display: block;
    padding: 20px 0;
    z-index: 1;
  }

  .main-menu__logo a {
    position: relative;
    display: block;
  }

  .main-menu__right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .main-menu__menu-box-and-call-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 60px;
  }

  .main-menu__menu-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
  }

  .main-menu__main-menu-box {
    position: relative;
    display: block;
  }

  .main-menu__search-box {
    position: relative;
    display: block;
  }

  .main-menu__search {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--elitecons-base);
  }

  .main-menu__search:hover {
    color: var(--elitecons-black);
  }

  .main-menu__call {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--elitecons-base);
    padding: 22.5px 40px 22.5px;
    z-index: 1;
  }

  .main-menu__call-icon {
    position: relative;
    display: flex;
  }

  .main-menu__call-icon img {
    width: auto;
  }

  .main-menu__call-number {
    margin-right: 15px;
  }

  .main-menu__call-number h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 10px;
  }

  .main-menu__call-number h5 a {
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .main-menu__call-number a:hover {
    color: var(--elitecons-black);
  }

  .main-menu__call-number p {
    font-size: 16px;
    margin: 0;
    line-height: 16px;
    color: var(--elitecons-white);
  }




  .stricky-header.main-menu {
    background-color: var(--elitecons-white);
  }

  .main-menu .main-menu__list,
  .main-menu .main-menu__list>li>ul,
  .main-menu .main-menu__list>li>ul>li>ul,
  .stricky-header .main-menu__list,
  .stricky-header .main-menu__list>li>ul,
  .stricky-header .main-menu__list>li>ul>li>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
  }



  @media (min-width: 1200px) {

    .main-menu .main-menu__list,
    .main-menu .main-menu__list>li>ul,
    .main-menu .main-menu__list>li>ul>li>ul,
    .stricky-header .main-menu__list,
    .stricky-header .main-menu__list>li>ul,
    .stricky-header .main-menu__list>li>ul>li>ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .header_style_one .main-menu__wrapper-inner {
      gap: 30px;
    }
    .header_style_one .main-menu__right {
        flex-grow: 1;
        justify-content: space-between;
    }
    .header_style_one .main-menu__menu-box-and-call-box {
        flex-grow: 1;
        justify-content: space-between;
    }
    .header_style_one .main-menu__menu-box {
        flex-grow: 1;
        justify-content: center;
        padding-right: 50px;
    }
    .header_style_one .main-menu__main-menu-box {
        flex-grow: 1;
    }
    .header_style_one .main-menu .main-menu__list,
    .header_style_one .main-menu .main-menu__list>li>ul,
    .header_style_one .main-menu .main-menu__list>li>ul>li>ul,
    .stricky-header.header_style_one .main-menu__list,
    .stricky-header.header_style_one .main-menu__list>li>ul,
    .stricky-header.header_style_one .main-menu__list>li>ul>li>ul {
        justify-content: space-between;
    }
    .header_style_one .main-menu .main-menu__list>li,
    .stricky-header.header_style_one .main-menu__list>li {
        border-right: 1px solid var(--elitecons-bdr-color);
        width: 17%;
        margin: 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .header_style_one .main-menu .main-menu__list>li>a,
    .stricky-header.header_style_one .main-menu__list>li>a {
        justify-content: center;
        flex-grow: 0;
    }
    .stricky-header.header_style_one .main-menu__list>li {
      padding-top: 25px;
      padding-bottom: 25px;
    }
    .stricky-header.header_style_one .main-menu__call {
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .stricky-header.header_style_one .main-menu__logo {
        padding: 10px 0;
    }
  }

  .main-menu .main-menu__list>li,
  .stricky-header .main-menu__list>li {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }

  .main-menu .main-menu__list>li+li,
  .stricky-header .main-menu__list>li+li {
    margin-right: 45px;
  }

  .main-menu .main-menu__list>li>a,
  .stricky-header .main-menu__list>li>a {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--elitecons-base);
    font-weight: 400;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .main-menu .main-menu__list>li.dropdown>a {
    padding-left: 16px;
  }

  .main-menu .main-menu__list>li.dropdown>a:after {
    position: absolute;
    top: 52%;
    left: 0;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-size: 14px;
    color: var(--elitecons-black);
    transform: translateY(-50%);
    font-weight: 700;
    z-index: 1;
  }

  .main-menu .main-menu__list>li.current>a::after,
  .main-menu .main-menu__list>li:hover>a::after,
  .stricky-header .main-menu__list>li.current>a::after,
  .stricky-header .main-menu__list>li:hover>a::after {
    color: var(--elitecons-base);
  }

  .main-menu .main-menu__list>li.current>a,
  .main-menu .main-menu__list>li:hover>a,
  .stricky-header .main-menu__list>li.current>a,
  .stricky-header .main-menu__list>li:hover>a {
    color: var(--elitecons-black);
  }

  .main-menu .main-menu__list>li>ul,
  .main-menu .main-menu__list>li>ul>li>ul,
  .stricky-header .main-menu__list>li>ul,
  .stricky-header .main-menu__list>li>ul>li>ul {
    position: absolute;
    top: 100%;
    right: -19;
    min-width: 250px;
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0) translateZ(100px);
    transform: scaleY(0) translateZ(100px);
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
  }

  /* .main-menu .main-menu__list>li>ul>li>ul>li>ul,
  .stricky-header .main-menu__list>li>ul>li>ul>li>ul {
    display: none;
  } */

  .main-menu .main-menu__list>li:hover>ul,
  .main-menu .main-menu__list>li>ul>li:hover>ul,
  .stricky-header .main-menu__list>li:hover>ul,
  .stricky-header .main-menu__list>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1) translateZ(0px);
    transform: scaleY(1) translateZ(0px);
    right: -19;
  }

  .main-menu .main-menu__list>li>ul>li,
  .main-menu .main-menu__list>li>ul>li>ul>li,
  .stricky-header .main-menu__list>li>ul>li,
  .stricky-header .main-menu__list>li>ul>li>ul>li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    position: relative;
  }

  .main-menu .main-menu__list>li>ul>li:last-child,
  .main-menu .main-menu__list>li>ul>li>ul>li:last-child,
  .stricky-header .main-menu__list>li>ul>li:last-child,
  .stricky-header .main-menu__list>li>ul>li>ul>li:last-child {
    border-bottom: 0;
  }

  .main-menu .main-menu__list>li>ul>li+li,
  .main-menu .main-menu__list>li>ul>li>ul>li+li,
  .stricky-header .main-menu__list>li>ul>li+li,
  .stricky-header .main-menu__list>li>ul>li>ul>li+li {
    border-top: none;
    margin-top: 0px;
  }

  .main-menu .main-menu__list>li>ul>li>a,
  .main-menu .main-menu__list>li>ul>li>ul>li>a,
  .stricky-header .main-menu__list>li>ul>li>a,
  .stricky-header .main-menu__list>li>ul>li>ul>li>a {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    color: var(--elitecons-black);
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px 8px;
    -webkit-transition: 500ms;
    transition: 500ms;
  }

  .main-menu .main-menu__list>li>ul>li:hover>a,
  .main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
  .stricky-header .main-menu__list>li>ul>li:hover>a,
  .stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
    background-color: var(--elitecons-base);
    color: var(--elitecons-white);
    padding-right: 20px;
  }

  .main-menu .main-menu__list>li>ul>li>ul,
  .stricky-header .main-menu__list>li>ul>li>ul {
    top: 0;
    right: 100%;
  }

  .main-menu .main-menu__list li ul li>ul.right-align,
  .stricky-header .main-menu__list li ul li>ul.right-align {
    top: 0;
    right: auto;
    left: 100%;
  }


  .stricky-header {
    position: fixed;
    z-index: 991;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 100%;
    visibility: hidden;
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
    transition: visibility 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, visibility 500ms ease;
    transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  }

  /* @media (max-width: 1199px) {
    .stricky-header {
      display: none !important;
    }
  } */

  .stricky-header.stricky-fixed {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
  }

  .stricky-header .main-menu__inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
  }

  .mobile-nav__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: 10px;
  }

  @media (min-width: 1200px) {
    .mobile-nav__buttons {
      display: none;
    }
  }

  .mobile-nav__buttons a {
    font-size: 20px;
    color: var(--elitecons-base);
    cursor: pointer;
  }

  .mobile-nav__buttons a+a {
    margin-right: 10px;
  }

  .mobile-nav__buttons a:hover {
    color: var(--elitecons-base);
  }

  .main-menu .mobile-nav__toggler {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--elitecons-base);
    cursor: pointer;
    -webkit-transition: 500ms;
    transition: 500ms;
  }

  .main-menu .mobile-nav__toggler:hover {
    color: var(--elitecons-black);
  }

  @media (min-width: 1200px) {
    .main-menu .mobile-nav__toggler {
      display: none;
    }
  }

  /*--------------------------------------------------------------
  # Mobile Nav
  --------------------------------------------------------------*/
  .mobile-nav__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    visibility: hidden;
    direction: rtl;
  }

  .mobile-nav__wrapper .container {
    padding-right: 0;
    padding-left: 0;
  }

  .mobile-nav__wrapper.expanded {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    direction: rtl;
  }

  .mobile-nav__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.5;
    cursor: pointer;
  }

  .mobile-nav__content {
    width: 300px;
    background-color: var(--elitecons-sec-gray);
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
  }

  .mobile-nav__wrapper.expanded .mobile-nav__content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    direction: rtl;
  }

  .mobile-nav__content .logo-box {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .mobile-nav__close {
    position: absolute;
    top: 20px;
    left: 15px;
    font-size: 18px;
    color: var(--elitecons-white);
    cursor: pointer;
  }

  .mobile-nav__content .main-menu__list,
  .mobile-nav__content .main-menu__list>li>ul,
  .mobile-nav__content .main-menu__list>li>ul>li>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }

  .mobile-nav__content .main-menu__list>li>ul,
  .mobile-nav__content .main-menu__list>li>ul>li>ul {
    display: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 0.5em;
  }

  .mobile-nav__content .main-menu__list>li:not(:last-child),
  .mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
  .mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .mobile-nav__content .main-menu__list>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child){
    justify-content: right;
    display: flex;
  }
  .mobile-nav__content .main-menu__list>li>a{
    justify-content: right !important;
    padding-right: 0px !important;
  }
  .mobile-nav__content .main-menu__list>li>a>.main-menu-border {
    display: none !important;
  }

  .mobile-nav__content .main-menu__list>li>a,
  .mobile-nav__content .main-menu__list>li>ul>li>a,
  .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
    padding-left: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 30px;
    color: #ffffff;
    font-size: 14px;
    font-family: var(--elitecons-font);
    font-weight: 500;
    height: 46px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 500ms;
    transition: 500ms;
  }

  .mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
    color: var(--elitecons-base);
  }

  .mobile-nav__content .main-menu__list li a.expanded {
    color: var(--elitecons-base);
  }

  .mobile-nav__content .main-menu__list>li>a>button,
  .mobile-nav__content .main-menu__list>li>ul>li>a>button,
  .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
    width: 30px;
    height: 30px;
    background-color: var(--elitecons-base);
    border: none;
    outline: none;
    color: #fff;
    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;
    text-align: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    padding: 0;
    border-radius: .5rem;
  }

  .mobile-nav__content .main-menu__list>li>a>button.expanded,
  .mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,
  .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-color: #fff;
    color: var(--elitecons-base);
  }

  /* no menu after 2rd level dropdown */
  .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,
  .mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
    display: none !important;
  }

  .mobile-nav__content .main-menu__list li.cart-btn span {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .mobile-nav__content .main-menu__list li.cart-btn i {
    font-size: 16px;
  }

  .mobile-nav__top {
    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-bottom: 30px;
  }

  .mobile-nav__top .main-menu__login a {
    color: var(--elitecons-text-dark);
  }

  .mobile-nav__container {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .mobile-nav__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mobile-nav__social a {
    font-size: 16px;
    color: var(--elitecons-white);
    -webkit-transition: 500ms;
    transition: 500ms;
  }

  .mobile-nav__social a+a {
    margin-right: 30px;
  }

  .mobile-nav__social a:hover {
    color: var(--elitecons-base);
  }

  .mobile-nav__contact {
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mobile-nav__contact li {
    color: var(--elitecons-text-dark);
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mobile-nav__contact li+li {
    margin-top: 15px;
  }

  .mobile-nav__contact li a {
    color: #ffffff;
    -webkit-transition: 500ms;
    transition: 500ms;
  }

  .mobile-nav__contact li a:hover {
    color: var(--elitecons-base);
  }

  .mobile-nav__contact li>i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--elitecons-base);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 11px;
    margin-left: 10px;
    color: #fff;
  }

  .mobile-nav__container .main-logo,
  .mobile-nav__container .topbar__buttons,
  .mobile-nav__container .main-menu__language,
  .mobile-nav__container .main-menu__login {
    display: none;
  }

  /*--------------------------------------------------------------
  # Navigations Two
  --------------------------------------------------------------*/
  .main-header-two {
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    transition: all 500ms ease;
    z-index: 999;
  }

  .main-header-two__wrap {
    position: relative;
    display: block;
    padding-right: 300px;
    z-index: 1;
  }

  .main-header-two__logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
  }

  .main-header-two__logo a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--elitecons-base);
    padding: 35px 71.5px;
  }

  .main-header-two__top {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
  }

  .main-header-two__top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 60px 10px;
    padding-left: 30px;
  }

  .main-header-two__contact-list {
    position: relative;
    display: flex;
    align-items: center;
  }

  .main-header-two__contact-list li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .main-header-two__contact-list li+li {
    margin-right: 60px;
  }

  .main-header-two__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
  }

  .main-header-two__contact-list li .icon i {
    font-size: 16px;
    color: var(--elitecons-base);
  }

  .main-header-two__contact-list li .text {
    margin-right: 10px;
  }

  .main-header-two__contact-list li .text p {
    font-size: 16px;
    color: var(--elitecons-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .main-header-two__contact-list li .text p a {
    color: var(--elitecons-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .main-header-two__contact-list li:hover .text p {
    color: var(--elitecons-base);
    opacity: 1;
  }

  .main-header-two__contact-list li:hover .text p a {
    color: var(--elitecons-base);
    opacity: 1;
  }

  .main-header-two__top-right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .main-header-two__social-box {
    position: relative;
    display: block;
    z-index: 1;
  }

  .main-header-two__social-box-inner {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
  }

  .main-header-two__social-box-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: var(--elitecons-black);
  }

  .main-header-two__social {
    position: relative;
    display: flex;
    align-items: center;
  }

  .main-header-two__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--elitecons-black);
    overflow: hidden;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 1;
  }

  .main-header-two__social a:hover {
    color: var(--elitecons-base);
  }

  .main-header-two__social a+a {
    margin-right: 25px;
  }



  .main-menu-two__wrapper {
    position: relative;
    display: block;
    z-index: 1;
  }

  .main-menu-two__wrapper-inner {
    position: relative;
    display: block;
    z-index: 1;
  }

  .main-menu-two__left {
    position: relative;
    display: block;
  }

  .main-menu-two__logo {
    position: relative;
    display: block;
  }

  .main-menu-two__menu-box-and-btn-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--elitecons-primary);
    padding-right: 60px;
    padding-left: 30px;
  }

  .main-menu-two__menu-box {
    position: relative;
    display: block;
  }

  .main-menu-two__main-menu-box {
    position: relative;
    display: block;
  }

  .main-menu-two__btn-box {
    position: relative;
    display: block;
    padding: 10px 0 10px;
  }

  .stricky-header.main-menu-two {
    background-color: var(--elitecons-white);
  }

  .stricky-header .main-menu-two__menu-box-and-btn-box {
    padding-left: 60px;
  }

  .main-menu-two .main-menu__list>li+li,
  .stricky-header.main-menu-two .main-menu__list>li+li {
    margin-right: 45px;
  }

  .main-menu-two .main-menu__list>li,
  .stricky-header.main-menu-two .main-menu__list>li {
    padding-top: 25px;
    padding-bottom: 25px;
  }


  /*--------------------------------------------------------------
  # Navigations Three
  --------------------------------------------------------------*/
  .main-header-three {
    background: transparent;
    position: absolute;
    right: 0px;
    top: 30px;
    left: 0;
    width: 100%;
    transition: all 500ms ease;
    z-index: 999;
    direction: rtl;
  }

  .main-menu-three__wrapper {
    position: relative;
    display: block;
    z-index: 1;
  }

  .main-menu-three__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--elitecons-white);
    padding: 0 270px;
    z-index: 1;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    border-radius: 0.5rem;
    direction: rtl;
  }

  .main-menu-three__left {
    position: relative;
    display: block;
  }

  .main-menu-three__logo {
    position: relative;
    display: block;
    padding: 20px 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    z-index: 1;
  }

  .main-menu-three__logo a img{
          max-width: 200px;
      /* padding-bottom: 15px; */
  }

  .main-menu-three__main-menu-box {
    position: relative;
    display: block;
  }

  .main-menu-three__right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
    direction: rtl;
  }

  .stricky-header.main-menu-three {
    background-color: transparent;
    box-shadow: none;
    direction: rtl;
  }


  /*--------------------------------------------------------------
  # Navigations Four
  --------------------------------------------------------------*/
  .main-header-four {
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    transition: all 500ms ease;
    z-index: 999;
    direction: rtl;
  }

  .main-header-four__top {
    position: relative;
    display: block;
    /* border-bottom: 1px solid var(--elitecons-white); */
    /* padding: 14.5px 0; */
    padding-right: 20rem;
    padding-left: 20rem;
  }

  /* .main-header-four__top .container {
    max-width: 1330px;
  } */

  .main-header-four__top .container{
      /* padding: 12px 15px 15px; */
      background: linear-gradient(8deg, #48add3 0%, #05569a 100%);
      border-radius: 8px;
      border: 2px #48add3  solid;

  }

  .main-header-four__top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .main-header-four__social {
    position: relative;
    display: flex;
    align-items: center;
  }

  .main-header-four__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--elitecons-white);
    overflow: hidden;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    z-index: 1;
  }

  .main-header-four__social a:hover {
    color: var(--elitecons-white);
  }

  .main-header-four__social a+a {
    margin-right: 25px;
  }

  .main-header-four__contact-list {
    position: relative;
    display: flex;
    align-items: center;
  }

  .main-header-four__contact-list li {
    position: relative;
    display: flex;
    align-items: center;
    direction: ltr;
  }

  .main-header-four__contact-list li+li {
    margin-right: 30px;
  }

  .main-header-four__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
  }

  .main-header-four__contact-list li .icon i {
    font-size: 16px;
    color: var(--elitecons-black);
  }

  .main-header-four__contact-list li .text {
    margin-right: 10px;
  }

  .main-header-four__contact-list li .text p {
    font-size: 15px;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 5px;
  }

  .main-header-four__contact-list li .text p a {
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-weight: 400;

  }

  .main-slider-three .swiper-container .swiper-wrapper .swiper-slide .container .row{
    padding-right: 2rem;
  }
  /* .main-header-four__contact-list li:hover .text p {
   color: var(--elitecons-white);
    opacity: 1;
  }

  .main-header-four__contact-list li:hover .text p a {
    color: var(--elitecons-black);
    opacity: 1;
  } */

  .main-menu-four__wrapper {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
    direction: rtl;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }

  /* .main-menu-four__wrapper .container {
    max-width: 1330px;
  } */

  .main-menu-four__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .main-menu-four__left {
    position: relative;
    display: block;
  }

  .main-menu-four__logo {
    position: relative;
    display: block;
    padding: 20px 0;
  }

  .main-menu-four__main-menu-box {
    position: relative;
    display: block;
  }

  .main-menu-four__right {
    position: relative;
    display: block;
  }

  .main-menu-four__btn-box {
    position: relative;
    display: block;
    padding: 20px 0;
  }

  .main-menu-four__btn {
    background-color: #E83F25;
    border: 1px solid #E83F25;
    color: #ffffff;
    padding: 7px 9px 7px;
    border-radius: 12px;
}
  /* .main-menu-four__btn {
    background-color: transparent;
    border: 1px solid var(--elitecons-base);
    color: var(--elitecons-black);
    padding: 7px 9px 7px;
    border-radius: 12px;
  } */

  .main-menu-four__btn:hover {
    border: 1px solid var(--elitecons-black);
    border-radius: 10px;
  }

  /*--------------------------------------------------------------
  # Navigations Five
  --------------------------------------------------------------*/
  .main-header-five {
    background: transparent;
    position: relative;
    display: block;
    width: 100%;
    transition: all 500ms ease;
    z-index: 999;
  }

  .main-menu-five__wrapper {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    border-bottom: 1px solid var(--elitecons-bdr-color);
  }

  .main-menu-five__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .main-menu-five__left {
    position: relative;
    display: block;
  }

  .main-menu-five__logo {
    position: relative;
    display: block;
    padding: 20px 0;
  }

  .main-menu-five__main-menu-box {
    position: relative;
    display: block;
  }

  .main-menu-five__right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 35px;
  }

  .main-menu-five__search-box {
    position: relative;
    display: block;
  }

  .main-menu-five__search {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: var(--elitecons-black);
  }

  .main-menu-five__search:hover {
    color: var(--elitecons-base);
  }

  .main-menu-five__btn-box {
    position: relative;
    display: block;
    padding: 20px 0;
  }

  .main-menu-five__btn {
    background-color: transparent;
    border: 1px solid var(--elitecons-base);
    color: var(--elitecons-base);
    padding: 15px 30px 13px;
  }

  .main-menu-five__btn:hover {
    border: 1px solid var(--elitecons-black);
  }

  .main-menu-five .main-menu__list>li,
  .stricky-header.main-menu-five .main-menu__list>li {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /*--------------------------------------------------------------
  # Navigations Six
  --------------------------------------------------------------*/
  .main-header-six {
    background: transparent;
    position: absolute;
    right: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    transition: all 500ms ease;
    z-index: 999;
  }

  .main-menu-six__wrapper {
    position: relative;
    display: block;
    z-index: 1;
  }

  .main-menu-six__wrapper-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 1;
  }

  .main-menu-six__left {
    position: relative;
    display: block;
  }

  .main-menu-six__logo {
    position: relative;
    display: block;
    padding: 20px 0;
    z-index: 1;
  }

  .main-menu-six__main-menu-box {
    position: relative;
    display: block;
  }

  .main-menu-six__right {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .main-menu-six__call {
    position: relative;
    display: flex;
    align-items: center;
    padding: 22.5px 0;
    z-index: 1;
  }

  .main-menu-six__call-icon {
    position: relative;
    display: flex;
  }

  .main-menu-six__call-icon img {
    width: auto;
  }

  .main-menu-six__call-number {
    margin-right: 15px;
  }

  .main-menu-six__call-number h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 10px;
  }

  .main-menu-six__call-number h5 a {
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .main-menu-six__call-number a:hover {
    color: var(--elitecons-base);
  }

  .main-menu-six__call-number p {
    font-size: 16px;
    margin: 0;
    line-height: 16px;
    color: var(--elitecons-white);
  }

  .main-menu-six .main-menu__list>li>a,
  .stricky-header.main-menu-six .main-menu__list>li>a {
    color: var(--elitecons-white);
  }

  .main-menu-six .main-menu__list>li.current>a,
  .main-menu-six .main-menu__list>li:hover>a,
  .stricky-header.main-menu-six .main-menu__list>li.current>a,
  .stricky-header.main-menu-six .main-menu__list>li:hover>a {
    color: var(--elitecons-base);
  }

  .main-menu-six .main-menu__list>li.dropdown>a:after {
    color: var(--elitecons-white);
  }

  .main-menu-six .main-menu__list>li.current>a::after,
  .main-menu-six .main-menu__list>li:hover>a::after,
  .stricky-header.main-menu-six .main-menu__list>li.current>a::after,
  .stricky-header.main-menu-six .main-menu__list>li:hover>a::after {
    color: var(--elitecons-base);
  }


  .stricky-header.main-menu-six {
    background-color: var(--elitecons-black);
  }






  /*--------------------------------------------------------------
  # Search Popup
  --------------------------------------------------------------*/
  .search-popup {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    padding-right: 20px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
  }

  .search-popup.active {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }

  .search-popup__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--elitecons-black);
    opacity: 0.75;
    cursor: pointer;
  }

  .search-popup__content {
    width: 100%;
    max-width: 560px;
  }

  .search-popup__content form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background-color: #fff;
    border-radius: 0;
    overflow: hidden;
  }

  .search-popup__content form input[type="search"],
  .search-popup__content form input[type="text"] {
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    border: none;
    outline: none;
    height: 66px;
    padding-right: 30px;
  }

  .search-popup__content .thm-btn {
    padding: 0;
    width: 68px;
    height: 68px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: -1px;
    border-radius: 0;
    background-color: var(--elitecons-base);
    border: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 0.5rem;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }

  .search-popup__content .thm-btn:after {
    background-color: var(--elitecons-black);
    border-radius: 0;
    transform: skew(-21deg);
  border-radius: 1rem;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }

  .search-popup__content .thm-btn i {
    height: auto;
    width: auto;
    background-color: transparent;
    border-radius: 50%;
    color: var(--elitecons-white);
    font-size: 22px;
    line-height: inherit;
    text-align: center;
    top: 0;
    margin-left: 0;
    padding-right: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
   border-radius: 0.5rem;
   box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }

  .search-popup__content .thm-btn:hover i {
    color: var(--elitecons-white);
      border-radius: 0.5rem;
      box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }


  /*--------------------------------------------------------------
  # Main Slider
  --------------------------------------------------------------*/
  .main-slider {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    z-index: 91;
  }

  .main-slider .swiper-slide {
    position: relative;
    background-color: var(--elitecons-black);
  }

  .main-slider__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    z-index: -1;
  }

  .main-slider__bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(var(--elitecons-black-rgb), .50);
  }

  .main-slider .swiper-slide-active .main-slider__bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .main-slider__shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 560px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
  }

  .main-slider__img {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: translateX(-300px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 2;
  }

  .main-slider .swiper-slide-active .main-slider__img {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition-delay: 2500ms;
    -moz-transition-delay: 2500ms;
    -ms-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    transition-delay: 2500ms;
  }

  .main-slider__img img {
    width: auto;
  }

  .main-slider .container {
    position: relative;
    padding-top: 135px;
    padding-bottom: 135px;
    z-index: 30;
  }

  .main-slider__content {
    position: relative;
    display: block;
    text-align: right;
    margin-right: -80px;
    max-width: 740px;
    width: 100%;
    background-color: #09316F;
    padding: 77px 80px 80px;
    overflow: hidden;
    z-index: 15;
  }

  .main-slider__sub-title-box {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-120px);
    transform: perspective(400px) rotateX(0deg) translateY(-120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider__sub-title {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: var(--elitecons-white);
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
  }

  .main-slider__sub-title-shape {
    position: relative;
    display: inline-block;
    width: 73px;
    height: 1px;
    background-color: var(--elitecons-white);
  }

  .main-slider .swiper-slide-active .main-slider__sub-title-box {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
  }

  .main-slider__title {
    position: relative;
    font-size: 80px;
    color: var(--elitecons-white);
    font-weight: 900;
    line-height: 80px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 31px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider .swiper-slide-active .main-slider__title {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
  }

  .main-slider__text {
    font-size: 20px;
    color: rgba(var(--elitecons-white-rgb), 1);
    font-weight: 400;
    line-height: 30px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(120px);
    transform: perspective(400px) rotateY(0deg) translateY(120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider .swiper-slide-active .main-slider__text {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
  }

  .main-slider__btn-and-video-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 46px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider .swiper-slide-active .main-slider__btn-and-video-box {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
  }

  .main-slider__btn-box {
    position: relative;
    display: block;
  }

  .main-slider__video-link {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 30px;
  }

  .main-slider__video-icon {
    position: relative;
    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;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: var(--elitecons-base);
    background-color: transparent;
    border-radius: 0;
    border: 1px solid var(--elitecons-white);
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  }

  .main-slider__video-icon:hover {
    background-color: var(--elitecons-white);
    color: var(--elitecons-base);
  }

  .main-slider__video-link .ripple,
  .main-slider__video-icon .ripple:before,
  .main-slider__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 60px;
    height: 60px;
    border-radius: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
  }

  .main-slider__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
  }

  .main-slider__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
  }

  .main-slider__video-text {
    position: relative;
    display: block;
    font-size: 26px;
    color: var(--elitecons-white);
    line-height: 18px;
    font-weight: 700;
    margin-right: 20px;
  }


  .main-slider__nav {
    position: absolute;
    bottom: 72px;
    right: 250px;
    z-index: 100;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    max-width: 590px;
    width: 100%;
    padding: 0 15px;
    height: 0;
    line-height: 0;
    margin-right: auto;
  }

  .main-slider__nav:before {
    content: "";
    position: absolute;
    top: 0;
    right: 84px;
    left: 84px;
    height: 1px;
    background-color: var(--elitecons-base);
  }

  .main-slider__nav .swiper-button-next span {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: rgba(var(--elitecons-black-rgb), .90);
    text-transform: uppercase;
    transition: all 500ms ease;
  }

  .main-slider__nav .swiper-button-next:hover span {
    color: rgba(var(--elitecons-base-rgb), 1);
  }


  .main-slider__nav .swiper-button-next,
  .main-slider__nav .swiper-button-prev {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    color: rgba(var(--elitecons-black-rgb), 1);
    margin: 0;
    text-align: center;
    transition: all 500ms ease;
  }

  .main-slider__nav .swiper-button-next:hover,
  .main-slider__nav .swiper-button-prev:hover {
    color: rgba(var(--elitecons-base-rgb), 1);
  }

  .main-slider__nav .swiper-button-next::after,
  .main-slider__nav .swiper-button-prev::after {
    display: none;
  }


  #main-slider-pagination {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: row;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 95%;
    transform: translateY(-50%);
    padding: 0 50px;
    margin: 0 auto !important;
    height: 0;
    line-height: 0;
    z-index: 100;
    direction: rtl;
  }

  #main-slider-pagination .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px 0;
    margin: 12.5px 0px;
    background: var(--elitecons-primary);
    opacity: 1;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    margin: 0px 9px;
  }

  #main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--elitecons-black);
    opacity: 1;
  }

  #main-slider-pagination .swiper-pagination-bullet::before {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border: 1px solid var(--elitecons-base);
    border-radius: 50%;
    transform: scale(0);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    content: "";
  }

  #main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
  #main-slider-pagination .swiper-pagination-bullet:hover {
    transform: scale(1.0);
  }

  /*--------------------------------------------------------------
  # Main Slider Two
  --------------------------------------------------------------*/
  .main-slider-two {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    z-index: 91;
  }

  .main-slider-two .swiper-slide {
    position: relative;
    background-color: var(--elitecons-black);
  }

  .main-slider-two__shape-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 960px;
    background-color: var(--elitecons-base);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 45% 100%);
    z-index: -1;
  }

  .main-slider-two__shape-2 {
    position: absolute;
    top: -100px;
    bottom: -100px;
    left: 784px;
    width: 60px;
    background-color: #09316F;
    transform: rotate(30deg);
  }

  .main-slider-two__shape-2:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    left: 0;
    background-color: var(--elitecons-base);
    height: 340px;
    clip-path: polygon(0 0, 100% 9%, 100% 100%, 0% 100%);
  }

  .main-slider-two__shape-3 {
    position: absolute;
    top: -100px;
    bottom: -100px;
    left: 884px;
    width: 60px;
    background-color: #09316F;
    transform: rotate(30deg);
  }

  .main-slider-two__shape-3:before {
    position: absolute;
    content: "";
    bottom: -5px;
    right: 0;
    left: 0;
    background-color: var(--elitecons-base);
    height: 340px;
    clip-path: polygon(0 0, 100% 9%, 100% 100%, 0% 100%);
  }

  .main-slider-two__shape-4 {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .main-slider-two__shape-4 img {
    width: auto;
  }

  .main-slider-two__shape-5 {
    position: absolute;
    bottom: -30px;
    right: 0;
  }

  .main-slider-two__shape-5 img {
    width: auto;
  }

  .main-slider-two__shape-6 {
    position: absolute;
    bottom: -30px;
    right: 0;
    opacity: .10;
    z-index: -1;
  }

  .main-slider-two__shape-6 img {
    width: auto;
  }

  .main-slider-two__img {
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 45% 100%);
    opacity: 0;
    transform: translateX(-300px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 2;
  }

  .main-slider-two .swiper-slide-active .main-slider-two__img {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition-delay: 2500ms;
    -moz-transition-delay: 2500ms;
    -ms-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    transition-delay: 2500ms;
  }

  .main-slider-two__img img {
    width: auto;
  }

  .main-slider-two .container {
    position: relative;
    padding-top: 172px;
    padding-bottom: 185px;
    z-index: 30;
  }

  .main-slider-two__content {
    position: relative;
    display: block;
    z-index: 15;
  }

  .main-slider-two__sub-title {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: var(--elitecons-white);
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateX(0deg) translateY(-120px);
    transform: perspective(400px) rotateX(0deg) translateY(-120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-two .swiper-slide-active .main-slider-two__sub-title {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
  }

  .main-slider-two__title {
    position: relative;
    font-size: 80px;
    color: var(--elitecons-white);
    font-weight: 900;
    line-height: 80px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-two .swiper-slide-active .main-slider-two__title {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
  }

  .main-slider-two__text {
    font-size: 20px;
    color: rgba(var(--elitecons-white-rgb), .70);
    font-weight: 400;
    line-height: 30px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(120px);
    transform: perspective(400px) rotateY(0deg) translateY(120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-two .swiper-slide-active .main-slider-two__text {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
  }

  .main-slider-two__btn-and-call-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 41px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-two .swiper-slide-active .main-slider-two__btn-and-call-box {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
  }

  .main-slider-two__btn-box {
    position: relative;
    display: block;
  }

  .main-slider-two__btn:after {
    background-color: var(--elitecons-white);
  }

  .main-slider-two__btn:hover {
    color: var(--elitecons-base);
  }

  .main-slider-two__call {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
  }

  .main-slider-two__call-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    background-color: #09316F;
  }

  .main-slider-two__call-icon span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--elitecons-white);
  }

  .main-slider-two__call-number {
    margin-right: 15px;
  }

  .main-slider-two__call-number h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 10px;
  }

  .main-slider-two__call-number h5 a {
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .main-slider-two__call-number a:hover {
    color: var(--elitecons-base);
  }

  .main-slider-two__call-number p {
    font-size: 16px;
    margin: 0;
    line-height: 16px;
    color: var(--elitecons-white);
  }

  .main-slider-two #main-slider-pagination {
    align-items: flex-start;
    justify-content: flex-start;
    top: 45%;
  }

  /*--------------------------------------------------------------
  # Main Slider Three
  --------------------------------------------------------------*/
  .main-slider-three {
    position: relative;
    display: block;
    /* background-color: var(--elitecons-black); */
    z-index: 91;
  }

  .main-slider-three .swiper-slide {
    position: relative;
    /* background-color: var(--elitecons-black); */
  }

  .main-slider-three__social-box {
    position: absolute;
    top: 328px;
    left: -79px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    transform: rotate(90deg);
    z-index: 100;
    text-shadow: 0 0 5px #000000, 0 0 5px #000000;
  }

  .main-slider-three__social-title-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .main-slider-three__social-title {
    font-size: 20px;
    color: var(--elitecons-white);
    font-weight: 700;
    line-height: 20px;
  }

  .main-slider-three__social-shape {
    position: relative;
    display: block;
    height: 1px;
    width: 80px;
    background-color: var(--elitecons-base);
  }

  .main-slider-three__social {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
  }

  .main-slider-three__social a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--elitecons-white);
    background-color: var(--elitecons-gray);
    width: 30px;
    height: 30px;
    border-radius: 50%;
        border: 1px solid var(--elitecons-base);
  }

  .main-slider-three__social a {
      display:flex !important;
      justify-content: center !important;
      align-items: center !important;
  }


  .main-slider-three__social a:hover {
    color: var(--elitecons-black);
  }

  .main-slider-three__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    z-index: -1;
  }

  .main-slider-three__bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /* background: linear-gradient(90deg, #001659 0%, rgba(0, 22, 89, 0) 100%); */
  }

  .main-slider-three .swiper-slide-active .main-slider-three__bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .main-slider-three__shape-1 {
    position: absolute;
    bottom: 0;
    left: 425px;
    width: 344px;
    height: 728px;
    background: linear-gradient(-180deg, rgba(255, 94, 20, 0) 0%, #FF5E14 100%);

    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(150px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(150px);
    transform: perspective(400px) rotateY(0deg) translateY(150px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
  }

  .main-slider-three .swiper-slide-active .main-slider-three__shape-1 {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
  }

  .main-slider-three__img {
    position: absolute;
    bottom: 0;
    left: 330px;
    opacity: 0;
    transform: translateX(-300px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 2;
  }

  .main-slider-three .swiper-slide-active .main-slider-three__img {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition-delay: 2500ms;
    -moz-transition-delay: 2500ms;
    -ms-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    transition-delay: 2500ms;
  }

  .main-slider-three__img img {
    width: auto;
  }

  .main-slider-three .container {
    position: relative;
    padding-top: 350px;
    padding-bottom: 255px;
    z-index: 30;
  }

  .main-slider-three__content {
    position: relative;
    display: block;
    z-index: 15;
  }

  .main-slider-three__title {
    position: relative;
    font-size: 40px;
    color: var(--elitecons-base);
    font-weight: 900;
    line-height: 25px;
    text-transform: uppercase;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-three .swiper-slide-active .main-slider-three__title {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    text-shadow: 0 0 5px #000000, 0 0 5px #000000;
  }

  .main-slider-three__text {
    font-size: 26px;
    color: rgba(var(--elitecons-white-rgb), 1);
    font-weight: 400;
    line-height: 36px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(120px);
    transform: perspective(400px) rotateY(0deg) translateY(120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-three .swiper-slide-active .main-slider-three__text {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
    text-shadow: 0 0 8px #000000, 0 0 8px #000000;
    text-align: justify !important;
    max-width: 50%;
  }

  .main-slider-three__btn-boxes {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 51px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-three .swiper-slide-active .main-slider-three__btn-boxes {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
  }

  .main-slider-three__btn-box-1 {
    position: relative;
    display: block;
    text-align: start;
  }

  .main-slider-three__btn-1:after {
    background-color: var(--elitecons-white);
  }

  .main-slider-three__btn-1:hover {
    /* color: var(--elitecons-white); */
    color: var(--elitecons-base);
  }

  .main-slider-three__btn-box-2 {
    position: relative;
    display: block;
  }

  .main-slider-three__btn-2 {
    background-color: transparent;
    border: 1px solid var(--elitecons-white);
    color: var(--elitecons-white);
    padding: 15px 30px 13px;
  }

  .main-slider-three__btn-2:hover {
    border: 1px solid var(--elitecons-base);
  }

  .main-slider-three__btn-2:after {
    background-color: var(--elitecons-base);
  }

  .main-slider-three__nav {
    position: absolute;
    top: 50%;
    right: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: translateY(-50%);
    z-index: 100;
  }


  .main-slider-three__nav .swiper-button-next,
  .main-slider-three__nav .swiper-button-prev {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 100;
    width: 60px;
    height: 60px;
    font-size: 20px;
    color: rgba(var(--elitecons-base-rgb), 1);
    opacity: 1;
    margin: 0;
    text-align: center;
    transition: all 500ms ease;
    border-radius: 20%;
    background: var(--elitecons-white);
  }


  .main-slider-three__nav .swiper-button-next:hover,
  .main-slider-three__nav .swiper-button-prev:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-black)
  }

  .main-slider-three__nav .swiper-button-next::after,
  .main-slider-three__nav .swiper-button-prev::after {
    display: none;
  }

  .main-slider-three__nav .swiper-button-next {
    margin-top: 10px;
  }

  /*--------------------------------------------------------------
  # Main Slider Four
  --------------------------------------------------------------*/
  .main-slider-four {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    z-index: 91;
  }

  .main-slider-four .swiper-slide {
    position: relative;
    background-color: var(--elitecons-black);
  }


  .main-slider-four__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    transition: transform 7000ms ease, opacity 1500ms ease-in;
    transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease;
    z-index: -1;
  }

  .main-slider-four__bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(-90deg, #001659 17.71%, rgba(0, 22, 89, 0) 100%);
  }

  .main-slider-four .swiper-slide-active .main-slider-four__bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .main-slider-four__img-1 {
    position: absolute;
    bottom: 0;
    left: 315px;
    opacity: 0;
    transform: translateX(-300px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 2;
  }

  .main-slider-four .swiper-slide-active .main-slider-four__img-1 {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -ms-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms;
  }

  .main-slider-four__img-1 img {
    width: auto;
  }

  .main-slider-four__img-2 {
    position: absolute;
    bottom: 0;
    left: 0px;
    opacity: 0;
    transform: translateX(-300px);
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 2;
  }

  .main-slider-four .swiper-slide-active .main-slider-four__img-2 {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition-delay: 2500ms;
    -moz-transition-delay: 2500ms;
    -ms-transition-delay: 2500ms;
    -o-transition-delay: 2500ms;
    transition-delay: 2500ms;
  }

  .main-slider-four__img-2 img {
    width: auto;
  }

  .main-slider-four__shape-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100px;
    background-color: var(--elitecons-white);
    z-index: -1;
  }

  .main-slider-four__shape-2 {
    position: absolute;
    bottom: 50px;
    left: 880px;
    height: 50px;
    width: 11px;
    background-color: var(--elitecons-base);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
  }

  .main-slider-four__shape-3 {
    position: absolute;
    bottom: 30px;
    left: 855px;
    height: 70px;
    width: 11px;
    background-color: var(--elitecons-base);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
  }

  .main-slider-four .container {
    position: relative;
    padding-top: 119px;
    padding-bottom: 210px;
    z-index: 30;
  }

  .main-slider-four__content {
    position: relative;
    display: block;
    z-index: 15;
  }

  .main-slider-four__title {
    position: relative;
    font-size: 80px;
    color: var(--elitecons-white);
    font-weight: 900;
    line-height: 80px;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-four__title span {
    position: relative;
    display: inline-block;
    background-color: var(--elitecons-base);
    color: var(--elitecons-black);
    transform: rotate(1deg);
    line-height: 65px;
  }

  .main-slider-four .swiper-slide-active .main-slider-four__title {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
  }

  .main-slider-four__text {
    font-size: 20px;
    color: rgba(var(--elitecons-white-rgb), 1);
    font-weight: 400;
    line-height: 30px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(120px);
    transform: perspective(400px) rotateY(0deg) translateY(120px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-four .swiper-slide-active .main-slider-four__text {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
  }

  .main-slider-four__btn-and-call-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 41px;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: all 1500ms ease;
    -moz-transition: all 1500ms ease;
    -ms-transition: all 1500ms ease;
    -o-transition: all 1500ms ease;
    transition: all 1500ms ease;
  }

  .main-slider-four .swiper-slide-active .main-slider-four__btn-and-call-box {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
  }

  .main-slider-four__btn-box {
    position: relative;
    display: block;
  }

  .main-slider-four__btn:after {
    background-color: var(--elitecons-white);
  }

  .main-slider-four__btn:hover {
    color: var(--elitecons-base);
  }

  .main-slider-four__call {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
  }

  .main-slider-four__call-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    background-color: #09316F;
  }

  .main-slider-four__call-icon span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--elitecons-white);
  }

  .main-slider-four__call-number {
    margin-right: 15px;
  }

  .main-slider-four__call-number h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 10px;
  }

  .main-slider-four__call-number h5 a {
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .main-slider-four__call-number a:hover {
    color: var(--elitecons-base);
  }

  .main-slider-four__call-number p {
    font-size: 16px;
    margin: 0;
    line-height: 16px;
    color: var(--elitecons-white);
  }

  .main-slider-four .main-slider-three__nav {
    top: 44%;
  }

  /*--------------------------------------------------------------
  # Banner One
  --------------------------------------------------------------*/
  .banner-one {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    padding: 46px 0 0;
    overflow: hidden;
    z-index: 2;
  }

  .banner-one__sec-img-1 {
    position: absolute;
    bottom: 0;
    right: -30px;
    opacity: .10;
    z-index: -1;
  }

  .banner-one__sec-img-1 img {
    width: auto;
  }

  .banner-one__sec-img-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .10;
    animation: leftRight 4s ease-in-out infinite;
    z-index: -1;
  }

  .banner-one__sec-img-2 img {
    width: auto;
  }


  .banner-one__top {
    position: relative;
    display: block;
  }

  .banner-one__top-left {
    position: relative;
    display: block;
  }

  .banner-one__top-title {
    font-size: 80px;
    line-height: 80px;
    font-weight: 900;
  }

  .banner-one__top-right {
    position: relative;
    display: block;
  }

  .banner-one__top-text {
    margin-bottom: 23px;
  }

  .banner-one__btn-box {
    position: relative;
    display: block;
  }

  .banner-one__bottom {
    position: relative;
    display: block;
    margin-right: 307px;
    margin-left: 254px;
    z-index: 1;
  }

  .banner-one__img {
    position: relative;
    display: block;
    z-index: 1;
  }

  .banner-one__img:before {
    content: "";
    position: absolute;
    top: 131px;
    right: -136px;
    left: -136px;
    bottom: 0;
    background: linear-gradient(-180deg, rgba(243, 243, 243, 0) 38.02%, #F3F3F3 100%);
    z-index: 1;
  }

  .banner-one__img img {
    width: 100%;
    animation: topBottom 3s ease-in-out infinite;
  }

  .banner-one__img-shape-1 {
    position: absolute;
    bottom: 15px;
    right: -87px;
    opacity: .10;
  }

  .banner-one__img-shape-1 img {
    width: auto;
  }

  .banner-one__img-shape-2 {
    position: absolute;
    bottom: 15px;
    right: -131px;
  }

  .banner-one__img-shape-2 img {
    width: auto;
  }



  /*--------------------------------------------------------------
  # Services One
  --------------------------------------------------------------*/
  .services-one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
  }

  .services-one__single {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    padding: 41px 29px 39px;
    padding-left: 40px;
    margin-bottom: 30px;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    transition-duration: 800ms;
    z-index: 1;
  }

  .services-one__single:hover {
    border: 1px solid var(--elitecons-primary);
  }

  .services-one__single::before {
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    right: 50%;
    background-color: var(--elitecons-primary);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 50%;
    z-index: -1;
  }

  .services-one__single:hover::before {
    top: -40%;
  }

  .services-one__icon {
    position: relative;
    display: inline-block;
  }

  .services-one__icon span {
    position: relative;
    display: inline-block;
    font-size: 61px;
    color: var(--elitecons-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .services-one__single:hover .services-one__icon span {
    transform: scale(0.9);
  }

  .services-one__content {
    position: relative;
    display: block;
    border-top: 1px solid var(--elitecons-bdr-color);
    padding-top: 24px;
    margin-top: 25px;
  }

  .services-one__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    text-transform: capitalize;
  }

  .services-one__title a {
    color: var(--elitecons-black);
  }

  .services-one__title a:hover {
    color: var(--elitecons-base);
  }

  .services-one__text {
    margin-top: 16px;
  }

  /*************************************/
  /**************ABOUT SECTION*********/
  /*************************************/
  .about-sec{
      padding-top: 80px;
      padding-bottom: 30px;
  }
  .about-sec .about-media{
      padding-top: 15px;
      padding-bottom: 15px;
      /*padding-left: 25px;*/
      padding-right: 65px;
      cursor: pointer;
      margin-bottom: 50px;
  }
  .about-sec .about-media:nth-child(3n+0){
      padding-left: 65px;
      padding-right: 15px;
  }
  .about-sec .about-media:nth-child(3n-1){
      padding-left: 40px;
      padding-right: 40px;
  }
  .about-sec .about-media .about-icon i{
      color: #535353;
      font-size: 55px;
      -webkit-transition: .8s ease;
      -o-transition: .8s ease;
      transition: .8s ease;
  }
  .about-sec .about-media .ex-line{
      height: 3px;
      width: 15%;
      background-color: var(--elitecons-base);
      display:block;
      margin-bottom: 8px;
      -webkit-transition: .8s ease;
      -o-transition: .8s ease;
      transition: .8s ease;
  }
  .about-sec .about-media:hover .ex-line{
      width: 90%;
  }
  .about-sec .about-media:hover .about-icon i{
      color: var(--elitecons-base);
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
  }

  #about-sec .container .main-title .section-title__title{
      text-align: center;
  }


  /* ==========================================================
      # features- three
  =============================================================*/
  #company-services{
      background-color: var(--elitecons-primary);
  }
  #company-services .container .row .col-lg-3 .icon-box{
      border: 1px solid var(--elitecons-black);
      color: var(--elitecons-black);
      padding: .5rem;
      border-radius: 25px;
      background-color: white;
      transform: scale(0.9);
       transition:  2s;
  }
  #company-services .container .row .col-lg-3 .icon-box:hover{
      border: 1px solid var(--elitecons-black);
      color: var(--elitecons-black);
      padding: .5rem;
      border-radius: 25px;
      background-color: white;
      box-shadow: 0px 5px 21px 3px rgba(0, 0, 0, 0.14);
      transform: scale(1);
  }

  /* #company-services .container .row .col-lg-6 .icon-box{

  } */
  /* 3. Icon Box - Company Services
  /*----------------------------------------------*/
  .icon-box-icon {
      border: 1px solid var(--bs-primary);
      border-radius: 50%;
    }

    .icon-box .icon-box-icon svg {
      width: 50px;
      height: 50px;
      color: var(--bs-primary);
    }
    .icon-box .icon-box-icon img {
    width: 70px;
    height: 70px;
    color: var(--bs-primary);
}

    .icon-box .icon-box-content {
      /* width: 60%; */
      padding-right: 17px;
    }

   .icon-box-content h3.card-title {
    font-size: 20px;
      padding:.5rem;
      text-align: right;
    }


    .padding-large {
      padding-top: 2rem;
      padding-bottom: 2rem;
      direction: rtl;
      z-index: 59;
      position: relative;
    }

    

.pt-3 {
    padding-top: .5rem !important;
}
.pb-3 {
    padding-bottom: .5rem !important;
}

  /*--------------------------------------------------------------
  # About One
  --------------------------------------------------------------*/
  .about-one {
    position: relative;
    display: block;
    padding: 0 0 120px;
    z-index: 1;
  }

  .about-one__left {
    position: relative;
    display: block;
  }

  .about-one__img {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .about-one__img::before {
    position: absolute;
    top: 0;
    right: -100%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    z-index: 2;
  }
  .section-vision{
      direction: rtl;
      visibility: visible; animation-duration: 2500ms;
       animation-delay: 100ms;
        animation-name: slideInRight;
  }

  .about-one__img:hover::before {
    -webkit-animation: shine 1.9s;
    animation: shine 1.9s;
  }

  .about-one__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .about-one__img:hover img {
    transform: scale(1.05) rotate(0deg);
  }

  .about-one__right {
    position: relative;
    display: block;
    margin-right: 50px;
    margin-top: 26px;
  }

  .about-one__right .section-title {
    margin-bottom: 23px;
  }

  .about-one__points-list {
    position: relative;
    display: block;
    margin-top: 42px;
  }

  .about-one__points-list li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .about-one__points-list li+li {
    margin-top: 29px;
  }

  .about-one__points-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 1px solid var(--elitecons-bdr-color);
    overflow: hidden;
    z-index: 1;
  }

  .about-one__points-list li:hover .icon {
    border: 1px solid var(--elitecons-base);
  }

  .about-one__points-list li .icon::after {
    transition-duration: 800ms;
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: 110%;
    right: 50%;
    background-color: var(--elitecons-base);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    border-radius: 50%;
    z-index: -1;
  }

  .about-one__points-list li:hover .icon::after {
    top: -40%;
  }

  .about-one__points-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--elitecons-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .about-one__points-list li:hover .icon span {
    transform: scale(0.9);
    color: var(--elitecons-white);
  }

  .about-one__points-list li .content {
    position: relative;
    display: block;
    margin-right: 30px;
  }

  .about-one__points-list li .content>h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
  }

  .about-one__points-list li .content>h3>a {
    color: var(--elitecons-black);
  }

  .about-one__points-list li .content>h3>a:hover {
    color: var(--elitecons-base);
  }

  .about-one__points-list li .content>p {
    margin-top: 1px;
  }

  /*--------------------------------------------------------------
  # Services Two
  --------------------------------------------------------------*/
  .services-two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
  }

  .services-two::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 697px;
    background-color: var(--elitecons-black);
    z-index: -1;
  }

  .services-two .section-title__title {
    color: var(--elitecons-white);
  }

  .services-two__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .services-two__img-box {
    position: relative;
    display: block;
  }

  .services-two__img {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .services-two__img::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    background-color: rgba(var(--elitecons-black-rgb), 0.30);
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
    -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
    transform: perspective(400px) rotateX(-90deg) scale(0.2);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    z-index: 1;
  }

  .services-two__single:hover .services-two__img::before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
  }

  .services-two__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .services-two__single:hover .services-two__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .services-two__content {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    padding: 28px 40px 40px;
  }

  .services-two__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
  }

  .services-two__title a {
    color: var(--elitecons-black);
  }

  .services-two__title a:hover {
    color: var(--elitecons-base);
  }

  .services-two__text {
    margin-top: 16px;
    margin-bottom: 30px;
  }

  .services-two__btn-box {
    position: relative;
    display: block;
  }

  .services-two__btn {
    background-color: transparent;
    border: 1px solid var(--elitecons-base);
    color: var(--elitecons-black);
    padding: 15px 30px 13px;
  }

  .services-two__btn::after {
    background-color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Sliding Text
  --------------------------------------------------------------*/
  .sliding-text {
    position: relative;
    display: block;
    z-index: 3;
  }

  .sliding-text__inner {
    position: relative;
    display: block;
    padding: 43px 0px 13px;
    border-top: 1px solid rgba(var(--elitecons-black-rgb), .20);
    border-bottom: 1px solid rgba(var(--elitecons-black-rgb), .20);
    z-index: 1;
  }

  .sliding-text__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: fit-content;
  }

  .sliding-text__list li {
    position: relative;
    display: block;
    float: right;
  }

  .sliding-text__list li:first-child {
    margin-right: 30px;
  }

  .sliding-text__list li+li {
    margin-right: 30px;
  }

  .sliding-text__text {
    color: transparent;
    font-size: 45px;
    font-weight: 700;
    -webkit-text-stroke: 1px var(--elitecons-gray);
    text-transform: uppercase;
    letter-spacing: 3px;
  }

  .sliding-text__text:hover {
    color: var(--elitecons-base);
    -webkit-text-stroke: 1px var(--elitecons-base);
  }

  .sliding-text__icon {
    position: relative;
    font-size: 62px;
    color: var(--elitecons-base);
    top: -15px;
  }

  .sliding-text__icon:hover {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # project One
  --------------------------------------------------------------*/
  .project-one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
  }

  .project-one__top {
    position: relative;
    display: block;
    margin-bottom: 52px;
  }

  .project-one__left {
    position: relative;
    display: block;
  }

  .project-one__right {
    position: relative;
    display: block;
    margin-right: 152px;
    margin-top: 76px;
  }

  .project-one__top .section-title {
    margin-bottom: 0;
  }

  .project-one__bottom {
    position: relative;
    display: block;
  }

  .project-one__box {
    position: relative;
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    padding-right: -15px;
    padding-left: -15px;
  }

  .project-one__box li {
    position: relative;
    flex: 0 0 33.333333%;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    margin-right: 15px;
    margin-left: 15px;
  }

  .project-one__box li:first-child {
    margin-right: 0;
  }

  .project-one__box li:last-child {
    margin-left: 0;
  }

  .project-one__box li.active {
    flex: 0 0 50%;
  }

  .project-one__box-content {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 580px;
    overflow: hidden;
    z-index: 1;
  }

  .single-project-one__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: all 500ms ease;
    z-index: -1;
  }

  .single-project-one__bg::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background-color: rgba(var(--elitecons-black-rgb), .30);
    background-position: center bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1;
  }

  .project-one__box li.active .single-project-one__bg::before {
    transform: scaleY(1.0);
  }


  @media(min-width: 768px) {


    .project-one__box li {
      flex: 1;

    }

    .project-one__box li.active {
      flex: 1.686;
    }





  }

  /* Mobile Layout: 767px. */
  @media only screen and (max-width: 767px) {

    .project-one {
      padding: 100px 0 100px;
    }
    .project-one__box li,
    .project-one__box li.active {
      flex: 0 0 100%;
      margin: 0;
    }

    .project-one__box-content {
      min-height: 580px;
    }



  }

  /*--------------------------------------------------------------
  # Pricing One
  --------------------------------------------------------------*/
  .pricing-one {
    position: relative;
    display: block;
    padding: 0 0 90px;
    z-index: 1;
  }

  .pricing-one__left {
    position: relative;
    display: block;
  }

  .pricing-one__left .section-title {
    margin-bottom: 20px;
  }

  .pricing-one__call-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 58px;
  }

  .pricing-one__call-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: var(--elitecons-base);
    border-radius: 50%;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .pricing-one__call-icon:hover {
    background-color: var(--elitecons-black);
  }

  .pricing-one__call-icon span {
    position: relative;
    display: inline-block;
    font-size: 21px;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .pricing-one__call-content {
    position: relative;
    display: block;
    margin-right: 20px;
  }

  .pricing-one__call-content>span {
    color: var(--elitecons-black);
  }

  .pricing-one__call-content>p {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
  }

  .pricing-one__call-content>p>a {
    color: var(--elitecons-black);
  }

  .pricing-one__call-content>p>a:hover {
    color: var(--elitecons-base);
  }

  .pricing-one__single {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    padding: 37px 39px 39px;
    margin-bottom: 30px;
  }

  .pricing-one__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-black);
  }

  .pricing-one__price {
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.2px;
    color: var(--elitecons-black);
    margin-top: 15px;
  }

  .pricing-one__price>span {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    color: var(--elitecons-gray);
    position: relative;
    margin-right: 8px;
  }

  .pricing-one__points {
    position: relative;
    display: block;
    padding-top: 21px;
    margin-top: 28px;
    margin-bottom: 40px;
  }

  .pricing-one__points::before {
    content: "";
    position: absolute;
    top: 0;
    right: -39px;
    height: 2px;
    left: 0;
    background-color: var(--elitecons-bdr-color);
  }

  .pricing-one__points li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .pricing-one__points li+li {
    margin-top: 10px;
  }

  .pricing-one__points li .icon {
    position: relative;
    display: inline-block;
  }

  .pricing-one__points li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--elitecons-base);
  }

  .pricing-one__points li p {
    margin-right: 15px;
  }

  .pricing-one__btn-box {
    position: relative;
    display: block;
  }

  .pricing-one__btn {
    width: 100%;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--elitecons-bdr-color);
    color: var(--elitecons-black);
    justify-content: center;
  }

  .pricing-one__btn:hover {
    border: 1px solid var(--elitecons-base);
  }

  .pricing-one__btn::after {
    background-color: var(--elitecons-base);
  }

  .pricing-one__tag {
    position: absolute;
    top: 58px;
    left: -20px;
    background-position: bottom center;
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scalex(0);
    z-index: 1;
  }

  .pricing-one__single:hover .pricing-one__tag {
    transform: scalex(1.0);
  }

  .pricing-one__tag>span {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 162px;
    height: 44px;
    font-size: 20px;
    font-weight: 700;
    background-color: var(--elitecons-black);
    color: var(--elitecons-white);
    transform: rotate(90deg);
  }

  .pricing-one__tag>span::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-top: 22px solid transparent;
    border-right: 29px solid var(--elitecons-white);
    border-bottom: 22px solid transparent;
  }

  /*--------------------------------------------------------------
  # Why Choose One
  --------------------------------------------------------------*/
  .why-choose-one {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    padding: 120px 0 247px;
    z-index: 1;
  }

  .why-choose-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc((100% - 30px) / 2);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .why-choose-one__left {
    position: relative;
    display: block;
  }

  .why-choose-one__left .section-title__title {
    color: var(--elitecons-white);
  }

  .why-choose-one__left .section-title {
    margin-bottom: 43px;
  }

  .why-choose-one__text {
    color: var(--elitecons-white);
  }

  .why-choose-one__points {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 59px;
  }

  .why-choose-one__points li {
    position: relative;
    display: flex;
    align-items: center;
    border: 2px solid var(--elitecons-gray);
    max-width: 284px;
    width: 100%;
    padding: 15px 20px 18px;
    border-radius: 1px;
  }

  .why-choose-one__points li+li {
    margin-right: 30px;
  }

  .why-choose-one__points li .icon {
    position: relative;
    display: inline-block;
  }

  .why-choose-one__points li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 38px;
    color: var(--elitecons-base);
  }

  .why-choose-one__points li h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 30px;
  }

  .why-choose-one__points li h3>a {
    color: var(--elitecons-white);
  }

  .why-choose-one__points li h3>a:hover {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Counter One
  --------------------------------------------------------------*/
  .counter-one {
    position: relative;
    display: block;
    margin-top: -128px;
    z-index: 2;
  }

  .counter-one__inner {
    position: relative;
    display: block;
    background-color: var(--elitecons-base);
    padding: 72px 46px;
    z-index: 1;
  }

  .counter-one__bg-shape {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }

  .counter-one__single {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 21px;
  }

  .counter-one__icon {
    position: relative;
    display: inline-block;
  }

  .counter-one__icon>span {
    position: relative;
    display: inline-block;
    font-size: 62px;
    color: var(--elitecons-white);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .counter-one__single:hover .counter-one__icon>span {
    transform: scale(0.9);
  }

  .counter-one__count-list-content {
    position: relative;
    display: block;
    margin-right: 20px;
  }

  .counter-one__count {
    position: relative;
    display: flex;
    align-items: center;
  }

  .counter-one__count>h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.2px;
    color: var(--elitecons-white);
  }

  .counter-one__count>span {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -1.2px;
    color: var(--elitecons-white);
  }

  .counter-one__text {
    font-weight: 700;
    color: var(--elitecons-white);
    margin-top: -4px;
  }

  /*--------------------------------------------------------------
  # Brand One
  --------------------------------------------------------------*/
  .brand-one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
  }

  .brand-one .swiper-slide {
    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;
  }

  .brand-one .swiper-slide img {
    -webkit-transition: 500ms;
    transition: 500ms;
    max-width: 100%;
    opacity: 0.30;
  }

  .brand-one .swiper-slide img:hover {
    opacity: 1;
  }

  /*--------------------------------------------------------------
  # FAQ One
  --------------------------------------------------------------*/
  .faq-one {
    position: relative;
    display: block;
    padding: 0 0 120px;
    z-index: 1;
  }

  .faq-one__left {
    position: relative;
    display: block;
    margin-top: 10px;
  }

  .faq-one__left .section-title {
    margin-bottom: 33px;
  }

  .faq-one__btn-box {
    position: relative;
    display: block;
    margin-top: 40px;
  }

  .faq-one__right {
    position: relative;
    display: block;
  }

  .faq-one__right .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .faq-one__right .faq-one-accrodion .accrodion.active {
    border: 1px solid var(--elitecons-base);
  }

  .faq-one__right .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 20px 30px 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
  }

  .faq-one__right .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: var(--elitecons-black);
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .faq-one__right .faq-one-accrodion .accrodion.active .accrodion-title h4 {
    color: var(--elitecons-black);
  }

  .faq-one__right .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 20px;
  }

  .faq-one__right .faq-one-accrodion .accrodion-title h4::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 20px;
    color: var(--elitecons-gray);
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 15px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
    width: 21px;
    height: 21px;
  }

  .faq-one__right .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\f068";
    color: var(--elitecons-base);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .faq-one__right .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-bottom: 18px;
    padding-right: 30px;
    padding-left: 70px;
  }

  .faq-one__right .faq-one-accrodion .accrodion-content p {
    margin: 0;
  }

  /*--------------------------------------------------------------
  # Contact And Team
  --------------------------------------------------------------*/
  .contact-and-team {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    z-index: 1;
  }

  .contact-and-team__bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: .10;
    width: calc((100% - -630px) / 2);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    animation: leftRight 4s ease-in-out infinite;
    z-index: -1;
  }

  .contact-one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
  }

  .contact-one__left {
    position: relative;
    display: block;
    margin-left: 30px;
  }

  .contact-one__form {
    position: relative;
    display: block;
    background-color: var(--elitecons-base);
    padding: 60px 70px 60px;
  }

  .contact-one__input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
  }

  .contact-one__input-box input[type="text"],
  .contact-one__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    border: none;
    background-color: rgba(var(--elitecons-black-rgb), 0.09);
    padding-right: 20px;
    padding-left: 20px;
    outline: none;
    color: var(--elitecons-white);
    display: block;
    font-weight: 400;
  }

  .contact-one__input-box textarea {
    color: var(--elitecons-white);
    height: 140px;
    width: 100%;
    background-color: rgba(var(--elitecons-black-rgb), 0.09);
    padding: 20px 20px 30px;
    border: none;
    outline: none;
    font-weight: 400;
  }

  .contact-one__btn {
    border: none;
    background-color: var(--elitecons-white);
    color: var(--elitecons-black);
  }

  .contact-one__input-box.text-message-box {
    height: 140px;
  }

  .contact-one__right {
    position: relative;
    display: block;
    margin-top: 19px;
  }

  .contact-one__right .section-title__tagline {
    color: var(--elitecons-white);
  }

  .contact-one__right .section-title__title {
    color: var(--elitecons-white);
  }

  .contact-one__right .section-title {
    margin-left: -98px;
    margin-bottom: 33px;
  }

  .contact-one__text {
    color: var(--elitecons-white);
  }

  .contact-one__call-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 30px;
  }

  .contact-one__call-box li {
    position: relative;
    display: block;
  }

  .contact-one__call-box li+li {
    margin-right: 40px;
  }

  .contact-one__call-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: var(--elitecons-white);
  }

  .contact-one__call-number {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 6px;
  }

  .contact-one__call-number .icon {
    position: relative;
    display: inline-block;
    top: 4px;
  }

  .contact-one__call-number .icon>span {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: var(--elitecons-base);
  }

  .contact-one__call-number>p {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 10px;
  }

  .contact-one__call-number>p>a {
    color: var(--elitecons-white);
  }

  .contact-one__call-number>p>a:hover {
    color: var(--elitecons-base);
  }

  .contact-one__social-box {
    position: relative;
    display: block;
    margin-top: 32px;
  }

  .contact-one__social-title {
    color: var(--elitecons-white);
    margin-bottom: 9px;
  }

  .contact-one__social {
    position: relative;
    display: flex;
    align-items: center;
  }

  .contact-one__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: #09316F;
    font-size: 15px;
    color: var(--elitecons-base);
  }

  .contact-one__social a:hover {
    background-color: var(--elitecons-base);
    color: var(--elitecons-white);
  }

  .contact-one__social a+a {
    margin-right: 20px;
  }

  /*--------------------------------------------------------------
  # Team One
  --------------------------------------------------------------*/
  .team-one {
    position: relative;
    display: block;
    padding: 0 0 90px;
    z-index: 1;
  }

  .team-one .section-title__title {
    color: var(--elitecons-white);
  }

  .team-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .team-one__img-box {
    position: relative;
    display: block;
  }

  .team-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .team-one__img::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--elitecons-black);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }

  .team-one__single:hover .team-one__img::before {
    opacity: .50;
  }

  .team-one__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .team-one__single:hover .team-one__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .team-one__content {
    position: relative;
    display: block;
    margin-top: -60px;
    margin-left: 36px;
    background-color: var(--elitecons-white);
    padding: 32px 30px 30px;
    z-index: 2;
  }

  .team-one__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 28px;
  }

  .team-one__title a {
    color: var(--elitecons-black);
  }

  .team-one__title a:hover {
    color: var(--elitecons-base);
  }

  .team-one__share-and-social {
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
  }

  .team-one__share {
    position: relative;
    display: inline-block;
  }

  .team-one__share a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .team-one__share a:hover {
    color: var(--elitecons-black);
  }

  .team-one__social {
    position: absolute;
    top: -157px;
    right: 50%;
    background-color: var(--elitecons-base);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 21px 12px 9px;
    transform: scaleY(0.0) translateX(50%);
    transform-origin: center;
    transform-style: preserve-3d;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    transform-origin: left center;
  }

  .team-one__share-and-social:hover .team-one__social {
    transform: scaleY(1.0) translateX(50%);
    transform-origin: bottom center;
    transition-delay: 500ms;
  }

  .team-one__social>a {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
    color: var(--elitecons-white);
  }

  .team-one__social>a:hover {
    color: var(--elitecons-black);
  }

  .team-one__social>a+a {
    margin-top: 21px;
  }


  /*--------------------------------------------------------------
  # Testimonial One
  --------------------------------------------------------------*/

  .testimonial-three h2{
      text-align: center;
  }
  .testimonial-one {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    padding: 120px 0 120px;
    z-index: 1;
  }

  .testimonial-one__swiper-box {
    position: relative;
    display: block;
  }

  .testimonial-one__single {
    position: relative;
    display: block;
  }

  .testimonial-one__content {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
    padding: 55px 60px 70px;
  }

  .testimonial-one__quote {
    position: absolute;
    top: 58px;
    left: 60px;
  }

  .testimonial-one__quote span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: rgba(var(--elitecons-black-rgb), .10);
  }

  .testimonial-one__client-info {
    position: relative;
    display: block;
    border-bottom: 1px solid var(--elitecons-bdr-color);
    padding-bottom: 50px;
    margin-bottom: 42px;
  }

  .testimonial-one__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }

  .testimonial-one__text {
    font-size: 24px;
    line-height: 37px;
  }

  .testimonial-one__img {
    position: relative;
    display: block;
    margin-right: -30px;
  }

  .testimonial-one__img img {
    width: 100%;
  }

  .testimonial-one__nav {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 630px;
    bottom: 0px;
  }

  .testimonial-one__nav .swiper-button-prev1,
  .testimonial-one__nav .swiper-button-next1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 0;
    color: var(--elitecons-white);
    background-color: var(--elitecons-black);
    font-size: 18px;
    margin: 0px 0px;
    text-align: center;
    transition: all 500ms ease;
    z-index: 100;
  }

  .testimonial-one__nav .swiper-button-prev1:hover,
  .testimonial-one__nav .swiper-button-next1:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .testimonial-one__nav .swiper-button-next1 {
    margin-right: 10px;
  }

  /*--------------------------------------------------------------
  # Blog One
  --------------------------------------------------------------*/
  .blog-one {
    position: relative;
    display: block;
  }

  .blog-one__single {
    position: relative;
    display: block;
  }

  .blog-one__img-box {
    position: relative;
    display: block;
  }

  .blog-one__img {
    position: relative;
    display: block;
  }

  .blog-one__img img {
    width: 100%;
  }

  /*--------------------------------------------------------------
  # Blog One
  --------------------------------------------------------------*/
  .blog-one {
    position: relative;
    display: block;
    padding: 120px 0 206px;
    z-index: 1;
  }

  .blog-one__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .blog-one__img-box {
    position: relative;
    display: block;
  }

  .blog-one__img {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .blog-one__img img {
    width: 100%;
    transition: 0.5s;
    background-size: cover;
  }

  .blog-one__img img:nth-child(1) {
    transform: translatex(-50%) scalex(2);
    opacity: 0;
    filter: blur(10px);
  }

  .blog-one__img img:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
  }

  .blog-one__link {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--elitecons-black-rgb), 0.5);
    position: absolute;
    top: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(-20%);
    transition: opacity 500ms ease, transform 500ms ease;
  }

  .blog-one__link::before,
  .blog-one__link::after {
    content: "";
    width: 25px;
    height: 2px;
    background-color: var(--elitecons-white);
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
  }

  .blog-one__link::after {
    transform: translate(50%, -50%) rotate(-90deg);
  }

  .blog-one__single:hover .blog-one__link {
    opacity: 1;
    transform: translateY(0);
  }

  .blog-one__single:hover .blog-one__img img:nth-child(1) {
    transform: translatex(0) scalex(1);
    opacity: 1;
    filter: blur(0);
  }

  .blog-one__single:hover .blog-one__img img:nth-child(2) {
    transform: translatex(50%) scalex(2);
    opacity: 0;
    filter: blur(10px);
  }

  .blog-one__date {
    position: absolute;
    right: 0;
    bottom: 5px;
    padding: 3px 48px 3px;
    background-color: var(--elitecons-base);
    z-index: 2;
  }

  .blog-one__date>span {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: var(--elitecons-white);
  }

  .blog-one__content {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    border-top: 0;
    padding: 36px 40px 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
  }

  .blog-one__single:hover .blog-one__content {
    border: 1px solid var(--elitecons-primary);
    border-top: 0;
  }

  .blog-one__content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--elitecons-primary);
    background-position: center bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: -1;
  }

  .blog-one__single:hover .blog-one__content::before {
    transform: scaleY(1.0);
  }

  .blog-one__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
  }

  .blog-one__title>a {
    color: var(--elitecons-black);
  }

  .blog-one__title>a:hover {
    color: var(--elitecons-base);
  }

  .blog-one__read-more {
    position: relative;
    display: inline-block;
    margin-top: 18px;
  }

  .blog-one__read-more>a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    gap: 10px;
    color: var(--elitecons-black);
  }

  .blog-one__read-more>a>span {
    font-size: 13px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-one__read-more>a:hover span {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # CTA One
  --------------------------------------------------------------*/
  .cta-one {
    position: relative;
    display: block;
    background-color: var(--elitecons-base);
    z-index: 1;
  }

  .cta-one__inner {
    position: relative;
    display: block;
    padding: 80px 0 80px;
    z-index: 1;
  }

  .cta-one__title {
    font-size: 60px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -1.2px;
    color: var(--elitecons-white);
  }

  .cta-one__from-box {
    position: relative;
    display: block;
  }

  .cta-one__form {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 40px;
  }

  .cta-one__input-box {
    position: relative;
    display: block;
    max-width: 382px;
    width: 100%;
  }

  .cta-one__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    outline: none;
    font-weight: 400;
    color: var(--elitecons-white);
    padding-left: 20px;
    font-size: 20px;
    padding-right: 20px;
    background-color: transparent;
    border: 1px solid var(--elitecons-white);
  }

  .cta-one__btn {
    border: none;
    display: inline-block;
    background-color: var(--elitecons-white);
    color: var(--elitecons-black);
    padding: 16px 40px 14px;
    margin-right: 15px;
  }

  .cta-one__img {
    position: absolute;
    left: 0;
    bottom: 0;
    animation: leftRight 4s ease-in-out infinite;
  }

  .cta-one__img img {
    width: auto;
  }

  .cta-one__img::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 401px;
    height: 376px;
    background: linear-gradient(-270deg, #FF5E14 0%, rgba(255, 94, 20, 0) 100%);
  }

  .cta-one__shape-1 {
    position: absolute;
    left: 80px;
    bottom: 0;
  }

  .cta-one__shape-1 img {
    width: auto;
  }

  /*--------------------------------------------------------------
  /** Jarallax
  --------------------------------------------------------------*/
  .jarallax {
    position: relative;
    z-index: 0;
  }
  .jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .jarallax-keep-img {
    position: relative;
    z-index: 1;
  }
  .jarallax-keep-img > .jarallax-img {
      position: relative;
      display: block;
      max-width: 100%;
      height: auto;
      z-index: -100;
  }


  /*******************whatsapp floating icon***************************/
  .fa-whatsapp {
      margin-top: 35px !important;
      display: flex !important;
  }

  .cbh-phone {
      display: block;
      position: fixed;
      right: -50px;
      bottom: -55px;
      visibility: hidden;
      background-color: transparent;
      width: 200px;
      height: 200px;
      cursor: pointer;
      z-index: 999;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      -webkit-transition: visibility 0.5s;
      -moz-transition: visibility 0.5s;
      -o-transition: visibility 0.5s;
      transition: visibility 0.5s;
  }

  .cbh-phone.cbh-show {
      visibility: visible;
  }

  @-webkit-keyframes fadeInRight {
      0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
      }

      100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
      }
  }

  @keyframes fadeInRight {
      0% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          -ms-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
      }

      100% {
          opacity: 1;
          -webkit-transform: none;
          -ms-transform: none;
          transform: none;
      }
  }

  @-webkit-keyframes fadeInRightBig {
      0% {
          opacity: 0;
          -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
      }

      100% {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
      }
  }

  @-webkit-keyframes fadeOutRight {
      0% {
          opacity: 1;
      }

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

  @keyframes fadeOutRight {
      0% {
          opacity: 1;
      }

      100% {
          opacity: 0;
          -webkit-transform: translate3d(-100%, 0, 0);
          -ms-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
      }
  }

  .fadeOutRight {
      -webkit-animation-name: fadeOutRight;
      animation-name: fadeOutRight;
  }

  .cbh-phone.cbh-static1 {
      opacity: 0.6;
  }

  .cbh-phone.cbh-hover1 {
      opacity: 1;
  }

  .cbh-ph-circle {
      width: 110px;
      height: 110px;
      top: 40px;
      right: 40px;
      position: absolute;
      background-color: transparent;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      border: 2px solid rgba(30, 30, 30, 0.4);
      opacity: 0.1;
      -webkit-animation: cbh-circle-anim 1.2s infinite ease-in-out;
      -moz-animation: cbh-circle-anim 1.2s infinite ease-in-out;
      -ms-animation: cbh-circle-anim 1.2s infinite ease-in-out;
      -o-animation: cbh-circle-anim 1.2s infinite ease-in-out;
      animation: cbh-circle-anim 1.2s infinite ease-in-out;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
  }

  .cbh-phone.cbh-active .cbh-ph-circle1 {
      -webkit-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
      -moz-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
      -ms-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
      -o-animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
      animation: cbh-circle-anim 1.1s infinite ease-in-out !important;
  }

  .cbh-phone.cbh-static .cbh-ph-circle {
      -webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
      -moz-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
      -ms-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
      -o-animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
      animation: cbh-circle-anim 2.2s infinite ease-in-out !important;
  }

  .cbh-phone.cbh-hover .cbh-ph-circle {
      border-color: rgba(0, 175, 242, 1);
      opacity: 0.5;
  }

  .cbh-phone.cbh-green.cbh-hover .cbh-ph-circle {
      border-color: rgba(117, 235, 80, 1);
      opacity: 0.5;
  }

  .cbh-phone.cbh-green .cbh-ph-circle {
      border-color: rgba(0, 175, 242, 1);
      opacity: 0.5;
  }

  .cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle {
      border-color: rgba(204, 204, 204, 1);
      opacity: 0.5;
  }

  .cbh-phone.cbh-gray .cbh-ph-circle {
      border-color: rgba(117, 235, 80, 1);
      opacity: 0.5;
  }

  .cbh-ph-circle-fill {
      width: 74px;
      height: 74px;
      top: 58px;
      right: 58px;
      position: absolute;
      background-color: #000;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      border: 2px solid transparent;
      opacity: 0.1;
      -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
      -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
      -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
      -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
      animation: cbh-circle-fill-anim 2.3s infinite ease-in-out;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
  }

  .cbh-phone.cbh-active .cbh-ph-circle-fill {
      -webkit-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
      -moz-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
      -ms-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
      -o-animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
      animation: cbh-circle-fill-anim 1.7s infinite ease-in-out !important;
  }

  .cbh-phone.cbh-static .cbh-ph-circle-fill {
      -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
      -moz-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
      -ms-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
      -o-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
      animation: cbh-circle-fill-anim 2.3s infinite ease-in-out !important;
      opacity: 0 !important;
  }

  .cbh-phone.cbh-hover .cbh-ph-circle-fill {
      background-color: rgba(0, 175, 242, 0.5);
      opacity: 0.75 !important;
  }

  .cbh-phone.cbh-green.cbh-hover .cbh-ph-circle-fill {
      background-color: rgba(117, 235, 80, 0.5);
      opacity: 0.75 !important;
  }

  .cbh-phone.cbh-green .cbh-ph-circle-fill {
      background-color: rgba(0, 175, 242, 0.5);
      opacity: 0.75 !important;
  }

  .cbh-phone.cbh-gray.cbh-hover .cbh-ph-circle-fill {
      background-color: rgba(204, 204, 204, 0.5);
      opacity: 0.75 !important;
  }

  .cbh-phone.cbh-gray .cbh-ph-circle-fill {
      background-color: rgba(117, 235, 80, 0.5);
      opacity: 1 !important;
  }

  .cbh-ph-img-circle1 {
      width: 50px;
      height: 50px;
      top: 70px;
      right: 70px;
      position: absolute;
      /* background-image: url(https://360imagem.com/google/images/wpp-icon.png); */
      background-size: 40px 40px;
      background-color: rgba(30, 30, 30, 0.1);
      background-position: center center;
      background-repeat: no-repeat;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      border: 2px solid transparent;
      opacity: 1;
      -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out;
      -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out;
      -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out;
      -o-animation: cbh-circle-img-anim 1s infinite ease-in-out;
      animation: cbh-circle-img-anim 1s infinite ease-in-out;
  }

  .cbh-phone.cbh-active .cbh-ph-img-circle1 {
      -webkit-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
      -moz-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
      -ms-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
      -o-animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
      animation: cbh-circle-img-anim 1s infinite ease-in-out !important;
  }

  .cbh-phone.cbh-static .cbh-ph-img-circle1 {
      -webkit-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
      -moz-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
      -ms-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
      -o-animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
      animation: cbh-circle-img-anim 0s infinite ease-in-out !important;
  }

  .cbh-phone.cbh-hover .cbh-ph-img-circle1 {
      background-color: rgba(0, 175, 242, 1);
  }

  .cbh-phone.cbh-green.cbh-hover .cbh-ph-img-circle1:hover {
      background-color: rgba(117, 235, 80, 1);
  }

  .cbh-phone.cbh-green .cbh-ph-img-circle1 {
      background-color: rgba(0, 175, 242, 1);
  }

  .cbh-phone.cbh-green .cbh-ph-img-circle1 {
      background-color: rgba(0, 175, 242, 1);
  }

  .cbh-phone.cbh-gray.cbh-hover .cbh-ph-img-circle1 {
      background-color: rgba(204, 204, 204, 1);
  }

  .cbh-phone.cbh-gray .cbh-ph-img-circle1 {
      background-color: rgba(117, 235, 80, 1);
  }

  @-moz-keyframes cbh-circle-anim {
      0% {
          -moz-transform: rotate(0deg) scale(0.5) skew(-1deg);
          opacity: 0.1;
          -moz-opacity: 0.1;
          -webkit-opacity: 0.1;
          -o-opacity: 0.1;
      }

      30% {
          -moz-transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.5;
          -moz-opacity: 0.5;
          -webkit-opacity: 0.5;
          -o-opacity: 0.5;
      }

      100% {
          -moz-transform: rotate(0deg) scale(1) skew(-1deg);
          opacity: 0.6;
          -moz-opacity: 0.6;
          -webkit-opacity: 0.6;
          -o-opacity: 0.1;
      }
  }

  @-webkit-keyframes cbh-circle-anim {
      0% {
          -webkit-transform: rotate(0deg) scale(0.5) skew(-1deg);
          -webkit-opacity: 0.1;
      }

      30% {
          -webkit-transform: rotate(0deg) scale(0.7) skew(-1deg);
          -webkit-opacity: 0.5;
      }

      100% {
          -webkit-transform: rotate(0deg) scale(1) skew(-1deg);
          -webkit-opacity: 0.1;
      }
  }

  @-o-keyframes cbh-circle-anim {
      0% {
          -o-transform: rotate(0deg) kscale(0.5) skew(-1deg);
          -o-opacity: 0.1;
      }

      30% {
          -o-transform: rotate(0deg) scale(0.7) skew(-1deg);
          -o-opacity: 0.5;
      }

      100% {
          -o-transform: rotate(0deg) scale(1) skew(-1deg);
          -o-opacity: 0.1;
      }
  }

  @keyframes cbh-circle-anim {
      0% {
          transform: rotate(0deg) scale(0.5) skew(-1deg);
          opacity: 0.1;
      }

      30% {
          transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.5;
      }

      100% {
          transform: rotate(0deg) scale(1) skew(-1deg);
          opacity: 0.1;
      }
  }

  @-moz-keyframes cbh-circle-fill-anim {
      0% {
          -moz-transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.2;
      }

      50% {
          -moz-transform: rotate(0deg) -moz-scale(1) skew(-1deg);
          opacity: 0.2;
      }

      100% {
          -moz-transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.2;
      }
  }

  @-webkit-keyframes cbh-circle-fill-anim {
      0% {
          -webkit-transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.2;
      }

      50% {
          -webkit-transform: rotate(0deg) scale(1) skew(-1deg);
          opacity: 0.2;
      }

      100% {
          -webkit-transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.2;
      }
  }

  @-o-keyframes cbh-circle-fill-anim {
      0% {
          -o-transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.2;
      }

      50% {
          -o-transform: rotate(0deg) scale(1) skew(-1deg);
          opacity: 0.2;
      }

      100% {
          -o-transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.2;
      }
  }

  @keyframes cbh-circle-fill-anim {
      0% {
          transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.2;
      }

      50% {
          transform: rotate(0deg) scale(1) skew(-1deg);
          opacity: 0.2;
      }

      100% {
          transform: rotate(0deg) scale(0.7) skew(-1deg);
          opacity: 0.2;
      }
  }

  @keyframes cbh-circle-img-anim {
      0% {
          transform: rotate(0deg) scale(1) skew(-1deg);
      }

      10% {
          transform: rotate(25deg) scale(1) skew(-1deg);
      }

      20% {
          transform: rotate(-25deg) scale(1) skew(-1deg);
      }

      30% {
          transform: rotate(25deg) scale(1) skew(-1deg);
      }

      40% {
          transform: rotate(-25deg) scale(1) skew(-1deg);
      }

      100%,
      50% {
          transform: rotate(0deg) scale(1) skew(-1deg);
      }
  }

  @-moz-keyframes cbh-circle-img-anim {
      0% {
          transform: rotate(0deg) scale(1) skew(-1deg);
      }

      10% {
          -moz-transform: rotate(25deg) scale(1) skew(-1deg);
      }

      20% {
          -moz-transform: rotate(-25deg) scale(1) skew(-1deg);
      }

      30% {
          -moz-transform: rotate(25deg) scale(1) skew(-1deg);
      }

      40% {
          -moz-transform: rotate(-25deg) scale(1) skew(-1deg);
      }

      100%,
      50% {
          -moz-transform: rotate(0deg) scale(1) skew(-1deg);
      }
  }

  @-webkit-keyframes cbh-circle-img-anim {
      0% {
          -webkit-transform: rotate(0deg) scale(1) skew(-1deg);
      }

      10% {
          -webkit-transform: rotate(25deg) scale(1) skew(-1deg);
      }

      20% {
          -webkit-transform: rotate(-25deg) scale(1) skew(-1deg);
      }

      30% {
          -webkit-transform: rotate(25deg) scale(1) skew(-1deg);
      }

      40% {
          -webkit-transform: rotate(-25deg) scale(1) skew(-1deg);
      }

      100%,
      50% {
          -webkit-transform: rotate(0deg) scale(1) skew(-1deg);
      }
  }

  @-o-keyframes cbh-circle-img-anim {
      0% {
          -o-transform: rotate(0deg) scale(1) skew(-1deg);
      }

      10% {
          -o-transform: rotate(25deg) scale(1) skew(-1deg);
      }

      20% {
          -o-transform: rotate(-25deg) scale(1) skew(-1deg);
      }

      30% {
          -o-transform: rotate(25deg) scale(1) skew(-1deg);
      }

      40% {
          -o-transform: rotate(-25deg) scale(1) skew(-1deg);
      }

      100%,
      50% {
          -o-transform: rotate(0deg) scale(1) skew(-1deg);
      }
  }

  .cbh-phone.cbh-green .cbh-ph-circle {
      border-color: rgb(0, 242, 164);
  }

  .cbh-phone.cbh-green .cbh-ph-circle-fill {
      background-color: rgb(0, 242, 164);
  }

  .cbh-phone.cbh-green .cbh-ph-img-circle1 {
      background-color: rgb(46, 203, 113);
  }

  .kmacb__manager-border {
      position: absolute;
      width: 75px;
      height: 75px;
      top: 50%;
      right: 50%;
      margin-top: -39.5px;
      margin-right: -39.5px;
      border-radius: 100%;
      border: 2px solid #ffe787;
      -webkit-animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
      -moz-animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
      -ms-animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
      -o-animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
      animation: kmacb__manager-border-anim 1.5s ease-in-out 0.5s infinite;
      opacity: 0.8;
      transform-origin: center;
  }

  .kmacb__manager-fill {
      background: #52aff7 center bottom no-repeat;
      position: absolute;
      width: 75px;
      height: 75px;
      top: 50%;
      right: 50%;
      margin-top: -37.5px;
      margin-right: -37.5px;
      border-radius: 100%;
      opacity: 0.5;
      -webkit-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
      -moz-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
      -ms-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
      -o-animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
      animation: kmacb__manager-fill-anim 1.5s ease-in-out infinite;
      transform-origin: center;
  }

  .kmacb__manager-circle {
      background: #52aff7;
      position: absolute;
      width: 120px;
      height: 120px;
      top: 50%;
      right: 50%;
      margin-top: -60px;
      margin-right: -60px;
      border-radius: 100%;
  }

  /* custom edit */
  .fa-whatsapp:before{
      padding-bottom: 37px;

  }
  /*******************whatsapp floating icon***************************/

  /* animated circle  */
  /* .circle-md {
      position: absolute;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 2px solid #810100;
      animation: animationFramesTwo 25s infinite linear;
  }

  @keyframes animationFramesTwo {
      0% {
          transform: translate(0px, 0px) rotate(0deg) scale(1)
      }

      20% {
          transform: translate(73px, -1px) rotate(36deg) scale(0.9)
      }

      40% {
          transform: translate(141px, 72px) rotate(72deg) scale(1)
      }

      60% {
          transform: translate(83px, 122px) rotate(108deg) scale(1.2)
      }

      80% {
          transform: translate(-40px, 72px) rotate(144deg) scale(1.1)
      }

      100% {
          transform: translate(0px, 0px) rotate(0deg) scale(1)
      }
  }

  @-webkit-keyframes animationFramesTwo {
      0% {
          -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1)
      }

      20% {
          -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9)
      }

      40% {
          -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1)
      }

      60% {
          -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2)
      }

      80% {
          -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1)
      }

      100% {
          -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1)
      }
  } */

  /* brands area our clients*/
  .brands-area {
      background-color: #f1f1fb;
  }

  .brands-area .brand-wrap {
      /* padding: 40px 0; */
      padding-top: 5px;
      padding-bottom: 1rem;
  }

  .brands-area .brand-wrap .owl-carousel .owl-item img {
      width: auto !important;
  }

  .brands-area .brand-wrap .single-brand {
      text-align: center;
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      opacity: 0.5;
      -webkit-transition: all 0.3s ease 0s;
      -moz-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
  }

  .brands-area .brand-wrap .single-brand:hover {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);
      opacity: 1;
  }

  .disabled {
      display: none !important;
  }

  .clientstitle {
      color: var(--elitecons-base);
      /* font-size: 50px; */
      line-height: 58px;
      font-weight: 400;
      margin: 12px 0 0;
      letter-spacing: -1.2px;
      text-align: center;
  }
  .single-brand {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .single-brand img {
      display: inline-block;
      width: 100%;
      height: auto;
  }
  .swiper-slide {
      margin: 0;
      padding: 0;
  }

  .swiper-slide img {
      display: inline-block;
      width: 100%;
      height: auto;
  }

  .brand-image {
      filter: grayscale(100%);
      transition: filter 0.3s ease;
  }

  .brand-image:hover {
      filter: grayscale(0%);
  }

  .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .brand-image {
      display: block;
      max-width: 100%;
      height: auto;
      filter: grayscale(100%);
      transition: filter 0.3s ease;
  }

  .brand-image:hover {
      filter: grayscale(0%);
  }

  /* .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
      display: none;
  }

  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
      display: none;
  } */
   /* ============================================================
      side bar for services
  ===============================================================*/
  .news-feed-section .blog-feed-post {
      position: relative;
      border-radius: 9px;
      overflow: hidden;
      margin-bottom: 40px;
      box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.15);
  }
  .news-feed-section .saasio-blog-text {
      padding: 22px 30px 0px 0px;
      height: 247px;
  }
  .news-feed-section .saasio-blog-text h3 {
      color: #373a5b;
      font-size: 24px;
      font-weight: 700;
      line-height: 1.6;
      font-family: "Poppins";
  }
  .news-feed-section .saasio-blog-text p {
      margin-bottom: 0;
      padding-top: 20px;
  }
  .blog-read-more {
      color: #6c2b95;
      display: block;
      font-weight: 700;
      margin-top: 20px;
  }
  .saasio-post-meta a {
      color: #777a91;
      margin-right: 15px;
  }
  .saasio-post-meta a i {
      margin-right: 3px;
      font-size: 15px;
  }
  .saasio-pagination {
      padding-top: 30px;
  }
  .saasio-pagination a {
      height: 40px;
      width: 40px;
      color: #fff;
      font-weight: 700;
      margin: 0px 5px;
      line-height: 40px;
      display: inline-block;
      background-color: #6c2b95;
      transition: 0.3s all ease-in-out;
  }
  .saasio-pagination a:hover,
  .saasio-pagination a.active {
      background-color: #cc0fda;
  }
  .saasio-blog-sidebar {
      padding-left: 30px;
  }
  .side-bar-widget {
      margin-bottom: 60px;
  }
  /* .saasio-blog-sidebar .widget-title-2 {
      font-size: 24px;
      font-weight: 700;
      padding-bottom: 30px;
  } */
  .side-bar-widget .search-widget input {
      height: 50px;
      width: 100%;
      border: none;
      padding-left: 15px;
      background-color: #e6e6e6;
  }
  .side-bar-widget .search-widget button {
      top: 0;
      right: 0;
      color: #fff;
      width: 50px;
      border: none;
      height: 50px;
      position: absolute;
      background-color: #6c2b95;
  }
  .category-widget li a {
      color: black !important;
      width: 100%;
      display: block;
      font-family: var(--elitecons-font);
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #e8d8d8;
  }

  .category-widget .active a {
      color: var(--elitecons-black) !important;
  }
  .category-widget li:last-child a {
      border-bottom: 0;
  }
  .category-widget li a span {
      float: right;
  }
  .recent-post-img-text {
      width: 100%;
      display: inline-block;
      padding-bottom: 20px;
      margin-bottom: 20px;
      border-bottom: 1px solid #e8d8d8;
  }
  .recent-post-img-text:last-child {
      border-bottom: none;
  }
  .recent-post-img-text .recent-post-img {
      height: 100px;
      width: 100px;
      overflow: hidden;
      margin-right: 15px;
  }
  .recent-post-img-text .recent-post-text h3 {
      font-size: 20px;
      font-weight: 700;
      line-height: 1.5;
      padding-bottom: 5px;
  }
  .recent-post-img-text .recent-post-text .rec-post-meta {
      color: #9e9e9b;
  }
  .popular-widget a {
      color: #fff;
      font-weight: 600;
      padding: 10px 15px;
      margin: 3px;
      float: left;
      display: inline-block;
      background-color: #6c2b95;
  }
  .blog-details-img {
      margin-bottom: 40px;
  }
  .blog-details-text h2 {
      color: #373a5b;
      font-size: 36px;
      font-weight: 700;
      padding-bottom: 25px;
  }
  .blog-details-text h3 {
      color: #373a5b;
      font-size: 30px;
      font-weight: 700;
      padding-bottom: 10px;
  }
  .blog-details-text article {
      padding: 20px 0px;
  }
  .blog-details-text article p a:hover{
      color: #0765ae !important;
  }
  .blog-details-text blockquote {
      z-index: 1;
      color: #fff;
      font-weight: 500;
      font-size: 20px;
      padding: 50px;
      border-radius: 4px;
      font-family: "Poppins";
      position: relative;
      background-color: #73299a;
  }
  .blog-details-text blockquote:after {
      top: 50%;
      left: 0;
      right: 0;
      z-index: -1;
      font-size: 175px;
      font-weight: 900;
      content: "\f10d";
      text-align: center;
      position: absolute;
      transform: translateY(-50%);
      color: rgb(255 255 255 / 25%);
      font-family: "Font Awesome 5 Free";
  }
  .blog-details-text blockquote h4 {
      font-size: 18px;
      font-weight: 700;
      padding-top: 15px;
  }
  .blog-details-tag {
      margin-top: 40px;
      padding: 10px 0px;
      border: 1px solid #ded7d7;
      border-left: none;
      border-right: none;
  }
  .blog-feed-tag a {
      margin-left: 8px;
      padding: 10px 10px;
      display: inline-block;
      background-color: #f7f7f7;
      transition: 0.3s all ease-in-out;
  }
  .blog-details-tag a:hover {
      color: #fff;
      background-color: #73299a;
  }
  .blog-feed-share a {
      width: 43px;
      height: 43px;
      line-height: 43px;
      text-align: center;
      display: inline-block;
      background-color: #f7f7f7;
      transition: 0.3s all ease-in-out;
  }
  .saasio-comment-field {
      padding-top: 80px;
  }
  .saasio-comment-field h3 {
      font-weight: 600;
      font-size: 30px;
  }
  .comment-author-img {
      width: 120px;
      height: 120px;
      overflow: hidden;
      margin-right: 20px;
      border-radius: 100%;
  }
  .comment-list-item {
      margin: 60px 0px;
  }
  .comment-inner-box {
      padding: 30px;
      margin-bottom: 30px;
      background-color: #f8f8f8;
  }
  .comment-author-text {
      overflow: hidden;
  }
  .comment-author-text p {
      margin-bottom: 0;
      padding: 15px 0px 5px;
  }
  .comment-author-text h4 {
      font-size: 22px;
      font-weight: 700;
      padding-bottom: 10px;
  }
  .comment-author-text span {
      color: #969696;
  }
  .comment-reply {
      margin-top: 10px;
      padding: 8px 20px;
      border-radius: 4px;
      display: inline-block;
      color: #fff !important;
      background-color: #73299a;
  }
  .comment-form {
      margin-top: 40px;
  }
  .comment-form input,
  .comment-form textarea {
      width: 100%;
      height: 60px;
      border: none;
      padding-left: 20px;
      margin-bottom: 20px;
      background-color: #f0f0f0;
  }
  .comment-form textarea {
      height: 180px;
      padding-top: 20px;
  }
  .comment-form button {
      border: none;
      color: #fff;
      padding: 15px 30px;
      background-color: #73299a;
  }

  /* --------------------------------------------------------
      paginate color
  -----------------------------------------------------------*/

  .page-item.active .page-link{
      background-color: var(--elitecons-base) !important;
      border-color: var(--elitecons-black)!important;
      border-radius: 0.5rem;
  }

  .page-link{
      color: var(--elitecons-base);
      border-radius: 0.5rem;
  }

  .projects-page .container .row .col-auto .navigation .pagination .page-item:last-child .page-link{
    direction: rtl;
  }
  .projects-page .container .row .col-auto .navigation .pagination .page-item:first-child .page-link{
    direction: rtl;
  }

  .services-page .container .row .col-auto .navigation .pagination .page-item:last-child .page-link{
    direction: rtl;
  }
  .services-page .container .row .col-auto .navigation .pagination .page-item:first-child .page-link{
    direction: rtl;
  }

  /*--------------------------------------------------------------
  # Site Footer
  --------------------------------------------------------------*/
  .site-footer {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    z-index: 1;
  }

  .site-footer__shape-1 {
    position: absolute;
    top: -108px;
    right: 0rem;
    animation: topBottom 3s ease-in-out infinite;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .site-footer__shape-1 img {
    width: auto;
    opacity: 0.6;
    max-width: 380px;
  }

  .site-footer__shape-5{
      position: absolute;
      bottom: 0;
      left: 0;
      animation: topBottom 3s ease-in-out infinite;
      z-index: -1;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .site-footer__shape-5 img {
      width: auto;
      opacity: 0.6;
      max-width: 380px;
    }

  .project-three .it-nw-blog-sh img{
  max-width: 20rem !important;
  }

  .site-footer__top {
    position: relative;
    display: block;
    padding: 81px 0 78px;
    border-bottom: 2px solid rgba(var(--elitecons-white-rgb), .20);
  }

  .site-footer__top-inner {
    position: relative;
    display: block;
  }

  .footer-widget__about {
    position: relative;
    display: block;
  }

  .footer-widget__logo {
    position: relative;
    display: block;
  }

  .footer-widget__about-text {
    color: var(--elitecons-white);
    margin-top: 30px;
    margin-bottom: 27px;
  }

  .site-footer__social-box {
    position: relative;
    display: block;
  }

  .site-footer__social-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--elitecons-white);
    line-height: 30px;
    margin-bottom: 8px;
  }

  .site-footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .site-footer__social a {
    position: relative;
    height: 35px;
    width: 35px;
    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;
    text-align: center;
    color: var(--elitecons-base);
    background-color: #09316F;
    font-size: 16px;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
  }

  .site-footer__social a:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .site-footer__social a:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background-color: var(--elitecons-base);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1;
  }

  .site-footer__social a:hover:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  .site-footer__social a+a {
    margin-right: 15px;
  }

  .footer-widget__services {
    position: relative;
    display: block;
    margin-right: 83px;
  }

  .footer-widget__title-box {
    position: relative;
    display: block;
    margin-bottom: 42px;
    margin-top: 13px;
  }

  .footer-widget__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-white);
  }

  .footer-widget__services-list {
    position: relative;
    display: block;
  }

  .footer-widget__services-list li {
    position: relative;
    display: block;
  }

  .footer-widget__services-list li+li {
    margin-top: 11px;
  }

  .footer-widget__services-list li>a {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footer-widget__services-list li>a:hover {
    color: var(--elitecons-base);
  }

  .footer-widget__services-list li>a>span {
    font-size: 12px;
    margin-left: 12px;
  }

  .footer-widget__news {
    position: relative;
    display: block;
    margin-right: 38px;
  }

  .footer-widget__news-list {
    position: relative;
    display: block;
  }

  .footer-widget__news-list li {
    position: relative;
    display: block;
  }

  .footer-widget__news-list li+li {
    margin-top: 22px;
  }

  .footer-widget__news-date {
    position: relative;
    display: block;
  }

  .footer-widget__news-date>p {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    color: var(--elitecons-white);
  }

  .footer-widget__news-date>p>span {
    position: relative;
    top: -2px;
    color: var(--elitecons-base);
  }

  .footer-widget__news-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    margin-top: 8px;
  }

  .footer-widget__news-title>a {
    color: var(--elitecons-white);
  }

  .footer-widget__news-title>a:hover {
    color: var(--elitecons-base);
  }

  .footer-widget__contact {
    position: relative;
    display: block;
    margin-right: 13px;
  }

  .footer-widget__contact-list {
    position: relative;
    display: block;
  }

  .footer-widget__contact-list li {
    position: relative;
    display: flex;
    align-items: flex-start;
  }

  .footer-widget__contact-list li+li {
    margin-top: 19px;
  }

  .footer-widget__contact-list li .icon {
    position: relative;
    display: inline-block;
    top: 2px;
  }

  .footer-widget__contact-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: var(--elitecons-base);
  }

  .footer-widget__contact-list li .content {
    position: relative;
    display: block;
    margin-right: 10px;
  }

  .footer-widget__contact-list li .content p {
    color: var(--elitecons-white);
  }

  .footer-widget__contact-list li .content p a {
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footer-widget__contact-list li .content p a:hover {
    color: var(--elitecons-base);
  }

  .site-footer__bottom {
    position: relative;
    display: block;
    background-color: var(--elitecons-base);
  }

  .site-footer__bottom-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 31px 0 31px;
  }

  .site-footer__bottom-text {
    color: rgba(var(--elitecons-white-rgb), .70);
  }

  .site-footer__bottom-menu {
    position: relative;
    display: flex;
    align-items: center;
  }

  .site-footer__bottom-menu li {
    position: relative;
    display: block;
  }

  .site-footer__bottom-menu li+li {
    margin-right: 30px;
  }

  .site-footer__bottom-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(var(--elitecons-white-rgb), .70);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .site-footer__bottom-menu li a:hover {
    color: var(--elitecons-base);
  }

  .site-footer-three__bottom-inner{
      justify-content: center !important;
  }


  /* color overlay related to footer */
  .site-footer-three::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
       /* Adjust the color and opacity as needed */
      /* background-color: rgba(0, 0, 0, 0.5); */

      z-index: 1;
  }

  .site-footer-three > * {
      position: relative;
      z-index: 2;
  }

  .footer-widget-three__contact-list li .content{
      direction:ltr;
  }


  /* ===========================================================
      job aside menu
  ==============================================================*/
  .job-overview {
      background-color: rgba(255, 255, 255, 0.1);
      /* width: 100%; */
      /* height: 65%; */
      border-radius: 25px;
      padding: 25px 10px 25px 30px;
      /* margin: 20px; */
      box-shadow: 0 5px 10px rgba(0,9,128,0.2),0 7px 18px rgba(0,9,128,0.2);
      direction: rtl;
  }

  .overview-list {
      padding: 0px 21px 10px 7px;
  }
  .overview-list > div > div > img {
      width: 15%;
      float: right;
      padding-top: 5px;
      padding-right: 5px;
  }
  .overview-list > div > div > label {
      font-size: 13px;
      font-weight: 600;
      color: #333333;
      padding-right: 5px;
      margin: 0px;
  }
  .overview-list > div > div > span {
      font-size: 11px;
      color: rgb(118 118 118 / 0.60);
      padding-left: 5px;
  }
  .job-skills {
      padding-left: 20px;
      padding-top: 5px;
  }
  .job-skills > div > label {
      font-size: 13px;
      font-weight: 600;
      color: #333333;
      margin: 0px;
  }
  .job-skills > div > input {
      height: 30px;
      padding-left: 8px;
      border-radius: 5px;
      border: 1px solid #22486163;
      color: #767676;
      font-size: 12px;
      margin-bottom: 10px;
      margin-left: 5px;
  }

  .job-overview .overview-list .col-xs-3 .row{
      justify-content: right !important;
  }

  /* -------------------------------------------------------------
      career section
  --------------------------------------------------------------*/
   .career-three__single{
      position: relative;
      display: block;
      background: #FFFFFF;
      margin-bottom: 30px;
      border-radius: 2%;
      box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.35);
      /* max-height: 400px !important; */
       height: 500px !important;
        text-align: justify;

  }

  .career-three__single:hover .project-three__img:before {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
  }

  .pricing-block{
      position: relative;
      z-index: 99;
      background: #fff;
      box-shadow: 0 5px 10px rgba(0,9,128,0.2),0 7px 18px rgba(0,9,128,0.2);
      border-radius: 25px;
  }

  .aboutus .container .row{
      justify-content:center
  }

  .job-requirements{
      direction: rtl;
  }

  .job_descriptions{
      direction: rtl;
  }

  .job-container .nice-select.open .list{
      right: 0px;
  }

  .pricing-block .job-requirements li{
          text-align: justify;
  }

  .pricing-block .job_descriptions li{
          text-align: justify;
  }
  /* -------------------------------------------------------------
      copyright section
  --------------------------------------------------------------*/

   .copy-right  .container-copyright p a{
       color: var(--elitecons-white);
       /* text-shadow: 0 0 5px #ffffff, 0 0 5px #000000; */
   }

    .copy-right .container-copyright p a:hover{
      color: var(--elitecons-black);
   }

    .copy-right .container-copyright p {
       color: var(--elitecons-white);
       /* padding-bottom: 1rem; */
       font-size: 14px;
    }



    /* icon-quote */
    .icon-quote:before{
      color: var(--elitecons-base);
      font-size: 25px;
    }

    .brands-area .blog-content .container .section-title__title{
      text-align: center !important;
  }
    /* ===========================================================
      i'm not a robot code
      =========================================================== */
  .captcha {
      background-color: #f9f9f9;
      border: 2px solid #d3d3d3;
      border-radius: 5px;
      color: #4c4a4b;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 68%;
      width: 68%;
  }

  @media screen and (max-width: 500px) {
      .captcha {
          flex-direction: column;
      }
      .text {
          margin: 0.5em !important;
          text-align: center;
      }
      .logo {
          align-self: center !important;
      }
      .spinner {
          margin: 2em 0.5em 0.5em 0.5em !important;
      }
  }

  .text {
      font-size: 18px;
      font-weight: 200;
      /* margin-right: 4em; */
      width: 68%;
      height: 30%;
  }
  .spinner {
      position: relative;
      width: 2em;
      height: 2em;
      display: flex;
      margin: 2em 1em;
      align-items: center;
      justify-content: center;
  }
  input[type="checkbox"] {
      position: absolute;
      opacity: 0;
      z-index: -1;
  }
  input[type="checkbox"] + .checkmark {
      display: inline-block;
      width: 2em;
      height: 2em;
      background-color: #fcfcfc;
      border: 2.5px solid #c3c3c3;
      border-radius: 3px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
  }
  input[type="checkbox"] + .checkmark span {
      content: "";
      position: relative; /*
      position:absolute;
      border-bottom:3px solid;
      border-right:3px solid;
      border-color:#029f56;*/
      margin-top: -3px;
      transform: rotate(45deg);
      width: 0.75em;
      height: 1.2em;
      opacity: 0;
  }
  input[type="checkbox"] + .checkmark > span:after {
      content: "";
      position: absolute;
      display: block;
      height: 3px;
      bottom: 0;
      left: 0;
      background-color: #029f56;
  }
  input[type="checkbox"] + .checkmark > span:before {
      content: "";
      position: absolute;
      display: block;
      width: 3px;
      bottom: 0;
      right: 0;
      background-color: #029f56;
  }
  input[type="checkbox"]:checked + .checkmark {
      animation: 2s spin forwards;
  }
  input[type="checkbox"]:checked + .checkmark > span {
      animation: 1s fadein 1.9s forwards;
  }
  input[type="checkbox"]:checked + .checkmark > span:after {
      animation: 0.3s bottomslide 2s forwards;
  }
  input[type="checkbox"]:checked + .checkmark > span:before {
      animation: 0.5s rightslide 2.2s forwards;
  }
  @keyframes fadein {
      0% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  @keyframes bottomslide {
      0% {
          width: 0;
      }
      100% {
          width: 100%;
      }
  }
  @keyframes rightslide {
      0% {
          height: 0;
      }
      100% {
          height: 100%;
      }
  }
  .logo {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 100%;
      align-self: flex-end;
      margin: 0px 1em;
  }
  .logo img {
      height: 2em;
      width: 2em;
  }
  .logo p {
      color: #9d9ba7;
      margin: 0;
      font-size: 1em;
      font-weight: 700;
      margin: 0.4em 0 0.2em 0;
  }
  .logo small {
      color: #9d9ba7;
      margin: 0;
      font-size: 0.8em;
      width: 105px;
  }
  @keyframes spin {
      10% {
          width: 0;
          height: 0;
          border-width: 6px;
      }
      30% {
          width: 0;
          height: 0;
          border-radius: 50%;
          border-width: 1em;
          transform: rotate(0deg);
          border-color: rgb(199, 218, 245);
      }
      50% {
          width: 2em;
          height: 2em;
          border-radius: 50%;
          border-width: 4px;
          border-color: rgb(199, 218, 245);
          border-right-color: rgb(89, 152, 239);
      }
      70% {
          border-width: 4px;
          border-color: rgb(199, 218, 245);
          border-right-color: rgb(89, 152, 239);
      }
      90% {
          border-width: 4px;
      }
      100% {
          width: 2em;
          height: 2em;
          border-radius: 50%;
          transform: rotate(720deg);
          border-color: transparent;
      }
  }
  ::selection {
      background-color: transparent;
      color: teal;
  }
  ::-moz-selection {
      background-color: transparent;
      color: teal;
  }

  /* ==========================================================
      service request
  ============================================================*/

  .form-container {
      background: #F1F1F1;
      border-radius: 20px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.36);
      max-width: 800px;
      margin: 0 auto;
  }

  .form-control {
      border-radius: 5px;
      border: 1px solid #ddd;
      padding: 10px;
      margin-bottom: 15px;
  }

  .form-control:focus {
      border-color: #ffc107;
      box-shadow: 0 0 5px rgba(255, 193, 7, 0.5);
  }

  .btn-primary {
      background-color: #ffc107;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      font-size: 1rem;
      transition: background-color 0.3s ease;
  }

  .btn-primary:hover {
      background-color: #e0a800;
  }

  .bluecolor {
      color: #007bff;
      font-weight: bold;
  }

  hr {
      border: 1px solid #858383;
      margin: 20px 0;
  }

  .gradient-btn {
      background: linear-gradient(45deg, #ffc107, #ff9800);
      color: #fff;
      border: none;
      padding: 10px 20px;
      border-radius: 5px;
      font-size: 1rem;
      transition: background 0.3s ease;
  }

  .gradient-btn:hover {
      background: linear-gradient(45deg, #ff9800, #ffc107);
  }

  .uniform-field {
      height: 45px;
      width: 100%;
      margin-bottom: 10px;
  }

  /* service request  for drop down menu  ar */
  .nice-select .list{
    width: 100%;
    max-width: 100%;
  }

  .nice-select .option{
      text-align: right;
  }

  /* form service request css */
  #success-message {
      background-color: #1ace3f; /* light green background */
      color: #050505; /* dark green text */
      border-radius: 8px; /* rounded corners */
      padding: 15px 20px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }

  #success-message .icon-check-circle {
      font-size: 24px;
      color: #28a745; /* green icon */
      padding-right: 10px;
  }

  .custom-alert {
      animation: fadeIn 0.5s ease-in-out;
  }

  @keyframes fadeIn {
      from {
          opacity: 0;
          transform: translateY(-10px);
      }
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }

  .btn-close {
      background: none;
      border: none;
      color: #155724;
      font-size: 16px;
      cursor: pointer;
  }

  .btn-close:hover {
      color: #28a745;
  }

  .uniform-field{
      direction: rtl;
  }
  textarea.form-control{
      direction: rtl;
  }
  /*--------------------------------------------------------------
  # Services Three
  --------------------------------------------------------------*/
  .services-three {
    position: relative;
    display: block;
    padding: 165px 0 45px;
    z-index: 1;
  }

  .services-three__single {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    filter: drop-shadow(0px 0px 60px rgba(0, 0, 0, 0.05));
    padding: 75px 45px 40px;
    text-align: center;
    margin-bottom: 75px;
    z-index: 1;
  }

  .services-three__icon {
    position: absolute;
    top: -45px;
    right: 50%;
    height: 90px;
    width: 90px;
    border: 1px solid var(--elitecons-bdr-color);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--elitecons-white);
    transform: translateX(50%);
    z-index: 1;
  }

  .services-three__icon span {
    position: relative;
    display: inline-block;
    font-size: 61px;
    color: var(--elitecons-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .services-three__single:hover .services-three__icon span {
    transform: scale(0.9);
  }

  .services-three__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
  }

  .services-three__title a {
    color: var(--elitecons-black);
  }

  .services-three__title a:hover {
    color: var(--elitecons-base);
  }

  .services-three__text {
    padding-top: 19px;
    padding-bottom: 41px;
  }

  .services-three__btn-box {
    position: relative;
    display: block;
  }

  .services-three__btn {
    background-color: transparent;
    border: 1px solid var(--elitecons-black);
    color: var(--elitecons-black);
    padding: 15px 30px 13px;
  }

  .services-three__btn::after {
    background-color: var(--elitecons-black);
  }

  .services-three__btn span {
    color: var(--elitecons-base);
  }

  .services-three__btn:hover span {
    color: var(--elitecons-white);
  }

  .suppport-system-section .container .section-title{
      margin-bottom: 0px !important;
  }
  /*--------------------------------------------------------------
  # About Two
  --------------------------------------------------------------*/
  .about-two {
    position: relative;
    display: block;
    z-index: 1;
  }

  .about-two__left {
    position: relative;
    display: block;
    margin-left: 140px;
  }

  .about-two__left .section-title {
    margin-bottom: 20px;
  }

  .about-two__text {
    margin-bottom: 28px;
  }

  .about-two__points {
    position: relative;
    display: block;
  }

  .about-two__points li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
  }

  .about-two__points li+li {
    margin-top: 13px;
  }

  .about-two__points li .icon {
    position: relative;
    display: flex;
    align-items: center;
  }

  .about-two__points li .icon span {
    font-size: 19px;
    color: var(--elitecons-base);
  }

  .about-two__points li .text p {
    font-size: 20px;
    font-weight: 700;
    color: var(--elitecons-black);
  }

  .about-two__right {
    position: relative;
    display: block;
  }

  .about-two__img {
    position: relative;
    display: block;
  }

  .about-two__img img {
    width: 100%;
  }

  /*--------------------------------------------------------------
  # Sliding Text  Two
  --------------------------------------------------------------*/
  .sliding-text-two .sliding-text__inner {
    padding: 133px 0px 36px;
    border-top: 0;
    border-bottom: 0;
  }

  /*--------------------------------------------------------------
  # Why Choose Two
  --------------------------------------------------------------*/
  .why-choose-two {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    padding: 44px 0px 0px;
    z-index: 1;
  }

  .why-choose-two__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .10;
    z-index: -1;
  }

  .why-choose-two__shape-1 img {
    width: auto;
  }

  .why-choose-two__left {
    position: relative;
    display: block;
    margin-left: 30px;
    margin-top: 87px;
  }

  .why-choose-two__left .section-title {
    margin-bottom: 20px;
  }

  .why-choose-two__left .section-title__title {
    color: var(--elitecons-white);
  }

  .why-choose-two__text {
    color: var(--elitecons-white);
    margin-bottom: 61px;
  }

  .why-choose-two__points {
    position: relative;
    display: block;
  }

  .why-choose-two__points li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #09316F;
    padding: 35px 30px 26px;
    gap: 20px;
  }

  .why-choose-two__points li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 40px solid var(--elitecons-base);
    border-right: 40px solid transparent;
  }

  .why-choose-two__points li+li {
    margin-top: 30px;
  }

  .why-choose-two__points-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    background-color: var(--elitecons-base);
    border-radius: 50%;
  }

  .why-choose-two__points-icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--elitecons-white);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .why-choose-two__points li:hover .why-choose-two__points-icon span {
    transform: scale(0.9);
  }

  .why-choose-two__points-content {
    position: relative;
    display: block;
  }

  .why-choose-two__points-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 9px;
  }

  .why-choose-two__points-title a {
    color: var(--elitecons-white);
  }

  .why-choose-two__points-title a:hover {
    color: var(--elitecons-base);
  }

  .why-choose-two__points-text {
    color: var(--elitecons-white);
  }

  .why-choose-two__right {
    position: relative;
    display: block;
    margin-right: -35px;
    margin-left: -90px;
  }

  .why-choose-two__img {
    position: relative;
    display: block;
  }

  .why-choose-two__img img {
    width: 100%;
  }

  /*--------------------------------------------------------------
  # Join Us One
  --------------------------------------------------------------*/
  .join-us-one {
    position: relative;
    display: block;
    margin-top: -145px;
    z-index: 2;
  }

  .join-us-one__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--elitecons-base);
    padding-right: 60px;
    padding-left: 80px;
    padding-top: 80px;
    padding-bottom: 74px;
    overflow: hidden;
    z-index: 1;
  }

  .join-us-one__shape-1 {
    position: absolute;
    top: -30px;
    right: 0;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
  }

  .join-us-one__shape-1 img {
    width: auto;
  }

  .join-us-one__shape-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    animation: leftRight 4s ease-in-out infinite;
    z-index: -1;
  }

  .join-us-one__shape-2 img {
    width: auto;
  }

  .join-us-one__title-box {
    position: relative;
    display: block;
  }

  .join-us-one__title {
    font-size: 60px;
    line-height: 60px;
    color: var(--elitecons-white);
    font-weight: 700;
    letter-spacing: -1.2px;
  }

  .join-us-one__form-box {
    position: relative;
    display: block;
    max-width: 570px;
    width: 100%;
  }

  .join-us-one__contact-form {
    position: relative;
    display: block;
    max-width: 390px;
    width: 100%;
  }

  .join-us-one__contact-form-input-box {
    position: relative;
    display: block;
  }

  .join-us-one__contact-form-input-box input[type="email"] {
    height: 60px;
    width: 100%;
    background-color: transparent;
    outline: none;
    font-size: 20px;
    color: var(--elitecons-white);
    border: 1px solid var(--elitecons-white);
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0px;
  }

  .join-us-one__btn {
    border: none;
    background-color: var(--elitecons-white);
    color: var(--elitecons-black);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -184px;
  }

  /*--------------------------------------------------------------
  # Services Four
  --------------------------------------------------------------*/
  .services-four {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
  }

  .services-four__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.35);
    background-color: var(--elitecons-base);
    border-radius: 0.5rem;

  }

  .services-four__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    border-radius: 0.5rem;

  }

  .services-four__img::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(var(--elitecons-black-rgb), .30);
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    border-radius: 0.5rem;
  }

  .services-four__single:hover .services-four__img::after {
    visibility: visible;
    opacity: 1;
  }

  .services-four__img img {
    width: 100%;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
    object-fit: cover;
    padding-bottom: 53px;
  }

  .services-four__single:hover .services-four__img img {
    transform: scale(1.1);
  }

  .services-four__content {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
    border: 2px solid var(--elitecons-black);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    margin: -60px 20px 0;
    padding: 32px 30px 0px;
    z-index: 3;
    border-radius: 0.5rem;
    height: 100px;
  }

  .services-four__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
  }

  .services-four__title a {
    color: var(--elitecons-black);
  }

  .services-four__title a:hover {
    color: var(--elitecons-base);
  }

  .services-four__text {
    margin-top: 6px;
    margin-bottom: 33px;
  }

  .services-four__btn-box {
    position: relative;
    display: block;
  }

  .services-four__btn {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
  }

  .services-four__btn span {
    font-size: 14px;
  }

  .services-four__btn:hover {
    color: var(--elitecons-black);
  }

  /*--------------------------------------------------------------
  # Project Two
  --------------------------------------------------------------*/
  .project-two {
    position: relative;
    display: block;
    padding: 0 0 120px;
  }

  .project-two__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 58px;
  }

  .project-two__top .section-title {
    margin-bottom: 0;
  }

  .project-two__nav {
    position: relative;
    display: flex;
    align-items: center;
  }

  .project-two__nav .swiper-button-prev1,
  .project-two__nav .swiper-button-next1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 0;
    color: var(--elitecons-white);
    background-color: var(--elitecons-black);
    font-size: 18px;
    margin: 0px 0px;
    text-align: center;
    transition: all 500ms ease;
    z-index: 100;
  }

  .project-two__nav .swiper-button-prev1:hover,
  .project-two__nav .swiper-button-next1:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .project-two__nav .swiper-button-next1 {
    margin-right: 10px;
  }

  .project-two__bottom {
    position: relative;
    display: block;
    margin-left: -315px;
  }

  .project-two__single {
    position: relative;
    display: block;
  }

  .project-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .project-two__img:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(-180deg, rgba(0, 22, 89, 0) 0%, rgba(0, 22, 89, 0.81) 100%);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    opacity: 1;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1;
  }

  .project-two__single:hover .project-two__img:before {
    transform: scaleY(1.0);
  }

  .project-two__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .project-two__single:hover .project-two__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .project-two__content {
    position: absolute;
    bottom: 31px;
    right: 30px;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    transform: translateY(-100%);
    visibility: hidden;
    opacity: 0;
    transition-delay: .3s;
    transition-timing-function: ease-in-out;
    transition-duration: .1s;
    transition-property: all;
    z-index: 2;
  }

  .project-two__single:hover .project-two__content {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
    transition-delay: .8s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
  }

  .project-two__title-box {
    position: relative;
    display: block;
  }

  .project-two__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 10px;
  }

  .project-two__title a {
    color: var(--elitecons-white);
  }

  .project-two__title a:hover {
    color: var(--elitecons-base);
  }

  .project-two__sub-title {
    color: var(--elitecons-white);
  }

  .project-two__arrow {
    position: relative;
    display: block;
  }

  .project-two__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
    background-color: var(--elitecons-base);
    color: var(--elitecons-white);
    font-size: 15px;
  }

  .project-two__arrow a:hover {
    background-color: var(--elitecons-white);
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Pricing Two
  --------------------------------------------------------------*/
  .pricing-two {
    background-color: var(--elitecons-primary);
    padding: 120px 0 90px;
  }

  .pricing-two__shape-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.05;
    z-index: -1;
  }

  .pricing-two__shape-1 img {
    width: auto;
  }

  .pricing-two .pricing-one__single {
    border: 0;
    background-color: var(--elitecons-white);
  }

  /*--------------------------------------------------------------
  # Team Two
  --------------------------------------------------------------*/
  .team-two {
    position: relative;
    display: block;
    padding: 120px 0 170px;
    z-index: 1;
  }

  .team-two__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .team-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 20px;
    z-index: 1;
  }

  .team-two__img img {
    width: 100%;
    transform: scale(1.01);
    transform-origin: 30% 80%;
    transition: all .1s linear;
  }

  .team-two__single:hover .team-two__img img {
    transform: scale(1.036);
    transition-duration: .9s;
  }

  .team-two__content {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    text-align: center;
    padding: 30px 0 29px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
  }

  .team-two__single:hover .team-two__content {
    border: 1px solid var(--elitecons-black);
  }

  .team-two__content::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--elitecons-black);
    transform: scaleX(0.7) rotateX(20deg);
    opacity: 0;
    transition: all 0.4s linear;
    z-index: -1;
  }

  .team-two__single:hover .team-two__content::before {
    transform: scaleX(1.0) rotateX(0deg);
    transition: all 0.4s linear;
    opacity: 1;
  }

  .team-two__social {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .team-two__social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    border: 1px solid var(--elitecons-bdr-color);
    font-size: 15px;
    color: var(--elitecons-black);
    overflow: hidden;
    z-index: 1;
  }

  .team-two__single:hover .team-two__social a {
    color: var(--elitecons-white);
    border: 1px solid rgba(var(--elitecons-bdr-rgb), .10);
  }

  .team-two__social a:hover {
    color: var(--elitecons-white);
    border: 1px solid var(--elitecons-base);
    background-color: var(--elitecons-base);
  }

  .team-two__info-box {
    position: relative;
    display: block;
    margin-top: 23px;
  }

  .team-two__name {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
  }

  .team-two__name a {
    color: var(--elitecons-black);
  }

  .team-two__single:hover .team-two__name a {
    color: var(--elitecons-white);
  }

  .team-two__sub-title {
    padding-top: 6px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .team-two__single:hover .team-two__sub-title {
    color: var(--elitecons-white);
  }

  /*--------------------------------------------------------------
  # Success One
  --------------------------------------------------------------*/
  .success-one {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    padding: 130px 0 130px;
    z-index: 1;
  }

  .success-one__shape-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .10;
    animation: leftRight 4s ease-in-out infinite;
    z-index: -1;
  }

  .success-one__shape-1 img {
    width: 100%;
  }

  .success-one__img-box {
    position: absolute;
    top: -80px;
    left: 0;
    z-index: 1;
  }

  .success-one__img {
    position: relative;
    display: block;
  }

  .success-one__img img {
    width: auto;
  }

  .success-one__counter {
    position: absolute;
    bottom: 20px;
    right: 30px;
    background-color: var(--elitecons-base);
    padding: 36px 40px 41px;
    z-index: 2;
  }

  .success-one__counter-list {
    position: relative;
    display: block;
  }

  .success-one__counter-list li {
    position: relative;
    display: block;
    border-bottom: 1px solid var(--elitecons-bdr-color);
    padding-bottom: 21px;
    margin-bottom: 26px;
  }

  .success-one__counter-list li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .success-one__counter-count {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
  }

  .success-one__counter-count h3 {
    font-size: 36px;
    line-height: 36px;
    color: var(--elitecons-white);
    font-weight: 700;
  }

  .success-one__counter-percent {
    font-size: 36px;
    line-height: 36px;
    color: var(--elitecons-white);
    font-weight: 700;
  }

  .success-one__counter-text {
    color: var(--elitecons-white);
  }

  .success-one__left {
    position: relative;
    display: block;
  }

  .success-one__left .section-title {
    margin-bottom: 20px;
  }

  .success-one__left .section-title__title {
    color: var(--elitecons-white);
  }

  .success-one__text {
    color: var(--elitecons-white);
  }

  .success-one__points {
    position: relative;
    display: block;
    margin-top: 41px;
    margin-bottom: 50px;
  }

  .success-one__points li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .success-one__points li+li {
    margin-top: 30px;
  }

  .success-one__points-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    width: 64px;
    background-color: #09316F;
  }

  .success-one__points-icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--elitecons-white);
  }

  .success-one__points-text {
    font-size: 26px;
    line-height: 26px;
    color: var(--elitecons-white);
    font-weight: 700;
  }

  .success-one__points-text a {
    color: var(--elitecons-white);
  }

  .success-one__points-text a:hover {
    color: var(--elitecons-base);
  }

  .success-one__btn-box {
    position: relative;
    display: block;
  }

  .success-one__btn:after {
    background-color: var(--elitecons-white);
  }

  .success-one__btn:hover {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Faq Two
  --------------------------------------------------------------*/
  .faq-two {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 80px 0 80px;
    z-index: 1;
  }

  .faq-two__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 55.7%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
  }

  .faq-two__content-box {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    padding: 50px 40px 40px;
    z-index: 1;
  }

  .faq-two__content-box .section-title {
    margin-bottom: 49px;
  }

  .faq-two__content-box .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 1px solid rgba(var(--elitecons-gray-rgb), .40);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .faq-two__content-box .faq-one-accrodion .accrodion.active {
    border: 1px solid rgba(var(--elitecons-gray-rgb), .40);
  }

  .faq-two__content-box .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 22px 30px 22px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    border-bottom: 1px solid transparent;
  }

  .faq-two__content-box .faq-one-accrodion .accrodion.active .accrodion-title {
    border-bottom: 1px solid rgba(var(--elitecons-gray-rgb), .40);
  }

  .faq-two__content-box .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    color: var(--elitecons-black);
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .faq-two__content-box .faq-one-accrodion .accrodion.active .accrodion-title h4 {
    color: var(--elitecons-black);
  }

  .faq-two__content-box .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 20px;
  }

  .faq-two__content-box .faq-one-accrodion .accrodion-title h4::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 17px;
    color: var(--elitecons-base);
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 17px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
    width: 21px;
    height: 21px;
  }

  .faq-two__content-box .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\f068";
    color: var(--elitecons-gray);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .faq-two__content-box .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-top: 19px;
    padding-bottom: 21px;
    padding-right: 30px;
    padding-left: 30px;
  }

  .faq-two__content-box .faq-one-accrodion .accrodion-content p {
    margin: 0;
  }

  /*--------------------------------------------------------------
  # Counter Two
  --------------------------------------------------------------*/
  .counter-two {
    position: relative;
    display: block;
    padding: 130px 0 0;
    z-index: 0;
    padding-bottom: 2rem;
    direction: rtl;
    background-color: var(--elitecons-primary);
  }

  .counter-two__bg-box {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 450px;
    z-index: -1;
  }

  .counter-two__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }

  .counter-two__bg:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /* background-color: rgba(var(--elitecons-black-rgb), .90); */
    /* background-color: rgb(0 22 89 / 50%); */
  }

  .counter-two__top {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 100px;
    text-shadow: 0 0 9px #000000, 0 0 19px #000;

  }

  .counter-two__top .section-title {
    margin-bottom: 0;
    text-align: center;
  }

  .counter-two__top .section-title__tagline,
  .counter-two__top .section-title__title {
    color: var(--elitecons-base);
    text-align: center;
  }

  .counter-two__top .section-title__title {
    /* color: var(--elitecons-black); */
    color: var(--elitecons-white);
    text-align: center;
    text-shadow: 0 0 2px #fff, 0 0 3px #000000;
  }

  .counter-two__top-text {
    position: relative;
    display: block;
    /* max-width: 550px; */
    width: 100%;
    color: var(--elitecons-white);
    text-align: center;
  text-shadow: 0 0 5px #000000, 0 0 5px #000;
    font-size: 25px;

  }

  .counter-two__bottom {
    position: relative;
    display: block;
  }

  .counter-two__single {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
    border-bottom: 3px solid var(--elitecons-black);
    padding: 50px 17px;
    text-align: center;
    /* box-shadow: 0 135px 68px 3px rgba(0, 0, 0, 0.35); */
    /* box-shadow: 0 10px 35px 3px rgba(0, 0, 0, 0.35); */
    box-shadow: 0 3px 9px 3px rgba(0, 0, 0, 0.35);
    border-radius: 0.5rem;

  }

  .counter-two__icon {
    position: absolute;
    top: -40px;
    /* right: 40px; */
    height: 80px;
    width: 80px;
    background-color: var(--elitecons-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border: solid var(--elitecons-black) 1px;
  }

  .counter-two__icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--elitecons-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .counter-two__single:hover .counter-two__icon span {
    transform: scale(0.9);
    border-radius: 1rem;
  }

  .counter-two__count {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }

  .counter-two__count h3 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    letter-spacing: -1.2px;
  }

  .counter-two__plus {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    letter-spacing: -1.2px;
    color: var(--elitecons-base);
  }

  .counter-two__count-text {
    margin-top: 4px;
  }

  /*--------------------------------------------------------------
  # Testimonial Two
  --------------------------------------------------------------*/
  .testimonial-two {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 5;
  }

  .testimonial-two__left {
    position: relative;
    display: block;
    margin-left: -140px;
    z-index: 1;
  }

  .testimonial-two__img {
    position: relative;
    display: block;
  }

  .testimonial-two__img img {
    width: 100%;
  }

  .testimonial-two__right {
    position: relative;
    display: block;
    margin-top: 60px;
    z-index: 2;
  }

  .testimonial-two__single {
    position: relative;
    display: block;
    background-color: #F3F3F3;
    padding: 55px 40px 93px;
  }

  .testimonial-two__quote-icon {
    position: absolute;
    top: 67px;
    left: 40px;
    z-index: 2;
  }

  .testimonial-two__quote-icon span {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 50px;
    color: rgba(var(--elitecons-base-rgb), .50);
  }

  .testimonial-two__client-info {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 31px;
  }

  .testimonial-two__client-img {
    position: relative;
    display: block;
    height: 73px;
    width: 73px;
    border-radius: 50%;
  }

  .testimonial-two__client-img img {
    width: 100%;
    border-radius: 50%;
  }

  .testimonial-two__client-content {
    position: relative;
    display: block;
  }

  .testimonial-two__client-name {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
  }

  .testimonial-two__client-sub-title {
    padding-top: 6px;
  }

  .testimonial-two__text {
    font-size: 22px;
    line-height: 36px;
  }


  .testimonial-two__nav {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 40px;
    bottom: -30px;
  }

  .testimonial-two__nav .swiper-button-prev1,
  .testimonial-two__nav .swiper-button-next1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 1px solid var(--elitecons-bdr-color);
    color: var(--elitecons-black);
    background-color: var(--elitecons-white);
    font-size: 18px;
    margin: 0px 0px;
    text-align: center;
    transition: all 500ms ease;
    z-index: 100;
  }

  .testimonial-two__nav .swiper-button-prev1:hover,
  .testimonial-two__nav .swiper-button-next1:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
    border: 1px solid var(--elitecons-base);
  }

  .testimonial-two__nav .swiper-button-next1 {
    margin-right: 10px;
  }

  /*--------------------------------------------------------------
  # Blog Two
  --------------------------------------------------------------*/
  .blog-two {
    position: relative;
    display: block;
    padding: 0 0 90px;
  }

  .blog-two__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .blog-two__img-box {
    position: relative;
    display: block;
  }

  .blog-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .blog-two__img::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--elitecons-black);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }

  .blog-two__single:hover .blog-two__img::before {
    opacity: .50;
  }

  .blog-two__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .blog-two__single:hover .blog-two__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .blog-two__content {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    border-top: 0;
    padding: 31px 39px 30px;
  }

  .blog-two__meta {
    position: relative;
    display: flex;
    align-items: center;
  }

  .blog-two__meta li {
    position: relative;
    display: block;
  }

  .blog-two__meta li+li {
    margin-right: 25px;
  }

  .blog-two__meta li>a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--elitecons-gray);
  }

  .blog-two__meta li>a:hover {
    color: var(--elitecons-base);
  }

  .blog-two__meta li>a>span {
    position: relative;
    color: var(--elitecons-base);
    top: -3px;
    margin-left: 10px;
  }

  .blog-two__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 29px;
    margin-top: 10px;
    margin-bottom: 21px;
  }

  .blog-two__title>a {
    color: var(--elitecons-black);
  }

  .blog-two__title>a:hover {
    color: var(--elitecons-base);
  }

  .blog-two__read-more {
    position: relative;
    display: inline-block;
    margin-top: 20px;
  }

  .blog-two__read-more>a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--elitecons-black);
    gap: 10px;
  }

  .blog-two__read-more>a>span {
    position: relative;
    font-size: 13px;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-two__read-more>a:hover>span {
    color: var(--elitecons-base);
  }

  .blog-two__date {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 65px;
    background-color: var(--elitecons-black);
    text-align: center;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-two__single:hover .blog-two__date {
    background-color: var(--elitecons-base);
  }

  .blog-two__date>p {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: var(--elitecons-white);
  }

  /*--------------------------------------------------------------
  # Site Footer Two
  --------------------------------------------------------------*/
  .site-footer-two {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    overflow: hidden;
    z-index: 1;
  }

  .site-footer-two__shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .10;
    z-index: -1;
  }

  .site-footer-two__top {
    position: relative;
    display: block;
    padding: 80px 0 96px;
  }

  .site-footer-two__top-inner {
    position: relative;
    display: block;
  }

  .footer-widget-two__about {
    position: relative;
    display: block;
  }

  .footer-widget-two__logo {
    position: relative;
    display: block;
    margin-bottom: 29px;
  }

  .footer-widget-two__about-text {
    color: var(--elitecons-white);
  }

  .footer-widget-two__about-form {
    position: relative;
    display: block;
  }

  .footer-widget-two__about-form-input-box {
    position: relative;
    display: block;
  }

  .footer-widget-two__about-form-input-box input[type="email"] {
    height: 60px;
    width: 100%;
    background-color: #09316F;
    outline: none;
    font-size: 20px;
    color: var(--elitecons-white);
    font-weight: 400;
    border: none;
    padding-left: 70px;
    padding-right: 20px;
  }

  .footer-widget-two__about-btn {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    bottom: 0;
    width: 60px;
    background-color: var(--elitecons-base);
    border-radius: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-widget-two__about-btn:hover {
    background-color: var(--elitecons-white);
  }

  .footer-widget-two__about-btn span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footer-widget-two__about-btn:hover span {
    color: var(--elitecons-base);
  }

  .site-footer-two__social {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 26px;
    margin-bottom: 45px;
  }

  .site-footer-two__social>a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--elitecons-white);
  }

  .site-footer-two__social>a:hover {
    color: var(--elitecons-base);
  }

  .site-footer-two__social>a+a {
    margin-right: 25px;
  }

  .footer-widget-two__service {
    position: relative;
    display: block;
    margin-right: 100px;
  }

  .footer-widget-two__title-box {
    position: relative;
    display: block;
    margin-bottom: 41px;
    margin-top: 13px;
  }

  .footer-widget-two__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-white);
  }

  .footer-widget-two__service-list {
    position: relative;
    display: block;
  }

  .footer-widget-two__service-list>li {
    position: relative;
    display: block;
  }

  .footer-widget-two__service-list>li+li {
    margin-top: 15px;
  }

  .footer-widget-two__service-list>li>a {
    color: var(--elitecons-white);
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }

  .footer-widget-two__service-list>li>a>span {
    font-size: 13px;
    color: var(--elitecons-base);
  }

  .footer-widget-two__service-list>li>a:hover {
    color: var(--elitecons-base);
  }

  .footer-widget-two__links {
    position: relative;
    display: block;
    margin-right: 55px;
  }

  .footer-widget-two__contact {
    position: relative;
    display: block;
  }

  .footer-widget-two__contact-list {
    position: relative;
    display: block;
  }

  .footer-widget-two__contact-list li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .footer-widget-two__contact-list li+li {
    margin-top: 17px;
  }

  .footer-widget-two__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
  }

  .footer-widget-two__contact-list li .icon span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--elitecons-base);
  }

  .footer-widget-two__contact-list li .content {
    position: relative;
    display: block;
    margin-right: 15px;
  }

  .footer-widget-two__contact-list li .content>p {
    color: var(--elitecons-white);
    font-weight: 700;
    margin-top: 3px;
  }

  .footer-widget-two__contact-list li .content>p>a {
    color: var(--elitecons-white);
  }

  .footer-widget-two__contact-list li .content>p>a:hover {
    color: var(--elitecons-base);
  }

  .site-footer-two__bottom {
    position: relative;
    display: block;
    border-top: 1px solid #09316F;
  }

  .site-footer-two__bottom-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 31px 0 31px;
  }

  .site-footer-two__bottom-text {
    color: var(--elitecons-white);
  }

  .site-footer-two__bottom-menu {
    position: relative;
    display: flex;
    align-items: center;
  }

  .site-footer-two__bottom-menu li {
    position: relative;
    display: block;
  }

  .site-footer-two__bottom-menu li+li {
    margin-right: 30px;
  }

  .site-footer-two__bottom-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .site-footer-two__bottom-menu li a:hover {
    color: var(--elitecons-base);
  }
  .site-footer-three_bottom-inner{
      font-size:14px;
  }

  .footer-widget-three_link{
      padding-right: 9rem;
  }
  /*--------------------------------------------------------------
  # Services Five
  --------------------------------------------------------------*/
  .services-five {
    position: relative;
    display: block;
    margin-top: -135px;
    padding: 0 0 10px;
    z-index: 99;
  }

  .services-five .container .main-title .section-title__title{
      text-align: center ;
      color: var(--elitecons-base);
      text-shadow: 0 0 5px #fff, 0 0 5px #fff;
      /* font-weight: 400; */
  }

  .services-five__single {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
    border: 1px solid var(--elitecons-bdr-color);
    /* padding: 41px 29px 35px; */
      padding: 41px 46px 35px;
    padding-left: 46px;
    margin-bottom: 30px;
    border-radius: 3%;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }
  .services-five__single img{
      border-radius: 0.5rem;
  }

  .services-five__icon {
    position: relative;
    display: inline-block;
  }

  .services-five__icon span {
    position: relative;
    display: inline-block;
    font-size: 61px;
    color: var(--elitecons-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .services-five__single:hover .services-five__icon span {
    transform: scale(0.9);
  }

  .services-five__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
    border-top: 1px solid var(--elitecons-bdr-color);
    padding-top: 23px;
    margin-top: 24px;
    text-align: center;
  }

  .services-five__title a {
    color: var(--elitecons-black);
  }

  .services-five__title a:hover {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # About Three
  --------------------------------------------------------------*/
  .about-three {
    position: relative;
    display: block;
    padding: 0 0 120px;
    z-index: 1;
    direction: rtl;
    padding-bottom: 0px;
  }

  .about-three .it-nw-blog-sh img {
      /* padding-right: 112rem; */
      /* margin-top: -4rem; */
      /*margin-right: -105rem;*/
      max-width: 380px;
  }

  .about-three .site-footer__shape-2{
    /* position: absolute; */
    top: -9px;
    right: 0;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }

  .about-three .site-footer__shape-6{
      /* position: absolute; */
      bottom: 0;
      left: 0;
      animation: topBottom 3s ease-in-out infinite;
      z-index: -1;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
   }



  .about-three__left {
    position: relative;
    display: block;
    margin-left: 30px;
  }

  .about-three__img {
    position: relative;
    display: block;
  }

  .about-three__img img {
    width: 100%;
    border-radius: 0.5rem;
    /* height: 20rem !important; */
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.35);
  }

  .about-three__right {
    position: relative;
    display: block;
    /* margin-top: 80px; */
      margin-top: -21px;
      /* margin-top: -35px; */

  }

  .str-feature-icon{
          width: 125px;
      height: 125px;
      margin: 0 auto;
      line-height: 125px;
      margin-bottom: 18px;
      border-radius: 100%;
      transition: 0.3s all ease-in-out;
      background-image: linear-gradient(-170deg, #efe7f9 0%, #eaedfc 49%, #e5f3fe 100%);
      /* background-image: linear-gradient(170deg, #efe7f9 0%, #001659 49%, #810100 126%); */
      border: solid#810100 1px;
  }
  .str-feature-icon img{
      padding-right: 9px;
  }

  .site-footer__shape-3{
      /* position: absolute; */
      top: 0;
      right: 0;
      animation: topBottom 3s ease-in-out infinite;
      z-index: -1;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0.3;
   }

  .site-footer__shape-4{
      /* position: absolute; */
      top: 0;
      left: 0;
      animation: topBottom 3s ease-in-out infinite;
      z-index: -1;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
          opacity: 0.3;
   }
  .about-three__right .section-title {
    margin-bottom: 20px;
  }
  .about-three__right .section-title .about-three__text{
      text-align: right;
  }

  .why-choose-three .container .row .our-vision{
      text-align: right;
  }
  .why-choose-three .container .row .why-choose-three__left p{
      text-align: justify !important;
      direction: rtl;
  }

  .why-choose-three .container .row .section-title__title{
      text-align: right;
  }
  .about-three__right p{
      text-align: justify;
  }

  .about-three__points {
    position: relative;
    display: block;
    margin-top: 15px;
  }

  .about-three__points li {
    position: relative;
    display: flex;
    align-items: flex-start;
  }

  .about-three__points li+li {
    margin-top: 18px;
  }

  .about-three__points li .icon {
    position: relative;
    display: inline-block;
    top: 2px;
  }

  .about-three__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: var(--elitecons-base);
  }

  .about-three__points li .content {
    position: relative;
    display: block;
    /* margin-right: 20px; */
  }

  .about-three__points li .content h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 6px;
  }
  /* about us  */

  .read-about::after{
      content: "";
      background-color: var(--elitecons-black);
      color: var(--elitecons-white) !important;
      position: absolute;
      transition: all .3s ease-in;
      z-index: -1;
      height: 100%;
      right: -35%;
      top: 0;
      transform: skew(-30deg);
      transition-duration: .6s;
      transform-origin: top right;
      width: 0;
  }

  .about-three .container .row .main-slider-three__btn-1:hover {
  color: var(--elitecons-white);
  }

  .why-choose-three .container .row .col-lg-7 .section-title__title{
      margin-top: 0px;
  }

  .about-three .site-footer__shape-1{
      right: 0rem;
  }

  /* ===================================
      Learn-More-Section
  ====================================== */

  .learn-more-section {
    /* padding: 200px 0; */
    background-size: cover;
    background-image: url('../../classic-business/img/section-2.jpg');
  }

  .learn-more-section .text-area {
    text-align: center;
  }

  .learn-more-section p {
    color: #fff;
    margin-bottom: 30px;
  }

  .learn-more-section h2 {
    color: #fff;
    margin-bottom: 50px;
    text-shadow: 0 0 5px #000000, 0 0 5px #000000;
    font-size: 35px;
    direction: rtl;
    padding-top: 7rem!important;

  }

  .Example-btn5{
      font-size: 16px;
      color: rgb(255, 255, 255);
      box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
      transform: translateY(0px);
      /* background: linear-gradient(90deg, rgb(44, 154, 201) 0%, rgb(89, 204, 255) 100%); */
      background-color: var(--elitecons-base);
      padding: 10px 50px;
      border-width: initial;
      border-style: none;
      border-color: initial;
      border-image: initial;
      /* border-radius: 50px; */
      transition: 1000ms;
  }

  /* .learn-more-section .container .text-area .read-about:hover {
      background-color: var(--elitecons-white);
      color: var(--elitecons-base);
  } */

  .learn-more-section .container .text-area a:hover{
        background-color: var(--elitecons-base) !important;
      color: var(--elitecons-white) !important;
  }
  /*--------------------------------------------------------------
  # Services Six
  --------------------------------------------------------------*/
  .services-six {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden;
    z-index: 1;
    /* margin-top: -5rem!important; */
    direction: rtl;
  }

  .services-six__bg-box {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 512px;
    background-color: var(--elitecons-base);
    z-index: -1;
  }

  .services-six__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .10;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    animation: topBottom 3s ease-in-out infinite;
  }

  .services-six__top {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 58px;
  }

  .services-six__top .section-title__tagline {
    color: var(--elitecons-white);
  }

  .services-six__top .section-title__title {
    color: var(--elitecons-base);
    margin: 0rem !important;
  }

  .services-six__top .section-title {
    margin-bottom: 0px;
  }

  .services-six__btn-box {
    position: relative;
    display: block;
  }

  .services-six__btn {
    border: 1px solid var(--elitecons-white);
    padding: 15px 29px 13px;
    color: var(--elitecons-white);
    background-color: transparent;
  }

  .services-six__btn:hover {
    border: 1px solid var(--elitecons-base);
  }

  .services-six__btn::after {
    background-color: var(--elitecons-base);
  }

  .services-six__single {
    position: relative;
    display: block;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }

  .services-six__img-box {
    position: relative;
    display: block;
  }

  .services-six__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    border-radius: 0.5rem;
    box-shadow: 0 14px 10px -10px rgba(0, 0, 0, 0.35);
  }

  .services-six__img::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #4cc9fe;
    /* background: var(--elitecons-base); */
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }

  .services-six__single:hover .services-six__img::before {
    opacity: .50;
  }

  .services-six__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
    max-width: 30rem;
  }

  .services-six__single:hover .services-six__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .services-six__content {
    position: relative;
    display: block;
    border-bottom: 2px solid var(--elitecons-base);
    background-color: var(--elitecons-white);
    padding: 27px 30px 28px;
    height: 150px;
  }

  .services-six__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
  }

  .services-six__title a {
    color: var(--elitecons-base);
  }

  .services-six__title a:hover {
    color: var(--elitecons-black);
  }

  .services-six__text {
    margin-top: 1px;
    margin-bottom: 33px;
    text-align: justify;
  }

  .services-six__read-more {
    position: relative;
    display: inline-block;
  }

  .services-six__read-more a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.32px;
    color: var(--elitecons-base);
    gap: 12px;
    direction: ltr;
  }

  .services-six__read-more a:hover {
    color: var(--elitecons-black);
  }

  .services-six__read-more a>span {
    font-size: 14px;
  }

  .services-six .container .services-six__bottom .main-slider-three__btn-box-1{
      text-align: center;
  }

  .services-six .container .services-six__bottom .read-about:hover{
      background-color: var(--elitecons-black);
      color: var(--elitecons-white) !important;
  }

  /*--------------------------------------------------------------
  # Recent Project
  --------------------------------------------------------------*/
  .recent-project {
    position: relative;
    display: block;
    padding: 0 0 90px;
    z-index: 1;
  }

  .recent-project__list-box {
    position: relative;
    display: block;
  }

  .recent-project__list-box li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    padding: 28px 60px 28px;
  }

  .recent-project__list-content {
    position: relative;
    display: flex;
    align-items: center;
  }

  .recent-project__list-content .icon {
    position: relative;
    display: inline-block;
  }

  .recent-project__list-content .icon>span {
    position: relative;
    display: inline-block;
    font-size: 76px;
    color: var(--elitecons-black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
    z-index: 2;
  }

  .recent-project__list-box li:hover .recent-project__list-content .icon>span {
    transform: scale(0.9);
  }

  .recent-project__list-content .content {
    position: relative;
    display: block;
    margin-right: 83px;
  }

  .recent-project__list-content .content>h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
  }

  .recent-project__list-content .content>h3>a {
    color: var(--elitecons-black);
  }

  .recent-project__list-content .content>h3>a:hover {
    color: var(--elitecons-base);
  }

  .recent-project__btn-box {
    position: relative;
    display: block;
  }

  .recent-project__btn {
    background-color: var(--elitecons-black);
  }

  .recent-project__btn::after {
    background-color: var(--elitecons-base);
  }

  .recent-project__img {
    position: absolute;
    top: 50%;
    left: 375px;
    transform: translateY(-50%) rotate(10.57deg) scale(0);
    -webkit-transform: translateY(-50%) rotate(10.57deg) scale(0);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .recent-project__list-box li:hover .recent-project__img {
    -webkit-transform: translateY(-50%) rotate(10.57deg) scale(1);
    transform: translateY(-50%) rotate(10.57deg) scale(1);
    transition-delay: 500ms;
    opacity: 1;
  }

  .recent-project__img img {
    width: auto;
  }

  /*--------------------------------------------------------------
  # Why Choose Three
  --------------------------------------------------------------*/
  .why-choose-three {
    position: relative;
    display: block;
    /* background-color: var(--elitecons-base); */
    padding: 120px 0 0;
    z-index: 1;
    direction: rtl;
  }

  .why-choose-three__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc((100% - 210px) / 2);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .why-choose-three::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 150px;
    /* background-color: var(--elitecons-black); */
    z-index: -1;
  }

  .why-choose-three__left {
    position: relative;
    display: block;
    text-align: justify !important;
  }

  .why-choose-three__left .section-title {
    margin-bottom: 20px;
  }

  .why-choose-three__left .section-title__tagline {
    color: var(--elitecons-white);
  }

  .why-choose-three__left .section-title__title {
    color: var(--elitecons-white);
  }

  .why-choose-three__text {
    color: var(--elitecons-white);
  }

  .why-choose-three__btn-box {
    position: relative;
    display: block;
    margin-top: 40px;
    margin-bottom: 170px;
  }

  .why-choose-three__btn {
    color: var(--elitecons-black);
    background-color: var(--elitecons-white);
  }

  .why-choose-three__contact-list {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 45px;
    border-bottom: 1px solid rgba(var(--elitecons-white-rgb), .20);
    margin-left: -77px;
  }

  .why-choose-three__contact-list li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .why-choose-three__contact-list li+li {
    margin-right: 160px;
  }

  .why-choose-three__contact-list li .icon {
    position: relative;
    display: inline-block;
  }

  .why-choose-three__contact-list li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 55px;
    color: rgba(var(--elitecons-white-rgb), .30);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
    z-index: 2;
  }

  .why-choose-three__contact-list li:hover .icon>span {
    transform: scale(0.9);
  }

  .why-choose-three__contact-list li .content {
    position: relative;
    display: block;
    margin-right: 15px;
  }

  .why-choose-three__contact-list li .content>span {
    font-size: 16px;
    color: var(--elitecons-white);
    line-height: 26px;
  }


  .why-choose-three__contact-list li .content>p {
    font-weight: 700;
  }

  .why-choose-three__contact-list li .content>p>a {
    color: var(--elitecons-white);
  }

  .why-choose-three__contact-list li .content>p>a:hover {
    color: var(--elitecons-base);
  }
  @keyframes slideInLeft {
    from {
      transform: translateX(-100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  @keyframes slideInRight {
    from {
      transform: translateX(100%);
      opacity: 0;
    }
    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  .why-choose-three__left {
    animation: slideInRight 1.5s ease-in-out;
  }

  .about-three__img {
    animation: slideInLeft 1.5s ease-in-out;
  }

  /* our vision */
  .our-vision-img {
    animation: slideInRight 1.5s ease-in-out;
  }

  /* why-choose-img */
  .why-choose-img{
        animation: slideInLeft 3.5s ease-in-out;
  }

  .about-three .container .row .col-xl-6 .about-three__right .section-title h2{
      text-align: justify;
  }
  /*--------------------------------------------------------------
  # Counter Three
  --------------------------------------------------------------*/
  .counter-three {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    padding: 162px 0 119px;
  }

  .counter-three__inner {
    position: relative;
    display: block;
  }

  .counter-three__count-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .counter-three__count-list li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .counter-three__count {
    position: relative;
    display: flex;
    align-items: center;
  }

  .counter-three__count>h3 {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -1.2px;
    line-height: 60px;
    color: var(--elitecons-white);
  }

  .counter-three__count>span {
    font-size: 60px;
    font-weight: 700;
    letter-spacing: -1.2px;
    line-height: 60px;
    color: var(--elitecons-white);
  }

  .counter-three__text {
    margin-right: 13px;
    font-weight: 700;
    color: var(--elitecons-white);
    line-height: 24px;
  }

  .counter-three__big-count {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: -20px;
    right: 0;
  }

  .counter-three__big-count>h3 {
    font-size: 140px;
    font-weight: 900;
    line-height: 140px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--elitecons-white-rgb), .20);
  }

  .counter-three__big-count>span {
    font-size: 140px;
    font-weight: 900;
    line-height: 140px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--elitecons-white-rgb), .20);
  }

  /*--------------------------------------------------------------
  # Project Three
  --------------------------------------------------------------*/
  .project-three {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
   padding-bottom: 3rem;
   padding-top: 0rem;
  }

  /* .project-three__single {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    border-radius: 2%;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.35);
  } */

  .project-three__img-box {
    position: relative;
    display: block;
  }

  .project-three__img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0.5rem;
  }

  .project-three__img:before {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: rgb(76 201 254 / 64%);
    /* background-color: rgb(129 1 0 / 55%); */
    /* background-color: rgba(var(--elitecons-black-rgb), .65); */
    content: "";
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    z-index: 1;
  }

  .project-three__single:hover .project-three__img:before {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
  }

  .project-three__img img {
    width: 100%;
    transition: all 0.8s ease 0s;
    border-radius: 2%;
    max-width: 26rem;
  }

  .project-three__single:hover .project-three__img img {
    transform: scale(1.2);
  }

  .project-three__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 30px 30px;
    padding-left: 40px;
    direction: rtl;
    height: 150px;
  }

  .project-three__title-box {
    position: relative;
    display: block;
  }

  .project-three__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 6px;
  }

  .project-three__title>a {
    color: var(--elitecons-base);
  }

  .project-three__title>a:hover {
    color: var(--elitecons-black);
  }

  .project-three__plus {
    position: relative;
    display: block;
  }

  .project-three__plus>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--elitecons-base);
    font-size: 17px;
    color: var(--elitecons-white);
    border-radius: 2rem;
  }

  .project-three__plus>a:hover {
    background-color: var(--elitecons-black);
    color: var(--elitecons-white);
    border-radius: 2rem;
  }


  .project-three .container .row .main-slider-three__btn-box-1 {
      text-align: center;
  }

  .project-three .container .row .read-about:hover {

    background-color: var(--elitecons-black);
    color: var(--elitecons-white) !important;
  }

  /*--------------------------------------------------------------
  # Contact Two
  --------------------------------------------------------------*/
  .contact-two {
    position: relative;
    display: block;
    padding: 0 0 220px;
    z-index: 1;
    padding-top: 5rem;
    padding-bottom: 0rem;
    direction: rtl;
  }

  .contact-two__left {
    position: relative;
    display: block;
    margin-top: 9px;
  }

  .contact-two__left .section-title {
    margin-bottom: 20px;
  }

  .contact-two__call-box {
    position: relative;
    display: flex;
    align-items: center;
    /* margin-top: 59px; */
  }

  .contact-two__call-box .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--elitecons-primary);
    border-radius: 50%;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .contact-two__call-box .icon:hover {
    background-color: var(--elitecons-base);
  }

  .contact-two__call-box .icon>span {
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: var(--elitecons-base);
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .contact-two__call-box .icon:hover>span {
    color: var(--elitecons-white);
  }

  .contact-two__call-box .content {
    position: relative;
    display: block;
    margin-right: 20px;
  }

  .contact-two__call-box .content>span {
    font-size: 16px;
    line-height: 16px;
  }

  .contact-two__call-box .content>p {
    font-size: 26px;
    font-weight: 700;
    line-height: 34px;
  }

  .contact-two__call-box .content>p>a {
    color: var(--elitecons-black);
    font-size: 20px;
  }

  .contact-two__call-box .content>p>a:hover {
    color: var(--elitecons-base);
    font-size: 20px;

  }

  .contact-two__right {
    position: relative;
    display: block;
  }

  .contact-two__form {
    position: relative;
    display: block;
  }

  .contact-two__input-box {
    position: relative;
    display: block;
    margin-bottom: 20px;
  }

  .contact-two__input-box input[type="text"],
  .contact-two__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    border: none;
    background-color: var(--elitecons-primary);
    padding-right: 20px;
    padding-left: 20px;
    outline: none;
    color: var(--elitecons-gray);
    display: block;
    font-weight: 400;
    border-radius: 0.5rem;
  }

  .contact-two__input-box textarea {
    color: var(--elitecons-gray);
    height: 260px;
    width: 100%;
    background-color: var(--elitecons-primary);
    padding: 20px 20px 30px;
    border: none;
    outline: none;
    font-weight: 400;
    border-radius: 0.5rem;
  }

  .contact-two__btn {
    border: none;
  }

  /* .contact-two__input-box.text-message-box {
    height: 150px;
  } */

  .contact-two .container .row .col-xl-6 .contact-two__left p{
      text-align: justify;
  }

  /*--------------------------------------------------------------
  # Testimonial Three
  --------------------------------------------------------------*/
  .testimonial-three {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    padding: 120px 0 54px;
    z-index: 0;
  }

  .testimonial-three__bg {
    position: absolute;
    top: -100px;
    right: 0;
    bottom: 0;
    width: calc((100% - 159px) / 2);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .testimonial-three__right {
    position: relative;
    display: block;
  }

  .testimonial-three__single {
    position: relative;
    display: block;
  }

  .testimonial-three__text-box {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    padding: 40px 40px 60px;
    border-radius: 0.5rem;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }

  .testimonial-three__text-box p {
      text-align: justify;
  }

  .testimonial-three__client-info {
    position: relative;
    display: block;
    margin-top: -40px;
    padding-right: 30px;
  }

  .testimonial-three__client-img {
    position: relative;
    display: block;
    max-width: 70px;
    width: 100%;
  }

  .testimonial-three__client-img img {
    width: 100%;
    border-radius: 50%;
  }

  .testimonial-three__client-name {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 8px;
    margin-bottom: 6px;
  }

  .testimonial-three__quote {
    position: absolute;
    left: 30px;
    bottom: 15px;
  }

  .testimonial-three__quote>span {
    position: relative;
    display: inline-block;
    font-size: 25px;
    color: var(--elitecons-base);
  }

  .testimonial-three__dot-style {
      position: absolute;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      bottom: 18px;
      /* left: 40rem; */
      z-index: 2;
      bottom: 18px;
      right: 40rem;
  }


  .swiper-dot-style1 {
    position: relative;
    display: inline-flex;
    line-height: 0;
    height: 0;
  }

  .swiper-dot-style1 .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0px 9px;
    background: rgba(var(--elitecons-black-rgb), .20);
    border-radius: 50%;
    opacity: 1;
    transition: all 200ms linear;
    transition-delay: 0.1s;
  }

  .swiper-dot-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--elitecons-base);
    opacity: 1.0;
  }

  .swiper-dot-style1 .swiper-pagination-bullet::before {
    position: absolute;
    top: -7px;
    right: -7px;
    bottom: -7px;
    left: -7px;
    border: 2px solid var(--elitecons-base);
    border-radius: 50%;
    transform: scale(0);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    content: "";
  }

  .swiper-dot-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
  .swiper-dot-style1 .swiper-pagination-bullet:hover {
    transform: scale(1.0);
  }

  /*--------------------------------------------------------------
  # About Four
  --------------------------------------------------------------*/
  .about-four {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 2;
  }

  .about-four__bg-color {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 138px;
    background-color: var(--elitecons-primary);
    z-index: -1;
  }

  .about-four__left {
    position: relative;
    display: block;
    margin-top: 10px;
  }

  .about-four__left .section-title {
    margin-bottom: 20px;
  }

  .about-four__btn-box {
    position: relative;
    display: block;
    margin-top: 40px;
  }

  .about-four__right {
    position: relative;
    display: block;
  }

  .about-four__single {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 30px 30px 30px;
    margin-bottom: 30px;
  }

  .about-four__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    background-color: var(--elitecons-primary);
    border-radius: 50%;
    margin: 0 auto;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .about-four__single:hover .about-four__icon {
    background-color: var(--elitecons-base);
  }

  .about-four__icon span {
    position: relative;
    display: inline-block;
    font-size: 38px;
    color: var(--elitecons-base);
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .about-four__single:hover .about-four__icon>span {
    color: var(--elitecons-white);
  }

  .about-four__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 18px;
    margin-bottom: 8px;
  }

  .about-four__title>a {
    color: var(--elitecons-black);
  }

  .about-four__title>a:hover {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Team Three
  --------------------------------------------------------------*/
  .team-three {
    position: relative;
    display: block;
    padding: 237px 0 90px;
    margin-top: -138px;
    z-index: 1;
  }

  .team-three__bg-box {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 687px;
    background-color: var(--elitecons-black);
    z-index: -1;
  }

  .team-three__bg-shape {
    position: absolute;
    bottom: 20px;
    right: 0;
  }

  .team-three__bg-shape img {
    width: auto;
    opacity: .50;
  }

  .team-three .section-title__tagline {
    color: var(--elitecons-white);
  }

  .team-three .section-title__title {
    color: var(--elitecons-base);
  }

  .team-three__single {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
  }

  .team-three__img-box {
    position: relative;
    display: block;
  }

  .team-three__img {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .team-three__img::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background-color: rgba(var(--elitecons-black-rgb), .30);
    background-position: center bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1;
  }

  .team-three__single:hover .team-three__img::before {
    transform: scaleY(1.0);
  }

  .team-three__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .team-three__single:hover .team-three__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .team-three__content {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 40px 25px;
    padding-left: 30px;
  }

  .team-three__title-box {
    position: relative;
    display: block;
  }

  .team-three__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 1px;
  }

  .team-three__title a {
    color: var(--elitecons-black);
  }

  .team-three__title a:hover {
    color: var(--elitecons-base);
  }

  .team-three__share-and-social {
    position: relative;
    display: block;
    z-index: 2;
  }

  .team-three__share {
    position: relative;
    display: block;
  }

  .team-three__share a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--elitecons-bdr-color);
    font-size: 20px;
    color: var(--elitecons-base);
  }

  .team-three__social {
    position: absolute;
    display: flex;
    align-items: center;
    flex-direction: column;
    top: -205px;
    right: 50%;
    transform: translateX(50%);
    background-color: var(--elitecons-base);
    padding: 20px 14.5px 20px;
    transform: scaleY(0.0) translateX(50%);
    transform-origin: center;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transform-origin: left center;
  }

  .team-three__share-and-social:hover .team-three__social {
    transform: scaleY(1.0) translateX(50%);
    transform-origin: bottom center;
    transition-delay: 400ms;
  }

  .team-three__social a {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 15px;
    color: var(--elitecons-white);
  }

  .team-three__social a:hover {
    color: var(--elitecons-black);
  }

  .team-three__social a+a {
    margin-top: 25px;
  }
  .team-card {
      border-radius: 20px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
      transition: transform 0.5s ease;
  }
  .team-card:hover {
      transform: scale(1.01);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.58);
  }

  .team-img {
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
  }


  /*--------------------------------------------------------------
  # Brand Two
  --------------------------------------------------------------*/
  .brand-two {
    padding-top: 0;
  }

  /*--------------------------------------------------------------
  # Video One
  --------------------------------------------------------------*/
  .video-one {
    position: relative;
    display: block;
  }

  .video-one__inner {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    text-align: center;
    padding: 157px 0 116px;
    overflow: hidden;
    z-index: 1;
  }

  .video-one__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .30;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }

  .video-one__content {
    position: relative;
    display: block;
    text-align: center;
  }

  .video-one__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: -0.81px;
    color: var(--elitecons-white);
    margin-bottom: 23px;
  }

  .video-one__video-link {
    position: relative;
    display: block;
  }

  .video-one__video-icon {
    position: relative;
    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;
    width: 86px;
    height: 86px;
    line-height: 86px;
    text-align: center;
    font-size: 22px;
    color: var(--elitecons-base);
    background-color: var(--elitecons-white);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    margin: 0 auto;
  }

  .video-one__video-icon:hover {
    background-color: var(--elitecons-base);
    color: var(--elitecons-white);
  }

  .video-one__video-link .ripple,
  .video-one__video-icon .ripple:before,
  .video-one__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), 0.6);
    -o-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), 0.6);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), 0.6);
    box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), 0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
  }

  .video-one__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
  }

  .video-one__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
  }

  .video-one__text {
    font-weight: 700;
    color: var(--elitecons-white);
    letter-spacing: -0.81px;
    margin-top: 18px;
  }

  .video-one__shape-1 {
    position: absolute;
    width: 543px;
    height: 543px;
    background-color: rgba(var(--elitecons-base-rgb), .80);
    bottom: -336px;
    right: 50%;
    transform: translateX(50%);
    border-radius: 50%;
  }

  /*--------------------------------------------------------------
  # Blog Three
  --------------------------------------------------------------*/
  .blog-three {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
  }

  .blog-three__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .blog-three__img-box {
    position: relative;
    display: block;
  }

  .blog-three__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .blog-three__img::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--elitecons-black);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }

  .blog-three__single:hover .blog-three__img::before {
    opacity: .50;
  }

  .blog-three__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .blog-three__single:hover .blog-three__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .blog-three__content {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    margin-right: 20px;
    margin-left: 20px;
    margin-top: -30px;
    padding: 41px 30px 30px;
    z-index: 2;
  }

  .blog-three__meta {
    position: relative;
    display: flex;
    align-items: center;
  }

  .blog-three__meta li {
    position: relative;
    display: block;
  }

  .blog-three__meta li+li {
    margin-right: 30px;
  }

  .blog-three__meta li>a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--elitecons-gray);
  }

  .blog-three__meta li>a:hover {
    color: var(--elitecons-base);
  }

  .blog-three__meta li>a>span {
    position: relative;
    top: -3px;
    margin-left: 10px;
    color: var(--elitecons-base);
  }

  .blog-three__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 29px;
    margin-top: 11px;
    margin-bottom: 31px;
  }

  .blog-three__title a {
    color: var(--elitecons-black);
  }

  .blog-three__title a:hover {
    color: var(--elitecons-base);
  }

  .blog-three__read-more {
    position: relative;
    display: inline-block;
  }

  .blog-three__read-more a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.32px;
    gap: 12px;
    color: var(--elitecons-black);
  }

  .blog-three__read-more a:hover {
    color: var(--elitecons-base);
  }

  .blog-three__read-more a>span {
    font-size: 11px;
  }

  .blog-three__admin {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--elitecons-base);
    display: flex;
    align-items: center;
    width: 92px;
    height: 40px;
    justify-content: center;
    top: -20px;
    right: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-three__admin:hover {
    background-color: var(--elitecons-black);
  }

  .blog-three__admin>p {
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-three__admin:hover>p {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # CTA Two
  --------------------------------------------------------------*/
  .cta-two {
    position: relative;
    display: block;
    z-index: 1;
  }

  .cta-two__wrap {
    position: relative;
    display: block;
    background-color: var(--elitecons-base);
    clip-path: polygon(0 0, 68% 0%, 52% 100%, 0% 100%);
    z-index: 1;
  }

  .cta-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: calc((100% - 65px) / 2);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: -1;
  }

  .cta-two__inner {
    position: relative;
    display: block;
    padding: 80px 0 80px;
  }

  .cta-two__title {
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    color: var(--elitecons-white);
  }

  .cta-two__call-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 29px;
  }

  .cta-two__call-box .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .cta-two__call-box .icon:hover {
    background-color: var(--elitecons-black);
  }

  .cta-two__call-box .icon>span {
    position: relative;
    display: inline-block;
    font-size: 22px;
    color: var(--elitecons-base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .cta-two__call-box .icon:hover>span {
    color: var(--elitecons-white);
  }

  .call-number {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 20px;
  }

  .call-number>a {
    color: var(--elitecons-white);
  }

  .call-number>a:hover {
    color: var(--elitecons-black);
  }

  .call-number>a+a {
    margin-right: 20px;
  }

  /*--------------------------------------------------------------
  # Site Footer Three
  --------------------------------------------------------------*/
  .site-footer-three {
    position: relative;
    display: block;
    /* background-color: var(--elitecons-white); */
    z-index: 1;
  }


  .site-footer-three__shape-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
  }

  .site-footer-three__shape-1 img {
    width: auto;
    /* opacity: .10; */
  }

  .site-footer-three__top {
    position: relative;
    display: block;
    padding-top: 3rem;
    padding-bottom: 3rem;
    /* padding-bottom: 1rem; */
    /* padding: 80px 0 75px; */
    direction: rtl;
  }

  .site-footer-three__top-inner {
    position: relative;
    display: block;
  }

  .footer-widget-three__about {
    position: relative;
    display: block;
  }

  .footer-widget-three__logo {
    position: relative;
    display: block;
  }

  .footer-widget-three__logo a img{
      max-width: 300px;
  }

  .footer-widget-three__about-text {
    color: var(--elitecons-white);
    margin-top: 31px;
    text-shadow:  0 0 7px #000000, 0 0 6px #000000;
    text-align: justify;
  }

  .footer-widget-three__about-form {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .footer-widget-three__about-form-input-box {
    position: relative;
    display: block;
  }

  .footer-widget-three__about-form-input-box input[type="email"] {
    height: 50px;
    width: 100%;
    background-color: #09316F;
    outline: none;
    font-size: 20px;
    color: var(--elitecons-white);
    font-weight: 400;
    border: none;
    padding-left: 70px;
    padding-right: 20px;
    letter-spacing: -0.02em;
  }

  .footer-widget-three__about-btn {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    bottom: 0;
    width: 60px;
    background-color: var(--elitecons-base);
    border-radius: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-widget-three__about-btn:hover {
    background-color: var(--elitecons-white);
  }

  .footer-widget-three__about-btn span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footer-widget-three__about-btn:hover span {
    color: var(--elitecons-base);
  }

  .site-footer-three__social {
    position: relative;
    display: flex;
    align-items: center;
    text-shadow: 0 0 7px #000000, 0 0 6px #000000;
  }

  .site-footer-three__social>a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--elitecons-white);
  }

  .site-footer-three__social>a:hover {
    color: var(--elitecons-base);
  }

  .site-footer-three__social>a+a {
    margin-right: 25px;
  }

  .footer-widget-three__link {
    position: relative;
    display: block;
    margin-right: 140px;
  }

  .footer-widget-three__title-box {
    position: relative;
    display: block;
    margin-bottom: 35px;
    margin-top: 13px;
    text-shadow: 0 0 2px #000000, 0 0 2px #000000;
  }

  .footer-widget-three__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-base);
    text-shadow: 0 0 3px #000000, 0 0 3px #000000;
  }

  .footer-widget-three__link-list {
    position: relative;
    display: block;
  }

  .footer-widget-three__link-list>li {
    position: relative;
    display: block;
  }

  .footer-widget-three__link-list>li+li {
    margin-top: 15px;
  }

  .footer-widget-three__link-list>li>a {
    color: var(--elitecons-white);
   text-shadow: 0 0 7px #000000, 0 0 6px #000000;
  }

  .footer-widget-three__link-list>li>a:hover {
    color: var(--elitecons-base);
    text-shadow: 0 0 7px #000000, 0 0 6px #000000;
  }

  .footer-widget-three__page {
    position: relative;
    display: block;
    /* margin-left: 93px; */
  }

  .footer-widget-three__contact {
    position: relative;
    display: block;
  }

  .footer-widget-three__contact-list {
    position: relative;
    display: block;
  }

  .footer-widget-three__contact-list li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .footer-widget-three__contact-list li+li {
    margin-top: 17px;
  }

  .footer-widget-three__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--elitecons-base);
    border-radius: 50%;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footer-widget-three__contact-list li .location{
      width: 42px;
  }

  .footer-widget-three__contact-list li:hover .icon {
      background-color: var(--elitecons-black);
  }

  .footer-widget-three__contact-list li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--elitecons-white);
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footer-widget-three__contact-list li:hover .icon>span {
    color: var(--elitecons-white);
  }

  .footer-widget-three__contact-list li .content {
    position: relative;
    display: block;
    margin-right: 20px;
  }

  .footer-widget-three__contact-list li .content>span {
    color: var(--elitecons-white);
  }

  .footer-widget-three__contact-list li .content>p {
    color: var(--elitecons-white);
    font-weight: 400;
    margin-top: 3px;
      text-shadow: 0 0 5px #000000, 0 0 5px #000000;
  }

  .footer-widget-three__contact-list li .content>p>a {
    color: var(--elitecons-white);
  }

  .footer-widget-three__contact-list li .content>p>a:hover {
    color: var(--elitecons-base);
      text-shadow: 0 0 5px #000000, 0 0 5px #000000;

  }
  .footer-widget-three__contact-list li .content>p:hover{
      color: var(--elitecons-base);
      text-shadow: 0 0 5px #000000, 0 0 5px #000000;
        transition: all 500ms ease;
  }

  .site-footer-three__bottom {
    position: relative;
    display: block;
    border-top: 1px solid #810100;
  }

  .site-footer-three__bottom-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    /* padding: 31px 0 31px; */
     /* padding: 31px 0 0px; */
     font-size: 14px;
     /* padding-bottom: 1rem; */
  }

  .site-footer-three__bottom-text {
    color: var(--elitecons-white);
    text-shadow: 0 0 7px #000000, 0 0 6px #000000;
  }

  .site-footer-three__bottom-menu {
    position: relative;
    display: flex;
    align-items: center;
  }

  .site-footer-three__bottom-menu li {
    position: relative;
    display: block;
  }

  .site-footer-three__bottom-menu li+li {
    margin-right: 30px;
  }

  .site-footer-three__bottom-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .site-footer-three__bottom-menu li a:hover {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Services Seven
  --------------------------------------------------------------*/
  .services-seven {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
  }

  .services-seven__left {
    position: relative;
    display: block;
    margin-top: 65px;
    margin-left: 149px;
  }

  .services-seven__left .section-title {
    margin-bottom: 20px;
  }

  .services-seven__text {
    margin-bottom: 51px;
  }

  .services-seven__btn-box {
    position: relative;
    display: block;
  }

  .services-seven__right {
    position: relative;
    display: block;
  }

  .services-seven__single {
    position: relative;
    display: block;
    text-align: center;
    border: 1px solid var(--elitecons-bdr-color);
    background-color: var(--elitecons-white);
    margin-bottom: 30px;
    padding: 43px 0 38px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
  }

  .services-seven__single:hover {
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    border: 1px solid transparent;
  }

  .services-seven__single:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background-color: var(--elitecons-base);
    transition: transform 500ms ease;
    transform: scale(0, 1);
    transform-origin: right center;
    z-index: -1;
  }

  .services-seven__single:hover:before {
    transform: scale(1, 1);
    transform-origin: left center;
  }

  .services-seven__title-box {
    position: relative;
    display: block;
  }

  .services-seven__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 12px;
  }

  .services-seven__title a {
    color: var(--elitecons-black);
  }

  .services-seven__title a:hover {
    color: var(--elitecons-base);
  }

  .services-seven__sub-title {
    font-size: 16px;
  }

  .services-seven__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
  }

  .services-seven__icon span {
    position: relative;
    display: inline-block;
    font-size: 73px;
    color: var(--elitecons-black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .services-seven__single:hover .services-seven__icon span {
    transform: scale(.9);
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # About Five
  --------------------------------------------------------------*/
  .about-five {
    position: relative;
    display: block;
    padding: 120px 0 300px;
    background-color: var(--elitecons-primary);
    z-index: 1;
  }

  .about-five__left {
    position: relative;
    display: block;
    margin-left: 245px;
  }

  .about-five__img-box {
    position: relative;
    display: block;
    z-index: 1;
  }

  .about-five__shape-1 {
    position: absolute;
    top: 66px;
    left: -160px;
    z-index: -1;
  }

  .about-five__shape-1 img {
    width: auto;
  }

  .about-five__shape-2 {
    position: absolute;
    bottom: -200px;
    right: 0;
    z-index: -1;
  }

  .about-five__shape-2 img {
    width: auto;
  }

  .about-five__img {
    position: relative;
    display: block;
  }

  .about-five__img img {
    width: 100%;
  }

  .about-five__img-two {
    position: absolute;
    bottom: -200px;
    left: -216px;
    z-index: 2;
  }

  .about-five__img-two img {
    width: auto;
  }

  .about-five__experience {
    position: absolute;
    bottom: -110px;
    right: 55px;
    background: #F3F3F3;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    padding: 30px 30px 30px;
    padding-left: 37px;
    z-index: 2;
  }

  .about-five__experience-icon {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .about-five__experience-icon span {
    position: relative;
    display: inline-block;
    font-size: 80px;
    color: var(--elitecons-base);
  }

  .about-five__experience-content {
    position: relative;
    display: block;
    margin-right: 6px;
  }

  .about-five__experience-count-outer {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  .about-five__experience-count {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .about-five__experience-count h3 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
  }

  .about-five__experience-count span {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    color: var(--elitecons-black);
  }

  .about-five__experience-text {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
  }

  .about-five__experience-count-text {
    padding-top: 5px;
  }

  .about-five__right {
    position: relative;
    display: block;
    margin-top: 50px;
  }

  .about-five__right .section-title {
    margin-bottom: 31px;
  }

  .about-five__text-box {
    position: relative;
    display: block;
    border-right: 2px solid var(--elitecons-bdr-color);
    padding-top: 20px;
    padding-bottom: 19px;
    padding-right: 25px;
  }

  .about-five__text-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 2px;
    background-color: var(--elitecons-bdr-color);
  }

  .about-five__text-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 13px;
    height: 2px;
    background-color: var(--elitecons-bdr-color);
  }

  .about-five__points {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 155px;
    margin-top: 44px;
    margin-bottom: 49px;
  }

  .about-five__points li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .about-five__points li .icon {
    position: relative;
    display: flex;
    align-items: center;
  }

  .about-five__points li .icon span {
    position: relative;
    display: inline-block;
    font-size: 55px;
    color: var(--elitecons-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .about-five__points li:hover .icon span {
    transform: scale(.9);
  }

  .about-five__points li .text {
    position: relative;
    display: block;
  }

  .about-five__points li .text p {
    font-size: 20px;
    color: var(--elitecons-black);
    line-height: 24px;
    font-weight: 700;
  }

  .about-five__btn-box {
    position: relative;
    display: block;
  }

  .about-five__btn {
    background-color: var(--elitecons-black);
  }

  .about-five__btn::after {
    background-color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Services Eight
  --------------------------------------------------------------*/
  .services-eight {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 1;
  }

  .services-eight__carousel-box {
    position: relative;
    display: block;
  }

  .services-eight__single {
    position: relative;
    display: block;
  }

  .services-eight__img-box {
    position: relative;
    display: block;
    margin-left: 80px;
  }

  .services-eight__img-box:before {
    content: "";
    position: absolute;
    top: 105px;
    left: -80px;
    bottom: 0;
    width: 80px;
    background-color: var(--elitecons-primary);
  }

  .services-eight__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .services-eight__img::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(var(--elitecons-black-rgb), .30);
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    z-index: 1;
  }

  .services-eight__single:hover .services-eight__img::after {
    visibility: visible;
    opacity: 1;
  }

  .services-eight__img img {
    width: 100%;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
    object-fit: cover;
  }

  .services-eight__single:hover .services-eight__img img {
    transform: scale(1.1);
  }

  .services-eight__content {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    padding: 20px 40px 40px;
  }

  .services-eight__title-box {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
  }

  .services-eight__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    width: 65px;
    background-color: var(--elitecons-base);
  }

  .services-eight__icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: var(--elitecons-white);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .services-eight__single:hover .services-eight__icon span {
    transform: scale(.9);
  }

  .services-eight__title {
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
  }

  .services-eight__title a {
    color: var(--elitecons-black);
  }

  .services-eight__title a:hover {
    color: var(--elitecons-base);
  }

  .services-eight__text {
    margin-top: 22px;
    margin-bottom: 41px;
  }

  .services-eight__btn-box {
    position: relative;
    display: block;
  }

  .services-eight__btn {
    background-color: transparent;
    border: 1px solid var(--elitecons-bdr-color);
    color: var(--elitecons-black);
    padding: 15px 30px 13px;
  }

  .services-eight__btn:hover {
    border: 1px solid var(--elitecons-black);
  }

  .services-eight__dot-style {
    position: relative;
    text-align: center;
    padding-top: 76px;
  }

  .services-eight__dot-style .swiper-dot-style1 .swiper-pagination-bullet {
    background: rgba(var(--elitecons-base-rgb), 1);

  }

  /*--------------------------------------------------------------
  # Gallery One
  --------------------------------------------------------------*/
  .gallery-one {
    position: relative;
    display: block;
    padding: 120px 0 0;
    z-index: 1;
  }

  .gallery-one:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 675px;
    background-color: var(--elitecons-black);
    z-index: -1;
  }

  .gallery-one__top {
    position: relative;
    display: block;
    margin-bottom: 58px;
  }

  .gallery-one__top-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .gallery-one__top-inner .section-title {
    margin-bottom: 0;
  }

  .gallery-one__top-inner .section-title__title {
    color: var(--elitecons-white);
  }

  .gallery-one__nav {
    position: relative;
    display: flex;
    align-items: center;
  }

  .gallery-one__nav .swiper-button-prev1,
  .gallery-one__nav .swiper-button-next1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 0;
    color: var(--elitecons-white);
    background-color: rgba(var(--elitecons-white-rgb), .10);
    font-size: 16px;
    margin: 0px 0px;
    text-align: center;
    border-radius: 50%;
    transition: all 500ms ease;
    z-index: 100;
  }

  .gallery-one__nav .swiper-button-prev1:hover,
  .gallery-one__nav .swiper-button-next1:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .gallery-one__nav .swiper-button-next1 {
    margin-right: 10px;
  }

  .gallery-one__bottom {
    position: relative;
    display: block;
  }

  .gallery-one__bottom .container {
    max-width: 1740px;
  }

  .gallery-one__swiper-box {
    position: relative;
    display: block;
  }

  .gallery-one__single {
    position: relative;
    display: block;
  }

  .gallery-one__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .gallery-one__img:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(-180deg, rgba(255, 94, 20, 0) 0%, #FF5E14 100%);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    opacity: 1;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1;
  }

  .gallery-one__single:hover .gallery-one__img:before {
    transform: scaleY(1.0);
  }

  .gallery-one__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .gallery-one__single:hover .gallery-one__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .gallery-one__content-box {
    position: absolute;
    bottom: 44px;
    right: 40px;
    left: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    transform: translateY(-100%);
    visibility: hidden;
    opacity: 0;
    transition-delay: .3s;
    transition-timing-function: ease-in-out;
    transition-duration: .1s;
    transition-property: all;
    z-index: 2;
  }

  .gallery-one__single:hover .gallery-one__content-box {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
    transition-delay: .8s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
  }

  .gallery-one__title-box {
    position: relative;
    display: block;
  }

  .gallery-one__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 13px;
  }

  .gallery-one__title a {
    color: var(--elitecons-white);
  }

  .gallery-one__title a:hover {
    color: var(--elitecons-black);
  }

  .gallery-one__sub-title {
    font-size: 16px;
    color: var(--elitecons-white);
    line-height: 20px;
  }

  .gallery-one__arrow {
    position: relative;
    display: block;
    top: 13px;
  }

  .gallery-one__arrow a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background-color: var(--elitecons-white);
    font-size: 15px;
  }

  .gallery-one__arrow a:hover {
    background-color: var(--elitecons-black);
    color: var(--elitecons-white);
  }


  /*--------------------------------------------------------------
  # Testimonial Four
  --------------------------------------------------------------*/
  .testimonial-four {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
  }

  .testimonial-four__left {
    position: relative;
    display: block;
  }

  .testimonial-four__img {
    position: relative;
    display: block;
  }

  .testimonial-four__img img {
    width: 100%;
  }

  .testimonial-four__right {
    position: relative;
    display: block;
    margin-top: 60px;
    margin-right: -132px;
    z-index: 3;
  }

  .testimonial-four__single {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    padding: 70px 60px 60px;
  }

  .testimonial-four__quote-and-rating {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .testimonial-four__quote {
    position: relative;
    display: flex;
    align-items: center;
  }

  .testimonial-four__quote span {
    position: relative;
    display: inline-block;
    font-size: 63px;
    color: rgba(var(--elitecons-base-rgb), .50);
  }

  .testimonial-four__rating {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .testimonial-four__rating span {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #F8BC26;
  }

  .testimonial-four__rating span:nth-child(4) {
    color: #D0D0D0;
  }

  .testimonial-four__rating span:nth-child(5) {
    color: #D0D0D0;
  }

  .testimonial-four__text {
    font-size: 26px;
    line-height: 30px;
    padding-top: 38px;
    padding-bottom: 27px;
  }

  .testimonial-four__client-info {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .testimonial-four__client-img {
    position: relative;
    display: block;
    width: 65px;
  }

  .testimonial-four__client-img img {
    width: 100%;
  }

  .testimonial-four__client-content {
    position: relative;
    display: block;
  }

  .testimonial-four__client-name {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
  }

  .testimonial-four__client-sub-title {
    margin-top: 6px;
  }

  .testimonial-four__right .swiper-container {
    overflow: visible;
  }

  .testimonial-four__right .swiper-container .swiper-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 500ms ease;
  }

  .testimonial-four__right .swiper-container .swiper-slide-active.swiper-slide {
    opacity: 1;
    visibility: visible;
  }

  .testimonial-four__dot-style {
    position: absolute;
    bottom: 60px;
    left: 60px;
    z-index: 2;
  }

  .testimonial-four__dot-style .swiper-dot-style1 .swiper-pagination-bullet {
    background: rgba(var(--elitecons-base-rgb), 1);
  }

  /*--------------------------------------------------------------
  # Team Four
  --------------------------------------------------------------*/
  .team-four {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    padding: 130px 0 215px;
    overflow: hidden;
    z-index: 1;
  }

  .team-four__shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .10;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
  }

  .team-four .container {
    max-width: 1775px;
  }

  .team-four .section-title__title {
    color: var(--elitecons-white);
  }

  .team-four__swiper-box {
    position: relative;
    display: block;
  }

  .team-four__single {
    position: relative;
    display: block;
  }

  .team-four__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .team-four__img::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--elitecons-black);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }

  .team-four__single:hover .team-four__img::before {
    opacity: .50;
  }

  .team-four__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .team-four__single:hover .team-four__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .team-four__content {
    position: relative;
    display: block;
    background-color: #09316F;
    padding: 30px 30px 28px;
    z-index: 3;
  }

  .team-four__title-box {
    position: relative;
    display: block;
  }

  .team-four__name {
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 15px;
  }

  .team-four__name a {
    color: var(--elitecons-white);
  }

  .team-four__name a:hover {
    color: var(--elitecons-base);
  }

  .team-four__sub-title {
    color: var(--elitecons-white);
    font-size: 16px;
    line-height: 16px;
  }

  .team-four__share-and-social {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
  }

  .team-four__share {
    position: relative;
    display: inline-block;
  }

  .team-four__share a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 16px;
    color: var(--elitecons-white);
    background-color: var(--elitecons-black);
  }

  .team-four__share a:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .team-four__social {
    position: absolute;
    top: -177px;
    right: 50%;
    background-color: var(--elitecons-black);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 21px 12px 20px;
    transform: scaleY(0.0) translateX(50%);
    transform-origin: center;
    transform-style: preserve-3d;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    transform-origin: left center;
  }

  .team-four__share-and-social:hover .team-four__social {
    transform: scaleY(1.0) translateX(50%);
    transform-origin: bottom center;
    transition-delay: 500ms;
  }

  .team-four__social>a {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
    color: var(--elitecons-white);
  }

  .team-four__social>a:hover {
    color: var(--elitecons-base);
  }

  .team-four__social>a+a {
    margin-top: 21px;
  }

  .team-four__dot-style {
    position: relative;
    display: block;
    margin-top: 80px;
  }

  .team-four__dot-style .swiper-dot-style1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5px;
    width: 400px;
    background-color: #09316F;
    margin: 0 auto 0;
  }

  .team-four__dot-style .swiper-dot-style1 .swiper-pagination-bullet {
    width: 100px;
    height: 5px;
    margin: 0;
    background: rgba(var(--elitecons-base-rgb), 1);
    border-radius: 3px;
    opacity: 0;
  }

  .team-four__dot-style .swiper-dot-style1 .swiper-pagination-bullet::before {
    display: none;
  }

  .team-four__dot-style .swiper-dot-style1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1.0;
  }

  /*--------------------------------------------------------------
  # Counter Four
  --------------------------------------------------------------*/
  .counter-four {
    position: relative;
    display: block;
    margin-top: -95px;
    z-index: 1;
  }

  .counter-four__single {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: var(--elitecons-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    padding: 40px 30px 40px;
  }

  .counter-four__icon {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .counter-four__icon span {
    position: relative;
    display: inline-block;
    font-size: 60px;
    color: var(--elitecons-base);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .counter-four__single:hover .counter-four__icon span {
    transform: scale(.9);
  }

  .counter-four__content {
    position: relative;
    display: block;
  }

  .counter-four__count {
    position: relative;
    display: flex;
    align-items: center;
  }

  .counter-four__count h3 {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    letter-spacing: -1.2px;
  }

  .counter-four__count span {
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    letter-spacing: -1.2px;
    color: var(--elitecons-black);
  }


  /*--------------------------------------------------------------
  # Feature One
  --------------------------------------------------------------*/
  .feature-one {
    position: relative;
    display: block;
    padding: 90px 0 0;
  }

  .feature-one__left {
    position: relative;
    display: block;
    background-color: var(--elitecons-base);
    padding: 70px 60px 60px;
    margin-top: 80px;
    z-index: 1;
  }

  .feature-one__left .section-title__tagline {
    color: var(--elitecons-white);
  }

  .feature-one__left .section-title {
    margin-bottom: 20px;
  }

  .feature-one__left .section-title__title {
    color: var(--elitecons-white);
  }

  .feature-one__text {
    color: var(--elitecons-white);
  }

  .feature-one__count-box {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 28px;
  }

  .feature-one__count-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--elitecons-black);
    border-radius: 50%;
  }

  .feature-one__count-icon>span {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: var(--elitecons-base);
  }

  .feature-one__count-content {
    position: relative;
    display: flex;
    align-items: center;
    background-color: rgba(var(--elitecons-black-rgb), .10);
    padding: 23px 40px 21px;
    padding-left: 20px;
    margin-right: -20px;
  }

  .feature-one__count {
    position: relative;
    display: flex;
    align-items: center;
  }

  .feature-one__count>h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-white);
  }

  .feature-one__count>span {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-white);
  }

  .feature-one__count-text {
    font-weight: 700;
    color: var(--elitecons-white);
    margin-right: 10px;
  }

  .feature-one__right {
    position: relative;
    display: block;
    margin-right: -220px;
  }

  .feature-one__img {
    position: relative;
    display: block;
  }

  .feature-one__img img {
    width: 100%;
  }

  /*--------------------------------------------------------------
  # Pricing Three
  --------------------------------------------------------------*/
  .pricing-three {
    position: relative;
    display: block;
    padding: 120px 0 70px;
    z-index: 1;
  }

  .pricing-three__shape-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }

  .pricing-three__shape-1 img {
    width: auto;
    opacity: 0.05;
  }

  .pricing-three__price-list {
    position: relative;
    display: block;
  }

  .pricing-three__price-list>li {
    position: relative;
    display: block;
    margin-bottom: 50px;
  }

  .pricing-three__price-and-btn {
    position: relative;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    align-items: center;
    justify-content: space-between;
    padding: 33px 40px 40px;
  }

  .pricing-three__price-box {
    position: relative;
    display: flex;
    align-items: center;
  }

  .pricing-three__price {
    position: relative;
    display: block;
  }

  .pricing-three__price>h3 {
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.2px;
  }

  .pricing-three__price>h3>span {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--elitecons-gray);
    margin-right: 10px;
  }

  .pricing-three__price-content {
    position: relative;
    display: block;
    margin-right: 80px;
  }

  .pricing-three__price-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 6px;
  }

  .pricing-three__btn-box {
    position: relative;
    display: block;
  }

  .pricing-three__btn {
    background-color: transparent;
    color: var(--elitecons-black);
    border: 1px solid var(--elitecons-base);
    padding: 15px 29px 13px;
  }

  .pricing-three__btn::after {
    background-color: var(--elitecons-base);
  }

  .pricing-three__img {
    position: absolute;
    top: -20px;
    left: 305px;
    background-position: center bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 1;
  }

  .pricing-three__img img {
    width: auto;
  }

  .pricing-three__price-list>li:hover .pricing-three__img {
    transform: scaleY(1.0);
  }

  /*--------------------------------------------------------------
  # Faq Three
  --------------------------------------------------------------*/
  .faq-three {
    position: relative;
    display: block;
    padding: 0 0 209px;
  }

  .faq-three__bg {
    position: absolute;
    top: 170px;
    right: 0;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }

  .faq-three__year {
    position: absolute;
    top: -32px;
    right: 59px;
  }

  .faq-three__year>p {
    font-size: 138px;
    font-weight: 700;
    line-height: 138px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(var(--elitecons-base-rgb), .50);
    letter-spacing: 9.26px;
  }

  .faq-three__right {
    position: relative;
    display: block;
    padding: 70px 60px 60px;
    border-top: 5px solid #FF5E14;
    background-color: var(--elitecons-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
  }

  .faq-three__right .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .faq-three__right .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 25px 30px 20px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
  }

  .faq-three__right .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    color: var(--elitecons-black);
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .faq-three__right .faq-one-accrodion .accrodion.active .accrodion-title h4 {
    color: var(--elitecons-black);
  }

  .faq-three__right .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 20px;
  }

  .faq-three__right .faq-one-accrodion .accrodion-title h4::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 16px;
    color: var(--elitecons-base);
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    background-color: var(--elitecons-primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
  }

  .faq-three__right .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\f068";
    color: var(--elitecons-white);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--elitecons-base);
  }

  .faq-three__right .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-bottom: 28px;
    padding-right: 30px;
    padding-left: 70px;
  }

  .faq-three__right .faq-one-accrodion .accrodion-content p {
    margin: 0;
    font-size: 16px;
  }

  /*--------------------------------------------------------------
  # Blog Four
  --------------------------------------------------------------*/
  .blog-four {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
  }

  .blog-four__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
    padding: 15px 15px 39px;
    background-color: var(--elitecons-primary);
  }

  .blog-four__img-box {
    position: relative;
    display: block;
  }

  .blog-four__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .blog-four__img::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--elitecons-black);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }

  .blog-four__single:hover .blog-four__img::before {
    opacity: .50;
  }

  .blog-four__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .blog-four__single:hover .blog-four__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .blog-four__content {
    position: relative;
    display: block;
    padding: 20px 20px 0;
    z-index: 2;
  }

  .blog-four__meta {
    position: relative;
    display: flex;
    align-items: center;
  }

  .blog-four__meta li {
    position: relative;
    display: block;
  }

  .blog-four__meta li+li {
    margin-right: 20px;
  }

  .blog-four__meta li>a {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--elitecons-gray);
  }

  .blog-four__meta li>a:hover {
    color: var(--elitecons-base);
  }

  .blog-four__meta li>a>span {
    position: relative;
    top: -3px;
    margin-left: 10px;
    color: var(--elitecons-base);
  }

  .blog-four__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 29px;
    margin-top: 21px;
    margin-bottom: 81px;
  }

  .blog-four__title a {
    color: var(--elitecons-black);
  }

  .blog-four__title a:hover {
    color: var(--elitecons-base);
  }

  .blog-four__read-more {
    position: relative;
    display: inline-block;
  }

  .blog-four__read-more a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.32px;
    gap: 12px;
    color: var(--elitecons-black);
    text-transform: capitalize;
  }

  .blog-four__read-more a:hover {
    color: var(--elitecons-base);
  }

  .blog-four__read-more a>span {
    font-size: 11px;
  }

  /*--------------------------------------------------------------
  # Site Footer Five
  --------------------------------------------------------------*/
  .site-footer-four {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
  }

  .site-footer-four__top {
    position: relative;
    display: block;
    padding: 80px 0 80px;
  }

  .site-footer-four__top-inner {
    position: relative;
    display: block;
  }

  .footer-widget-four__about {
    position: relative;
    display: block;
  }

  .footer-widget-four__logo {
    position: relative;
    display: block;
  }

  .footer-widget-four__about-text {
    color: var(--elitecons-white);
    margin-top: 31px;
    margin-bottom: 30px;
  }

  .footer-widget-four__about-form {
    position: relative;
    display: block;
  }

  .footer-widget-four__about-input-box {
    position: relative;
    display: block;
  }

  .footer-widget-four__about-input-box input[type="email"] {
    height: 60px;
    width: 100%;
    background-color: rgba(var(--elitecons-white-rgb), .10);
    outline: none;
    font-size: 20px;
    color: var(--elitecons-white);
    font-weight: 400;
    border: none;
    padding-left: 70px;
    padding-right: 20px;
    letter-spacing: -0.02em;
  }

  .footer-widget-four__about-btn {
    position: absolute;
    top: 4px;
    left: 4px;
    border: none;
    bottom: 4px;
    width: 56px;
    background-color: var(--elitecons-base);
    border-radius: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-widget-four__about-btn:hover {
    background-color: var(--elitecons-white);
  }

  .footer-widget-four__about-btn span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footer-widget-four__about-btn:hover span {
    color: var(--elitecons-base);
  }

  .footer-widget-four__services {
    position: relative;
    display: block;
    margin-right: 100px;
    margin-left: -6px;
  }

  .footer-widget-four__title-box {
    position: relative;
    display: block;
    margin-bottom: 41px;
    margin-top: 13px;
  }

  .footer-widget-four__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-white);
  }

  .footer-widget-four__services-list {
    position: relative;
    display: block;
  }

  .footer-widget-four__services-list>li {
    position: relative;
    display: block;
  }

  .footer-widget-four__services-list>li+li {
    margin-top: 15px;
  }

  .footer-widget-four__services-list>li>a {
    color: var(--elitecons-white);
  }

  .footer-widget-four__services-list>li>a:hover {
    color: var(--elitecons-base);
  }

  .footer-widget-four__link {
    position: relative;
    display: block;
    margin-right: 105px;
  }

  .footer-widget-four__link-list>li {
    position: relative;
    display: block;
  }

  .footer-widget-four__link-list>li+li {
    margin-top: 15px;
  }

  .footer-widget-four__link-list>li>a {
    color: var(--elitecons-white);
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
  }

  .footer-widget-four__link-list>li>a>span {
    position: relative;
    font-size: 13px;
  }

  .footer-widget-four__link-list>li>a:hover {
    color: var(--elitecons-base);
  }

  .footer-widget-four__contact {
    position: relative;
    display: block;
    margin-right: 43px;
  }

  .footer-widget-four__contact-list {
    position: relative;
    display: block;
  }

  .footer-widget-four__contact-list li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .footer-widget-four__contact-list li+li {
    margin-top: 15px;
  }

  .footer-widget-four__contact-list li .icon {
    position: relative;
    display: inline-block;
  }

  .footer-widget-four__contact-list li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: var(--elitecons-base);
  }

  .footer-widget-four__contact-list li p {
    color: var(--elitecons-white);
  }

  .footer-widget-four__contact-list li p>a {
    color: var(--elitecons-white);
  }

  .footer-widget-four__contact-list li p>a:hover {
    color: var(--elitecons-base);
  }

  .site-footer-four__social {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 30px;
  }

  .site-footer-four__social>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: rgba(var(--elitecons-white-rgb), 0.10);
    font-size: 16px;
    color: var(--elitecons-white);
  }

  .site-footer-four__social>a:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .site-footer-four__social>a+a {
    margin-right: 20px;
  }

  .site-footer-four__bottom {
    position: relative;
    display: block;
    border-top: 1px solid #09316F;
  }

  .site-footer-four__bottom-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 31px 0 31px;
  }

  .site-footer-four__bottom-text {
    color: rgba(var(--elitecons-white-rgb), .70);
  }

  .site-footer-four__bottom-menu {
    position: relative;
    display: flex;
    align-items: center;
  }

  .site-footer-four__bottom-menu li {
    position: relative;
    display: block;
  }

  .site-footer-four__bottom-menu li+li {
    margin-right: 30px;
  }

  .site-footer-four__bottom-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(var(--elitecons-white-rgb), .70);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .site-footer-four__bottom-menu li a:hover {
    color: var(--elitecons-base);
  }


  /*--------------------------------------------------------------
  # About Six
  --------------------------------------------------------------*/
  .about-six {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
  }

  .about-six__shape-3 {
    position: absolute;
    top: 150px;
    left: 0;
    z-index: -1;
  }

  .about-six__shape-3 img {
    width: auto;
    opacity: .10;
  }

  .about-six__left {
    position: relative;
    display: block;
    margin-right: 24px;
    margin-left: 30px;
  }

  .about-six__img {
    position: relative;
    display: block;
    z-index: 1;
  }

  .about-six__img img {
    width: 100%;
  }

  .about-six__shape-1 {
    position: absolute;
    right: 0;
    left: 26px;
    bottom: -24px;
    top: 24px;
    background-color: var(--elitecons-primary);
    z-index: -1;
  }

  .about-six__shape-2 {
    position: absolute;
    right: -24px;
    bottom: -24px;
    width: 179px;
    height: 179px;
    background-color: var(--elitecons-base);
    z-index: -1;
  }

  .about-six__count-box {
    position: absolute;
    left: 20px;
    bottom: 26px;
    max-width: 226px;
    width: 100%;
    background-color: var(--elitecons-black);
    padding: 12px 30px 14px;
    text-align: center;
    z-index: 2;
  }

  .about-six__count {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .about-six__count>h3 {
    font-size: 37px;
    font-weight: 700;
    line-height: 37px;
    color: var(--elitecons-white);
  }

  .about-six__count>span {
    font-size: 37px;
    font-weight: 700;
    line-height: 37px;
    color: var(--elitecons-white);
  }

  .about-six__count-text {
    color: var(--elitecons-white);
    margin-top: 6px;
  }

  .about-six__right {
    position: relative;
    display: block;
    margin-top: 38px;
  }

  .about-six__right .section-title {
    margin-bottom: 20px;
  }

  .about-six__points {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .about-six__points li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .about-six__points li+li {
    margin-top: 10px;
  }

  .about-six__points li>.icon {
    position: relative;
    display: inline-block;
  }

  .about-six__points li>.icon>span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--elitecons-base);
  }

  .about-six__points li>p {
    margin-right: 15px;
  }

  /*--------------------------------------------------------------
  # Services Nine
  --------------------------------------------------------------*/
  .services-nine {
    position: relative;
    display: block;
    padding: 0 0 90px;
    counter-reset: count;
    z-index: 1;
  }

  .services-nine__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .services-nine__img-box {
    position: relative;
    display: block;
  }

  .services-nine__img {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .services-nine__img::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--elitecons-base);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }

  .services-nine__single:hover .services-nine__img::before {
    opacity: .60;
  }

  .services-nine__img img {
    width: 100%;
  }

  .services-nine__content {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 18px 40px 34px;
    border-bottom: 6px solid transparent;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .services-nine__single:hover .services-nine__content {
    border-bottom: 6px solid var(--elitecons-base);
    box-shadow: none;
  }

  .services-nine__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
  }

  .services-nine__title>a {
    color: var(--elitecons-black);
  }

  .services-nine__title>a:hover {
    color: var(--elitecons-base);
  }

  .services-nine__text {
    margin-top: 16px;
    margin-bottom: 52px;
  }

  .services-nine__read-more {
    position: relative;
    display: inline-block;
  }

  .services-nine__read-more>a {
    font-size: 16px;
    font-weight: 500;
    color: var(--elitecons-black);
    gap: 10px;
    position: relative;
    display: flex;
    align-items: center;
  }

  .services-nine__read-more>a:hover>span {
    color: var(--elitecons-base);
  }

  .services-nine__read-more>a>span {
    position: relative;
    font-size: 13px;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .services-nine__icon {
    position: absolute;
    bottom: 65px;
    right: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: var(--elitecons-base);
    border-radius: 50%;
    -webkit-transform: scale(0);
    transform: scale(0) translateX(50%);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 2;
  }

  .services-nine__icon:hover {
    background-color: var(--elitecons-black);
  }

  .services-nine__single:hover .services-nine__icon {
    -webkit-transform: scale(1);
    transform: scale(1) translateX(50%);
    transition-delay: 500ms;
    opacity: 1;
  }

  .services-nine__icon>span {
    position: relative;
    display: inline-block;
    font-size: 55px;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .services-nine__count {
    position: absolute;
    bottom: 18px;
    left: 11px;
    z-index: 2;
  }

  .services-nine__count::before {
    position: relative;
    font-size: 80px;
    line-height: 80px;
    font-weight: 900;
    color: rgba(208, 208, 208, .20);
    display: flex;
    align-items: center;
    justify-content: center;
    counter-increment: count;
    content: "0"counter(count);
  }

  /*--------------------------------------------------------------
  # FAQ Four
  --------------------------------------------------------------*/
  .faq-four {
    position: relative;
    display: block;
    padding: 0 0 120px;
    z-index: 1;
  }

  .faq-four__shape-1 {
    position: absolute;
    bottom: 120px;
    left: 0;
    z-index: 1;
  }

  .faq-four__shape-1 img {
    width: auto;
    opacity: .10;
  }

  .faq-four__left {
    position: relative;
    display: block;
    margin-top: 20px;
    z-index: 10;
  }

  .faq-four__left .faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .faq-four__left .faq-one-accrodion .accrodion.active {
    background-color: var(--elitecons-primary);
  }

  .faq-four__left .faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 22px 30px 22px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
  }

  .faq-four__left .faq-one-accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-black);
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .faq-four__left .faq-one-accrodion .accrodion.active .accrodion-title h4 {
    color: var(--elitecons-black);
  }

  .faq-four__left .faq-one-accrodion .accrodion+.accrodion {
    margin-top: 30px;
  }

  .faq-four__left .faq-one-accrodion .accrodion-title h4::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    color: var(--elitecons-black);
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--elitecons-bdr-color);
  }

  .faq-four__left .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\f068";
    color: var(--elitecons-white);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--elitecons-base);
    border: 1px solid var(--elitecons-base);
  }

  .faq-four__left .faq-one-accrodion .accrodion-content {
    position: relative;
    padding-bottom: 19px;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
  }

  .faq-four__left .faq-one-accrodion .accrodion-content p {
    font-size: 16px;
  }

  .faq-four__right {
    position: relative;
    display: block;
    margin-right: 56px;
  }

  .faq-four__img-box {
    position: relative;
    display: block;
  }

  .faq-four__img {
    position: relative;
    display: block;
  }

  .faq-four__img::before {
    content: "";
    position: absolute;
    right: -28px;
    bottom: 56px;
    width: 10px;
    height: 395px;
    background-color: var(--elitecons-base);
  }

  .faq-four__img img {
    width: 100%;
  }

  .faq-four__img-2 {
    position: absolute;
    top: 30px;
    left: -57px;
  }

  .faq-four__img-2 img {
    width: auto;
  }

  /*--------------------------------------------------------------
  # Counter Five
  --------------------------------------------------------------*/
  .counter-five {
    position: relative;
    display: block;
    z-index: 2;
  }

  .counter-five__wrap {
    position: relative;
    display: block;
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
  }

  .counter-five__shape-1 {
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .counter-five__shape-1 img {
    width: auto;
    opacity: .20;
  }

  .counter-five__shape-2 {
    position: absolute;
    bottom: 5px;
    left: 5px;
  }

  .counter-five__shape-2 img {
    width: auto;
    opacity: .20;
  }

  .counter-five__shape-3 {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .counter-five__shape-3 img {
    width: auto;
    opacity: 0.05;
  }

  .counter-five__inner {
    position: relative;
    display: block;
    padding: 80px 0 70px;
  }

  .counter-five__count-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .counter-five__count-list li {
    position: relative;
    display: block;
    margin-bottom: 10px;
  }

  .counter-five__count {
    position: relative;
    display: flex;
    align-items: center;
  }

  .counter-five__count>h3 {
    font-size: 80px;
    font-weight: 900;
    line-height: 80px;
  }

  .counter-five__count>span {
    font-size: 80px;
    font-weight: 900;
    line-height: 80px;
    color: var(--elitecons-black);
  }

  .counter-five__text {
    margin-top: 10px;
  }

  /*--------------------------------------------------------------
  # Gallery Two
  --------------------------------------------------------------*/
  .gallery-two {
    position: relative;
    display: block;
    padding: 265px 0 90px;
    background-color: rgba(var(--elitecons-black-rgb), .95);
    margin-top: -136px;
    z-index: 1;
  }

  .gallery-two__shape-1 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .10;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
  }

  .gallery-two .section-title__title {
    color: var(--elitecons-white);
  }

  .gallery-two__bottom {
    position: relative;
    display: block;
  }

  .gallery-two__single-wrap {
    position: relative;
    display: block;
  }

  .gallery-two__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .gallery-two__img-box {
    position: relative;
    display: block;
  }

  .gallery-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .gallery-two__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .gallery-two__single:hover .gallery-two__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .gallery-two__content {
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 30px 30px;
    background-color: var(--elitecons-white);
    background-position: center bottom;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: bottom;
    transform-style: preserve-3d;
    transform: scaleY(0);
    z-index: 2;
  }

  .gallery-two__single:hover .gallery-two__content {
    transform: scaleY(1.0);
  }

  .gallery-two__title-box {
    position: relative;
    display: block;
  }

  .gallery-two__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 6px;
  }

  .gallery-two__title>a {
    color: var(--elitecons-black);
  }

  .gallery-two__title>a:hover {
    color: var(--elitecons-base);
  }

  .gallery-two__plus {
    position: relative;
    display: block;
  }

  .gallery-two__plus>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: var(--elitecons-base);
    font-size: 20px;
    color: var(--elitecons-white);
    border-radius: 50%;
    webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  .gallery-two__single:hover .gallery-two__plus>a {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-delay: 500ms;
    opacity: 1;
  }

  .gallery-two__plus>a:hover {
    background-color: var(--elitecons-black);
    color: var(--elitecons-white);
  }

  .gallery-two__nav {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -120px;
    left: 0;
  }

  .gallery-two__nav .swiper-button-prev1,
  .gallery-two__nav .swiper-button-next1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border: 0;
    color: var(--elitecons-white);
    border: 1px solid var(--elitecons-white);
    background-color: transparent;
    font-size: 18px;
    margin: 0px 0px;
    text-align: center;
    transition: all 500ms ease;
    z-index: 100;
  }

  .gallery-two__nav .swiper-button-prev1:hover,
  .gallery-two__nav .swiper-button-next1:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
    border: 1px solid var(--elitecons-base);
  }

  .gallery-two__nav .swiper-button-next1 {
    margin-right: 20px;
  }

  /*--------------------------------------------------------------
  # Work Process
  --------------------------------------------------------------*/
  .work-process {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    padding: 80px 0 60px;
    z-index: 1;
  }

  .work-process__bg-shape {
    position: absolute;
    height: 303px;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.05;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }

  .work-process__inner {
    position: relative;
    display: block;
    z-index: 1;
  }

  .work-process__shape-1 {
    position: absolute;
    top: 32px;
    right: 50%;
    transform: translateX(50%);
    z-index: -1;
  }

  .work-process__shape-1 img {
    width: auto;
  }

  .work-process__single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 21px;
  }

  .work-process__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 125px;
    background-color: var(--elitecons-white);
    border-radius: 50%;
    margin: 0 auto;
    z-index: 1;
  }

  .work-process__icon:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    border-radius: 50%;
    background-color: var(--elitecons-black);
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
  }

  .work-process__single:hover .work-process__icon:before {
    transform: scaleX(1);
  }

  .work-process__icon>span {
    position: relative;
    display: inline-block;
    font-size: 65px;
    color: var(--elitecons-black);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .work-process__single:hover .work-process__icon>span {
    transform: scale(0.9);
    color: var(--elitecons-white);
  }

  .work-process__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-top: 19px;
    margin-bottom: 6px;
  }

  .work-process__title>a {
    color: var(--elitecons-black);
  }

  .work-process__title>a:hover {
    color: var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Testimonial Five
  --------------------------------------------------------------*/
  .testimonial-five {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
  }

  .testimonial-five__left {
    position: relative;
    display: block;
  }

  .testimonial-five__single {
    position: relative;
    display: block;
    background: var(--elitecons-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    padding: 40px 40px 40px;
  }

  .testimonial-five__client-info {
    position: relative;
    display: flex;
    align-items: center;
  }

  .testimonial-five__client-img {
    position: relative;
    display: block;
    max-width: 80px;
    width: 100%;
  }

  .testimonial-five__client-img img {
    width: 100%;
    border-radius: 50%;
  }

  .testimonial-five__client-content {
    position: relative;
    display: block;
    margin-right: 40px;
  }

  .testimonial-five__client-content>h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 35px;
  }

  .testimonial-five__ratting {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 19px;
  }

  .testimonial-five__ratting>span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--elitecons-base);
  }

  .testimonial-five__ratting>span+span {
    margin-right: 5px;
  }

  .testimonial-five__text {
    font-size: 24px;
  }

  .testimonial-five__quote {
    position: absolute;
    top: 53px;
    left: 40px;
  }

  .testimonial-five__quote>img {
    width: auto;
    opacity: .40;
  }

  .testimonial-five__right {
    position: relative;
    display: block;
    margin-right: 198px;
    margin-left: 73px;
    margin-top: 25px;
  }

  .testimonial-five__img-box {
    position: relative;
    display: block;
  }

  .testimonial-five__img {
    position: relative;
    display: block;
    z-index: 1;
  }

  .testimonial-five__img img {
    width: 100%;
  }

  .testimonial-five__shape-1 {
    position: absolute;
    right: 0;
    bottom: -88px;
    z-index: 1;
  }

  .testimonial-five__shape-1 img {
    width: auto;
  }

  .testimonial-five__shape-2 {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    z-index: -1;
  }

  .testimonial-five__shape-2 img {
    width: auto;
  }

  .testimonial-five__shape-3 {
    position: absolute;
    bottom: -72px;
    right: -120px;
  }

  .testimonial-five__shape-3 img {
    width: auto;
    opacity: .20;
  }

  .testimonial-five__left .swiper-container {
    overflow: visible;
  }

  .testimonial-five__left .swiper-container .swiper-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 500ms ease;
  }

  .testimonial-five__left .swiper-container .swiper-slide-active.swiper-slide {
    opacity: 1;
    visibility: visible;
  }

  /*--------------------------------------------------------------
  # Pricing Four
  --------------------------------------------------------------*/
  .pricing-four {
    position: relative;
    display: block;
    padding: 0 0 90px;
    z-index: 1;
  }

  .pricing-four__single {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    margin-bottom: 30px;
  }

  .pricing-four__single::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 5px;
    background-color: var(--elitecons-base);
    background-position: right center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
    transform-origin: right;
    transform-style: preserve-3d;
    transform: scaleX(0);
    z-index: 2;
  }

  .pricing-four__single:hover::before {
    transform: scaleX(1.0);
  }

  .pricing-four__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    padding: 38px 44px 26px;
  }

  .pricing-four__price-box {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    padding: 19px 44px 19px;
    z-index: 1;
  }

  .pricing-four__price-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: var(--elitecons-black);
    transform: scaleX(0.7) rotateX(20deg);
    opacity: 0;
    transition: all 0.4s linear;
    z-index: -1;
  }

  .pricing-four__single:hover .pricing-four__price-box::before {
    transform: scaleX(1.0) rotateX(0deg);
    transition: all 0.4s linear;
    opacity: 1;
  }

  .pricing-four__price-box>p {
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -1.2px;
    color: var(--elitecons-black);
    position: relative;
    display: flex;
    align-items: flex-end;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .pricing-four__single:hover .pricing-four__price-box>p {
    color: var(--elitecons-white);
  }

  .pricing-four__price-box>p>span {
    font-size: 20px;
    font-weight: 400;
    color: var(--elitecons-gray);
    position: relative;
    margin-right: 5px;
    top: 13px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .pricing-four__single:hover .pricing-four__price-box>p>span {
    color: var(--elitecons-white);
  }

  .pricing-four__points-and-btn {
    padding: 20px 44px 52px;
  }

  .pricing-four__points {
    position: relative;
    display: block;
    padding-bottom: 40px;
  }

  .pricing-four__points li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .pricing-four__points li+li {
    margin-top: 10px;
  }

  .pricing-four__points li .icon {
    position: relative;
    display: inline-block;
  }

  .pricing-four__points li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--elitecons-base);
  }

  .pricing-four__points li>p {
    position: relative;
    margin-right: 10px;
  }

  .pricing-four__btn-box {
    position: relative;
    display: block;
  }

  .pricing-four__btn {
    padding: 15px 30px 13px;
    border: 1px solid var(--elitecons-base);
    background-color: transparent;
    color: var(--elitecons-black);
    width: 100%;
    justify-content: center;
  }

  .pricing-four__btn::after {
    background-color: var(--elitecons-base);
  }

  .pricing-four__btn:hover {
    border: 1px solid var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Team Five
  --------------------------------------------------------------*/
  .team-five {
    position: relative;
    display: block;
    background-color: var(--elitecons-white);
    padding: 120px 0 247px;
    padding-top: 3rem;
    padding-bottom: 0rem;
  }

  .team-five .section-title__title {
    color: var(--elitecons-base);
  }

  .team-five__single {
      position: relative;
      background-color: rgb(255, 255, 255);
      border-radius: 10px;
      border: 1px solid rgba(33, 33, 33, 0.11);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .team-five__single img {
      border-radius: 10px;
  }

  .team-five__single:hover {
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
  }

  .team-five__title {
      font-size: 18px;
      font-weight: 700;
      text-wrap: nowrap !important;
      color: var(--elitecons-base);

  }

  .team-five__swiper-box {
    position: relative;
    display: block;
  }

  .team-five__single {
    position: relative;
    display: block;
  }

  .team-five__img-box {
    position: relative;
    display: block;
  }

  .team-five__img {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .team-five__img img {
    width: 100%;
    transform: scale(1.01);
    transform-origin: 30% 80%;
    transition: all .1s linear;
    border-radius: 6px;
  }

  .team-five__single:hover .team-five__img img {
    transform: scale(1.036);
    transition-duration: .9s;
  }

  .team-five__content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 18px;
    padding-left: 20px;
    direction: rtl;
  }

  .team-five__title-box {
    position: relative;
    display: block;
  }

  .team-five__title {
      font-size: 20px;
      font-weight: 500;
      line-height: 36px;
      margin-bottom: 1px;
      text-wrap: nowrap;
  }

  .team-five__title>a {
    color: var(--elitecons-white);
  }

  .team-five__title>a:hover {
    color: var(--elitecons-base);
  }

  .team-five__sub-title {
    color: #D0D0D0;
  }

  .team-five__share-and-social {
    position: relative;
    display: block;
  }

  .team-five__share {
    position: relative;
    display: block;
    top: 2px;
  }

  .team-five__share>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: 1px solid var(--elitecons-white);
    font-size: 16px;
    color: var(--elitecons-white);
  }

  .team-five__social {
    position: absolute;
    top: -162px;
    right: 50%;
    transform: translateX(50%);
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: var(--elitecons-base);
    padding: 10px 9.5px;
    transform: scaleY(0.0) translateX(50%);
    transform-origin: center;
    transform-style: preserve-3d;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    transform-origin: left center;
  }

  .team-five__share-and-social:hover .team-five__social {
    transform: scaleY(1.0) translateX(50%);
    transform-origin: bottom center;
    transition-delay: 500ms;
  }

  .team-five__social>a {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 16px;
    color: var(--elitecons-white);
  }

  .team-five__social>a:hover {
    color: var(--elitecons-black);
  }

  .team-five__social>a+a {
    margin-top: 20px;
  }

  .team-five__nav {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -120px;
    left: 0;
  }

  .team-five__nav .swiper-button-prev1,
  .team-five__nav .swiper-button-next1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 0;
    color: var(--elitecons-white);
    background-color: var(--elitecons-black);
    border: 2px solid var(--elitecons-white);
    font-size: 15px;
    margin: 0px 0px;
    text-align: center;
    transition: all 500ms ease;
    z-index: 100;
    border-radius: 10px;
  }

  .team-five__nav .swiper-button-prev1:hover,
  .team-five__nav .swiper-button-next1:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
    border: 2px solid var(--elitecons-base);
  }

  .team-five__nav .swiper-button-next1 {
    margin-right: 15px;
  }

  /*--------------------------------------------------------------
  # Progress One
  --------------------------------------------------------------*/
  .progress-one {
    position: relative;
    display: block;
    margin-top: -136px;
    z-index: 2;
  }

  .progress-one__inner {
    position: relative;
    display: block;
    background-color: var(--elitecons-base);
    padding: 80px 60px 57px;
  }

  .progress-one__progress-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .progress-one__progress-list li {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 19px;
  }

  .progress-one__single {
    position: relative;
    display: block;
  }

  .progress-one__progress-box {
    position: relative;
    display: inline-block;
  }

  .progress-one__progress-box canvas {
    transform: rotate(190deg);
  }

  .progress-one__progress-box .price__pack {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%) translateX(50%);
    text-align: center;
  }

  .progress-one__progress-box .price__pack p {
    font-size: 36px;
    font-weight: 700;
    color: var(--elitecons-white);
    line-height: 36px;
  }

  .progress-one__progress-content {
    position: relative;
    display: block;
  }

  .progress-one__progress-content>p {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-white);
    margin-top: 19px;
  }

  /*--------------------------------------------------------------
  # Blog Five
  --------------------------------------------------------------*/
  .blog-five {
    position: relative;
    display: block;
    padding: 120px 0 90px;
    z-index: 1;
  }

  .blog-five__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .blog-five__btn-box {
    position: relative;
    display: block;
  }

  .blog-five__single {
    position: relative;
    display: block;
    margin-bottom: 30px;
    background-color: var(--elitecons-primary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
  }

  .blog-five__single:hover {
    background-color: var(--elitecons-white);
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
  }

  .blog-five__img-box {
    position: relative;
    display: block;
  }

  .blog-five__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .blog-five__img::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--elitecons-black);
    opacity: 0;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }

  .blog-five__single:hover .blog-five__img::before {
    opacity: .50;
  }

  .blog-five__img img {
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 1s ease-in-out;
  }

  .blog-five__single:hover .blog-five__img img {
    transform: scale(1.05) rotate(0deg);
  }

  .blog-five__content {
    position: relative;
    display: block;
    padding: 21px 30px 30px;
  }

  .blog-five__meta {
    position: relative;
    display: flex;
    align-items: center;
  }

  .blog-five__meta li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .blog-five__meta li>a {
    font-size: 16px;
    color: var(--elitecons-gray);
  }

  .blog-five__meta li>a:hover {
    color: var(--elitecons-base);
  }

  .blog-five__meta li+li {
    margin-right: 25px;
  }

  .blog-five__meta li>a>span {
    position: relative;
    margin-left: 10px;
    color: var(--elitecons-base);
  }

  .blog-five__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 32px;
  }

  .blog-five__title>a {
    color: var(--elitecons-black);
  }

  .blog-five__title>a:hover {
    color: var(--elitecons-base);
  }

  .blog-five__read-more {
    position: relative;
    display: inline-block
  }

  .blog-five__read-more>a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    gap: 10px;
    color: var(--elitecons-black);
  }

  .blog-five__read-more>a:hover>span {
    color: var(--elitecons-base);
  }

  .blog-five__read-more>a>span {
    position: relative;
    font-size: 13px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-five__date {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
  }

  .blog-five__date>p {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 58px;
    background-color: var(--elitecons-black);
    font-weight: 700;
    color: var(--elitecons-white);
  }

  /*--------------------------------------------------------------
  # CTA Three
  --------------------------------------------------------------*/
  .cta-three {
    position: relative;
    display: block;
    background-color: var(--elitecons-primary);
    z-index: 1;
  }

  .cta-three__left {
    position: relative;
    display: block;
    margin-left: 257px;
    margin-right: -37px;
  }

  .cta-three__img-box {
    position: relative;
    display: block;
  }

  .cta-three__img {
    position: relative;
    display: block;
    z-index: 1;
  }

  .cta-three__img img {
    width: 100%;
  }

  .cta-three__img-2 {
    position: absolute;
    left: -150px;
    bottom: 0;
  }

  .cta-three__img-2 img {
    width: auto;
  }

  .cta-three__img-shape {
    position: absolute;
    bottom: 0;
    right: 24px;
    width: 356px;
    height: 356px;
    border-radius: 50%;
    background: linear-gradient(-180deg, #FF5E14 0%, rgba(255, 94, 20, 0) 67.71%);
    z-index: -1;
  }

  .cta-three__shape-1 {
    position: absolute;
    bottom: 0;
    right: -280px;
    z-index: -1;
  }

  .cta-three__shape-1 img {
    width: auto;
    opacity: .20;
  }

  .cta-three__shape-2 {
    position: absolute;
    width: 884px;
    height: 252px;
    right: -280px;
    bottom: 0;
    background: linear-gradient(-180deg, rgba(243, 243, 243, 0) 38.02%, #F3F3F3 100%);
    z-index: 1;
  }

  .cta-three__right {
    position: relative;
    display: block;
    margin-top: 80px;
    z-index: 5;
  }

  .cta-three__title {
    font-size: 60px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: -1.2px;
  }

  .cta-three__text {
    margin-top: 11px;
    margin-bottom: 30px;
  }

  .cta-three__form {
    position: relative;
    display: block;
  }

  .cta-three__input-box {
    position: relative;
    display: flex;
    align-items: center;
  }

  .cta-three__input-box input[type="email"] {
    height: 60px;
    width: 390px;
    background-color: var(--elitecons-white);
    outline: none;
    color: var(--elitecons-gray);
    font-weight: 400;
    border: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cta-three__btn {
    border: none;
    margin-right: 10px;
    padding: 16px 24px 14px;
  }

  /*--------------------------------------------------------------
  # Site Footer Five
  --------------------------------------------------------------*/
  .site-footer-five {
    position: relative;
    display: block;
    background-color: var(--elitecons-black);
    z-index: 1;
  }

  .site-footer-five__shape-1 {
    position: absolute;
    right: 0;
    bottom: 0;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
  }

  .site-footer-five__shape-1 img {
    width: auto;
    opacity: 0.02;
  }

  .site-footer-five__shape-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    animation: topBottom 3s ease-in-out infinite;
    z-index: -1;
  }

  .site-footer-five__shape-2 img {
    width: auto;
    opacity: 0.02;
  }

  .site-footer-five__top {
    position: relative;
    display: block;
    padding: 80px 0 79px;
  }

  .site-footer-five__top-inner {
    position: relative;
    display: block;
  }

  .footer-widget-five__about {
    position: relative;
    display: block;
  }

  .footer-widget-five__logo {
    position: relative;
    display: block;
  }

  .footer-widget-five__about-text {
    color: rgba(var(--elitecons-white-rgb), .70);
    margin-top: 20px;
    margin-bottom: 51px;
  }

  .site-footer-five__social {
    position: relative;
    display: flex;
    align-items: center;
  }

  .site-footer-five__social>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: rgba(var(--elitecons-white-rgb), 0.05);
    font-size: 16px;
    color: var(--elitecons-white);
  }

  .site-footer-five__social>a:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .site-footer-five__social>a+a {
    margin-right: 10px;
  }

  .footer-widget-five__title-box {
    position: relative;
    display: block;
    margin-bottom: 31px;
    margin-top: 13px;
  }

  .footer-widget-five__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    color: var(--elitecons-white);
  }

  .footer-widget-five__services {
    position: relative;
    display: block;
    margin-right: 90px;
  }

  .footer-widget-five__services-list>li {
    position: relative;
    display: block;
  }

  .footer-widget-five__services-list>li+li {
    margin-top: 15px;
  }

  .footer-widget-five__services-list>li>a {
    color: rgba(var(--elitecons-white-rgb), .70);
  }

  .footer-widget-five__services-list>li>a:hover {
    color: var(--elitecons-base);
  }

  .footer-widget-five__contact {
    position: relative;
    display: block;
    margin-right: 53px;
  }

  .footer-widget-five__contact-list {
    position: relative;
    display: block;
  }

  .footer-widget-five__contact-list>li {
    position: relative;
    display: block;
  }

  .footer-widget-five__contact-list>li+li {
    margin-top: 27px;
  }

  .footer-widget-five__contact-list>li>p {
    color: rgba(var(--elitecons-white-rgb), .70);
  }

  .footer-widget-five__contact-list>li>a {
    font-weight: 700;
    color: var(--elitecons-white);
    margin-top: 2px;
    position: relative;
    display: inline-block;
  }

  .footer-widget-five__contact-list>li>a:hover {
    color: var(--elitecons-base);
  }

  .footer-widget-five__newsletter {
    position: relative;
    display: block;
  }

  .footer-widget-five__newsletter-text {
    color: rgba(var(--elitecons-white-rgb), .70);
  }

  .footer-widget-five__newsletter-form {
    position: relative;
    display: block;
    margin-top: 30px;
  }

  .footer-widget-five__newsletter-input-box {
    position: relative;
    display: block;
  }

  .footer-widget-five__newsletter-input-box input[type="email"] {
    height: 60px;
    width: 100%;
    background-color: rgba(var(--elitecons-white-rgb), .10);
    outline: none;
    font-size: 20px;
    color: var(--elitecons-white);
    font-weight: 400;
    border: none;
    padding-left: 70px;
    padding-right: 20px;
    letter-spacing: -0.02em;
  }

  .footer-widget-five__newsletter-btn {
    position: absolute;
    top: 4px;
    left: 4px;
    border: none;
    bottom: 4px;
    width: 56px;
    background-color: var(--elitecons-base);
    border-radius: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer-widget-five__newsletter-btn:hover {
    background-color: var(--elitecons-white);
  }

  .footer-widget-five__newsletter-btn span {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .footer-widget-five__newsletter-btn:hover span {
    color: var(--elitecons-base);
  }

  .site-footer-five__bottom {
    position: relative;
    display: block;
    border-top: 1px solid rgba(var(--elitecons-bdr-rgb), .20);
  }

  .site-footer-five__bottom-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 31px 0 31px;
  }

  .site-footer-five__bottom-text {
    color: rgba(var(--elitecons-white-rgb), .70);
  }

  .site-footer-five__bottom-menu {
    position: relative;
    display: flex;
    align-items: center;
  }

  .site-footer-five__bottom-menu li {
    position: relative;
    display: block;
  }

  .site-footer-five__bottom-menu li+li {
    margin-right: 30px;
  }

  .site-footer-five__bottom-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(var(--elitecons-white-rgb), .70);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .site-footer-five__bottom-menu li a:hover {
    color: var(--elitecons-base);
  }


  /*--------------------------------------------------------------
  # Page Header
  --------------------------------------------------------------*/
  .page-header {
    position: relative;
    display: block;
    padding:  85px 0 65px;
    /* background-color: var(--elitecons-black); */
    overflow: hidden;
    z-index: 2;
  }

  .page-header__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /* opacity: .20; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }

  .page-header__inner {
    position: relative;
    display: block;
    text-align: center;
  }

  .page-header__inner h2 {
    font-size: 80px;
    font-weight: 900;
    line-height: 80px;
    color: var(--elitecons-white);
    margin-bottom: 17px;
    text-shadow: 0 0 5px #000000, 0 0 5px #000000;
  }

  .thm-breadcrumb__box {
    position: relative;
    display: inline-block;
    z-index: 1;
  }

  .thm-breadcrumb {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .thm-breadcrumb li {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: var(--elitecons-white);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-shadow: 0 0 5px #000000, 0 0 5px #000000;
  }

  .thm-breadcrumb li:nth-child(2) {
    color: var(--elitecons-primary);
  }

  .thm-breadcrumb li a {
    position: relative;
    display: inline-block;
    color: var(--elitecons-primary);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .thm-breadcrumb li:hover a {
    color: var(--elitecons-base);
  }

  .thm-breadcrumb li span {
    position: relative;
    font-size: 12px;
    text-shadow: 0 0 5px #000000, 0 0 5px #000000;
  }

  /*--------------------------------------------------------------
  # Contact Page
  --------------------------------------------------------------*/
  .contact-page {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
  }

  .contact-page__left {
    position: relative;
    display: block;
    margin-left: 52px;
  }

  .contact-page__img {
    position: relative;
    display: block;
  }

  .contact-page__img img {
    width: 100%;
  }

  .contact-page__right {
    position: relative;
    display: block;
  }

  .contact-page__title {
    font-size: 59px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: -1.2px;
    margin-bottom: 30px;
  }

  .contact-page__contact-list {
    position: relative;
    display: block;
  }

  .contact-page__contact-list li {
    position: relative;
    display: flex;
  }

  .contact-page__contact-list li+li {
    margin-top: 40px;
  }

  .contact-page__contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background-color: rgba(var(--elitecons-base-rgb), .10);
    border-radius: 10px;
  }

  .contact-page__contact-list li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 23px;
    color: var(--elitecons-base);
  }

  .contact-page__contact-list li .content {
    position: relative;
    display: block;
    margin-right: 20px;
  }

  .contact-page__contact-list li .content>h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
  }

  .contact-page__contact-list li .content>p {
    color: var(--elitecons-gray);
    direction: ltr;
  }

  .contact-page__contact-list li .content>p>a {
    color: var(--elitecons-gray);
  }

  .contact-page__contact-list li .content>p>a:hover {
    color: var(--elitecons-base);
  }

  .contact-page__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 52px;
  }

  .contact-page__social a {
    position: relative;
    height: 50px;
    width: 50px;
    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;
    text-align: center;
    color: var(--elitecons-black);
    background-color: var(--elitecons-primary);
    font-size: 16px;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
  }

  .contact-page__social a:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
  }

  .contact-page__social a:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background-color: var(--elitecons-base);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1;
  }

  .contact-page__social a:hover:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  .contact-page__social a+a {
    margin-right: 10px;
  }

  /*--------------------------------------------------------------
  # Google Map Two
  --------------------------------------------------------------*/
  .google-map-one {
    position: relative;
    display: block;
  }

  .google-map__one {
    position: relative;
    display: block;
    border: none;
    height: 655px;
    width: 100%;
  }

  /*--------------------------------------------------------------
  # Contact Three
  --------------------------------------------------------------*/
  .contact-three {
    position: relative;
    display: block;
    padding: 120px 0 237px;
  }

  .contact-three__form {
    position: relative;
    display: block;
  }

  .contact-three__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .contact-three__input-box input[type="text"],
  .contact-three__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    border: none;
    background-color: var(--elitecons-primary);
    padding-right: 20px;
    padding-left: 20px;
    outline: none;
    color: var(--elitecons-gray);
    display: block;
  }

  .contact-three__input-box textarea {
    color: var(--elitecons-gray);
    height: 250px;
    width: 100%;
    background-color: var(--elitecons-primary);
    padding: 20px 20px 30px;
    border: none;
    outline: none;
  }

  .contact-three__btn-box {
    position: relative;
    display: block;
    text-align: center;
  }

  .contact-three__btn {
    border: none;
    padding: 16px 77px 14px;
  }

  .contact-three__input-box.text-message-box {
    height: 250px;
  }

  /*--------------------------------------------------------------
  # Blog Details
  --------------------------------------------------------------*/
  .blog-details {
    position: relative;
    display: block;
    padding: 120px 0 182px;
    z-index: 1;
  }

  .blog-details__left {
    position: relative;
    display: block;
  }

  .blog-details__img-box {
    position: relative;
    display: block;
  }

  .blog-details__img {
    position: relative;
    display: block;
  }

  .blog-details__img img {
    width: 100%;
  }

  .blog-details__meta {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    background-color: var(--elitecons-base);
    gap: 36px;
    padding: 11px 20px 9px;
  }

  .blog-details__meta>li {
    position: relative;
    display: block;
  }

  .blog-details__meta>li>a {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--elitecons-white);
    font-size: 16px;
    gap: 10px;
  }

  .blog-details__meta>li>a:hover {
    color: var(--elitecons-black);
  }

  .blog-details__meta>li>a>span {
    position: relative;
    top: -2px;
  }

  .blog-details__content {
    position: relative;
    display: block;
    margin-top: 30px;
  }

  .blog-details__title-1 {
    font-size: 59px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: -1.2px;
  }

  .blog-details__text-1 {
    margin-top: 30px;
    margin-bottom: 28px;
  }

  .blog-details__title-2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
  }

  .blog-details__text-2 {
    margin-top: 17px;
    margin-bottom: 40px;
  }

  .blog-details__quote-box {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    padding: 18px 70px 22px;
    padding-left: 50px;
    overflow: hidden;
    z-index: 1;
  }

  .blog-details__quote-text {
    color: var(--elitecons-black);
  }

  .blog-details__quote-sub-title {
    font-weight: 700;
    color: var(--elitecons-black);
    padding-right: 50px;
    position: relative;
    margin-top: 12px;
    display: inline-block;
  }

  .blog-details__quote-sub-title::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    width: 40px;
    height: 2px;
    background-color: var(--elitecons-base);
    transform: translateY(-50%);
  }

  .blog-details__quote {
    position: absolute;
    top: -11px;
    right: -11px;
    background-color: var(--elitecons-base);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    z-index: -1;
  }

  .blog-details__quote img {
    width: auto;
  }

  .blog-details__text-3 {
    margin-top: 31px;
    margin-bottom: 40px;
  }

  .blog-details__img-and-content {
    position: relative;
    display: flex;
    align-items: center;
  }

  .blog-details__text-img {
    position: relative;
    display: block;
    max-width: 380px;
    width: 100%;
  }

  .blog-details__text-img img {
    width: 100%;
  }

  .blog-details__text-box {
    position: relative;
    display: block;
    margin-right: 30px;
    max-width: 376px;
    width: 100%;
  }

  .blog-details__img-btn-box {
    position: relative;
    display: block;
    margin-top: 30px;
  }

  .blog-details__img-btn {
    background-color: transparent;
    border: 1px solid var(--elitecons-bdr-color);
    color: var(--elitecons-black);
    padding: 15px 30px 13px;
  }

  .blog-details__bottom {
    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;
    margin-top: 70px;
    margin-bottom: 40px;
  }

  .blog-details__bottom p {
    margin: 0;
  }

  .blog-details__tags span {
    color: var(--elitecons-black);
    font-size: 26px;
    margin-left: 20px;
    font-weight: 700;
  }

  .blog-details__tags a {
    position: relative;
    color: var(--elitecons-gray);
    font-size: 16px;
    display: inline-block;
    padding: 5px 20px 3px;
    font-weight: 400;
    border: 1px solid var(--elitecons-base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-details__tags a:hover {
    background-color: var(--elitecons-base);
    color: var(--elitecons-white);
  }

  .blog-details__tags a+a {
    margin-right: 20px;
  }

  .blog-details__social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blog-details__social-list a {
    position: relative;
    height: 30px;
    width: 30px;
    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;
    text-align: center;
    color: var(--elitecons-base);
    background-color: var(--elitecons-primary);
    font-size: 14px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
  }

  .blog-details__social-list a:hover {
    color: var(--elitecons-white);
  }

  .blog-details__social-list a:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background-color: var(--elitecons-base);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scalex(0);
    transform: scaleX(0);
    z-index: -1;
  }

  .blog-details__social-list a:hover:after {
    opacity: 1;
    -webkit-transform: scalex(1);
    transform: scalex(1);
  }

  .blog-details__social-list a+a {
    margin-right: 10px;
  }

  .blog-details__pagenation-box {
    position: relative;
    display: block;
    overflow: hidden;
  }

  .blog-details__pagenation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--elitecons-bdr-color);
    padding: 29px 29px 29px;
  }

  .blog-details__pagenation::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    height: 50px;
    width: 1px;
    background-color: var(--elitecons-base);
    transform: translateX(50%) translateY(-50%);
  }

  .blog-details__pagenation li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .blog-details__pagenation li .icon {
    position: relative;
    display: inline-block;
  }

  .blog-details__pagenation li .icon>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: var(--elitecons-black);
    font-size: 20px;
    color: var(--elitecons-white);
  }

  .blog-details__pagenation li:hover .icon>a {
    background-color: var(--elitecons-base);
  }

  .blog-details__pagenation li p {
    position: relative;
    margin-right: 20px;
    font-weight: 700;
    line-height: 24px;
    color: var(--elitecons-black);
  }

  .blog-details__pagenation li:last-child>p {
    margin-right: 0px;
    margin-left: 20px;
  }

  .comment-one {
    position: relative;
    display: block;
    margin-top: 73px;
  }

  .comment-one__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    color: #0F0F0F;
    margin-bottom: 24px;
  }

  .comment-one__single {
    position: relative;
    display: flex;
    align-items: flex-start;
  }

  .comment-one__single-2 {
    margin-top: 45px;
  }

  .comment-one__image {
    position: relative;
    display: block;
    max-width: 95px;
    width: 100%;
  }

  .comment-one__image img {
    width: 100%;
  }

  .comment-one__content {
    position: relative;
    display: block;
    margin-right: 30px;
  }

  .comment-one__content>h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #0F0F0F;
    position: relative;
    display: flex;
    align-items: center;
  }

  .comment-one__content>h3>span {
    font-weight: 400;
    color: #777777;
    position: relative;
    margin-right: 15px;
  }

  .comment-one__social {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 7px;
    margin-bottom: 19px;
  }

  .comment-one__social>a {
    position: relative;
    font-size: 13px;
    display: flex;
    align-items: center;
    color: #B99755;
  }

  .comment-one__social>a:hover {
    color: var(--elitecons-base);
  }

  .comment-one__social>a+a {
    margin-right: 15px;
  }

  .comment-one__btn-box {
    position: relative;
    display: inline-block;
    margin-top: 10px;
  }

  .comment-one__btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.32px;
    color: #0F0F0F;
    text-transform: capitalize;
  }

  .comment-one__btn:hover {
    color: var(--elitecons-base);
  }

  .blog-details__icon-and-content-box {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 82px;
    margin-bottom: 60px;
  }

  .blog-details__content-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
    width: 100%;
    height: 100px;
    background-color: var(--elitecons-base);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-details__content-icon:hover {
    background-color: var(--elitecons-black);
  }

  .blog-details__content-icon>span {
    position: relative;
    display: inline-block;
    font-size: 61px;
    color: var(--elitecons-white);
  }

  .blog-details__content-box {
    position: relative;
    display: block;
    margin-right: 20px;
  }

  .blog-details__content-box>h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 16px;
  }

  .comment-form {
    position: relative;
    display: block;
  }

  .comment-form__form {
    position: relative;
    display: block;
  }

  .comment-form__input-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
  }

  .comment-form__input-box input[type="text"],
  .comment-form__input-box input[type="email"] {
    height: 60px;
    width: 100%;
    border: none;
    background-color: var(--elitecons-primary);
    padding-right: 20px;
    padding-left: 20px;
    outline: none;
    font-size: 16px;
    color: var(--elitecons-gray);
    display: block;
    font-weight: 400;
  }

  .comment-form__input-box .select-box {
    width: 100%;
  }

  .comment-form__input-box .nice-select {
    height: 60px;
    width: 100%;
    border: none;
    background-color: var(--elitecons-primary);
    padding-right: 20px;
    padding-left: 20px;
    outline: none;
    font-size: 16px;
    color: var(--elitecons-gray);
    display: block;
    font-weight: 400;
    line-height: 60px;
    float: none;
    border-radius: 0;
  }

  .comment-form__input-box .nice-select:after {
    position: absolute;
    top: 25px;
    left: 20px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid var(--elitecons-gray);
    border-left: 2px solid var(--elitecons-gray);
    margin-top: 0px;
    z-index: 10;
  }

  .comment-form__input-box .nice-select .option {
    color: var(--elitecons-white);
  }

  .comment-form__input-box textarea {
    height: 130px;
    width: 100%;
    border: none;
    background-color: var(--elitecons-primary);
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    outline: none;
    font-size: 16px;
    color: var(--elitecons-gray);
    display: block;
    font-weight: 400;
    margin-bottom: 0;
  }

  .comment-form__input-box.text-message-box {
    height: 130px;
    margin-bottom: 30px;
  }

  .comment-form__btn-box {
    position: relative;
    display: block;
  }

  .comment-form__btn {
    border: none;
    padding: 16px 90px 14px;
  }
  .nice-select{
      background-color: #ffffff;
      font-size: 1rem;
      font-weight: 400;
      text-align: right !important;

  }
  /*--------------------------------------------------------------
  # Sidebar
  --------------------------------------------------------------*/
  @media (max-width: 991px) {
    .sidebar {
      margin-top: 50px;
    }
  }

  .sidebar__single+.sidebar__single {
    margin-top: 30px;
  }

  .sidebar {
    position: relative;
    display: block;
  }

  .sidebar__title {
    position: relative;
    display: block;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--elitecons-base);
    padding-right: 30px;
    padding-bottom: 19px;
  }

  .sidebar__search {
    position: relative;
    display: block;
    padding: 18px 0px 30px;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
  }

  .sidebar__search-form {
    position: relative;
    display: block;
    margin: 0 30px 0;
  }

  .sidebar__search-form input[type="search"] {
    display: block;
    outline: none;
    background-color: transparent;
    border: 1px solid var(--elitecons-bdr-color);
    font-weight: 400;
    height: 70px;
    width: 100%;
    padding-right: 20px;
    padding-left: 50px;
    color: var(--elitecons-gray);
  }

  .sidebar__search-form button[type="submit"] {
    color: var(--elitecons-gray);
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    max-width: 50px;
    width: 100%;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .sidebar__post {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    padding: 18px 0 30px;
  }

  .sidebar__post-list {
    position: relative;
    display: block;
    padding: 0 30px 0;
  }

  .sidebar__post-list li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .sidebar__post-list li+li {
    margin-top: 20px;
  }

  .sidebar__post-image {
    position: relative;
    display: block;
    max-width: 88px;
    width: 100%;
  }

  .sidebar__post-image img {
    width: 100%;
  }

  .sidebar__post-content {
    position: relative;
    display: block;
    margin-right: 15px;
  }

  .sidebar__post-content h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 6px;
  }

  .sidebar__post-content h3>a {
    color: var(--elitecons-black);
  }

  .sidebar__post-content h3>a:hover {
    color: var(--elitecons-base);
  }

  .sidebar__post-date {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
  }

  .sidebar__post-date>i {
    font-size: 21px;
    color: var(--elitecons-base);
    position: relative;
    top: -6px;
  }

  .sidebar__category {
    position: relative;
    display: block;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    padding: 18px 0 27px;
  }

  .sidebar__category-list {
    position: relative;
    display: block;
    padding: 0 30px 0;
  }

  .sidebar__category-list>li {
    position: relative;
    display: block;
  }

  .sidebar__category-list>li+li {
    margin-top: 14px;
  }

  .sidebar__category-list>li>a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: var(--elitecons-black);
  }

  .sidebar__category-list>li>a:hover {
    color: var(--elitecons-base);
  }

  .sidebar__category-list>li>a>span {
    color: var(--elitecons-base);
  }

  .sidebar__tags {
    position: relative;
    display: block;
    box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
    padding: 18px 0 27px;
  }

  .sidebar__tags-list {
    padding: 0 16px 0;
    padding-left: 0;
    margin-top: -20px;
  }

  .sidebar__tags-list a {
    font-size: 16px;
    color: var(--elitecons-gray);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 1px solid var(--elitecons-bdr-color);
    display: inline-block;
    padding: 4px 20px 4px;
    margin-right: 14.5px;
    font-weight: 400;
  }

  .sidebar__tags-list a+a {
    margin-top: 20px;
  }

  .sidebar__tags-list a:hover {
    color: var(--elitecons-white);
    background-color: var(--elitecons-base);
    border: 1px solid var(--elitecons-base);
  }

  /*--------------------------------------------------------------
  # Blog Page
  --------------------------------------------------------------*/
  .blog-page {
    position: relative;
    display: block;
    padding: 120px 0 182px;
    z-index: 1;
  }

  .blog-page__left {
    position: relative;
    display: block;
  }

  .blog-page__single {
    position: relative;
    display: block;
    margin-bottom: 60px;
  }

  .blog-page__img-box {
    position: relative;
    display: block;
  }

  .blog-page__img {
    position: relative;
    display: block;
  }

  .blog-page__img img {
    width: 100%;
  }

  .blog-page__content {
    position: relative;
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.05);
    margin-top: -84px;
    margin-right: 40px;
    margin-left: 40px;
    padding: 40px 40px 40px;
    z-index: 2;
  }

  .blog-page__meta {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--elitecons-base);
    max-width: 395px;
    padding: 11px 20px 9px;
    gap: 23px;
  }

  .blog-page__meta li {
    position: relative;
    display: block;
  }

  .blog-page__meta li>a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: var(--elitecons-white);
    gap: 10px;
  }

  .blog-page__meta li>a:hover {
    color: var(--elitecons-black);
  }

  .blog-page__title {
    font-size: 59px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: -1.2px;
    margin-top: 31px;
    margin-bottom: 30px;
  }

  .blog-page__title>a {
    color: var(--elitecons-black);
  }

  .blog-page__title>a:hover {
    color: var(--elitecons-base);
  }

  .blog-page__btn-box {
    position: relative;
    display: block;
    margin-top: 40px;
  }

  .blog-page__btn {
    background-color: transparent;
    border: 1px solid var(--elitecons-base);
    color: var(--elitecons-black);
  }

  .blog-page__btn:hover {
    border: 1px solid var(--elitecons-black);
  }

  .blog-page__pagination {
    position: relative;
    display: block;
    text-align: center;
  }

  .blog-page__pagination .pg-pagination li {
    display: inline-block;
    margin-left: 10px;
  }

  .blog-page__pagination .pg-pagination li a {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    color: var(--elitecons-black);
    background-color: var(--elitecons-primary);
    font-weight: 700;
    font-size: 18px;
    border-radius: 10px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .blog-page__pagination .pg-pagination li a:hover {
    background-color: var(--elitecons-base);
    color: var(--elitecons-white);
  }

  /*--------------------------------------------------------------
  # Project Details
  --------------------------------------------------------------*/
  .project-details {
    position: relative;
    display: block;
    padding: 120px 0 252px;
    z-index: 1;
  }

  .project-details__img {
    position: relative;
    display: block;
  }

  .project-details__img img {
    width: 100%;
  }

  .project-details__content {
    position: relative;
    display: block;
    margin-top: 30px;
  }

  .project-details__title {
    font-size: 59px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: -1.2px;
    margin-bottom: 30px;
  }

  .project-details__title-2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    margin-top: 123px;
    margin-bottom: 21px;
  }


  .project-details__text-3 {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .project-details__bottom {
    position: relative;
    display: block;
  }

  .project-details__bottom-left {
    position: relative;
    display: block;
  }

  .project-details__bottom-points {
    position: relative;
    display: block;
  }

  .project-details__bottom-points li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .project-details__bottom-points li+li {
    margin-top: 20px;
  }

  .project-details__points-bullet {
    position: relative;
    width: 8px;
    height: 8px;
    border: 1px solid var(--elitecons-base);
    border-radius: 50%;
  }

  .project-details__bottom-points li p {
    margin-right: 20px;
  }

  .project-details__client-box {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid var(--elitecons-bdr-color);
    padding: 28px 29px 28px;
    margin-top: 70px;
  }

  .project-details__client-img {
    position: relative;
    display: block;
    max-width: 89px;
    width: 100%;
  }

  .project-details__client-img img {
    width: 100%;
    border-radius: 50%;
  }

  .project-details__client-content {
    position: relative;
    display: block;
    margin-right: 30px;
  }

  .project-details__client-content>h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 6px;
  }

  .project-details__bottom-right {
    position: relative;
    display: block;
  }

  .project-details__bottom-img {
    position: relative;
    display: block;
  }

  .project-details__bottom-img img {
    width: 100%;
  }

  .project-details__bottom-img {
    position: relative;
    display: block;
  }

  .project-details__video-link {
    position: absolute;
    display: flex;
    align-items: center;
    top: 50%;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
  }

  .project-details__video-icon {
    position: relative;
    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;
    width: 47px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 12px;
    color: var(--elitecons-base);
    background-color: var(--elitecons-white);
    border-radius: 50%;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  }

  .project-details__video-icon::before {
    content: "";
    position: absolute;
    top: -8px;
    right: -8px;
    left: -8px;
    bottom: -8px;
    border: 8px solid rgba(var(--elitecons-white-rgb), .50);
    border-radius: 50%;
  }

  .project-details__video-icon:hover {
    background-color: var(--elitecons-base);
    color: var(--elitecons-white);
  }

  .project-details__video-link .ripple,
  .project-details__video-icon .ripple:before,
  .project-details__video-icon .ripple:after {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -ms-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), .5);
    -o-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), .5);
    -webkit-box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), .5);
    box-shadow: 0 0 0 0 rgba(var(--elitecons-white-rgb), .5);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
  }

  .project-details__video-icon .ripple:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
  }

  .project-details__video-icon .ripple:after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
  }

  .project-details__information {
    position: absolute;
    left: 84px;
    bottom: -278px;
    background-color: var(--elitecons-white);
    border: 1px solid var(--elitecons-bdr-color);
    padding: 37px 40px 19px;
    max-width: 410px;
    width: 100%;
    z-index: 2;
  }

  .project-details__information-minus {
    position: absolute;
    top: 54px;
    left: 40px;
    width: 25px;
    height: 2px;
    background-color: var(--elitecons-base);
  }

  .project-details__information-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
  }

  .project-details__information-text {
    margin-top: 16px;
    margin-bottom: 30px;
  }

  .project-details__information-list {
    position: relative;
    display: block;
  }

  .project-details__information-list li {
    position: relative;
    display: block;
    border-bottom: 1px solid var(--elitecons-bdr-color);
    padding-bottom: 18px;
  }

  .project-details__information-list li:last-child {
    border-bottom: none;
  }

  .project-details__information-list li+li {
    margin-top: 19px;
  }

  .project-details__information-list li>p {
    position: relative;
    display: flex;
    align-items: center;
  }

  .project-details__information-list li>p>span {
    font-weight: 700;
    color: var(--elitecons-black);
    margin-left: 15px;
  }

  .project-details__information-list li>p>i {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: var(--elitecons-base);
  }

  .project-details__information-list li>p>i+i {
    margin-right: 5px;
  }

  .projects-page .container .row .main-slider-three__btn-box-1{
      text-align: center;
  }

  .projects-page .container .row .main-slider-three__btn-1:hover{
  color: var(--elitecons-white);
  }

  /*--------------------------------------------------------------
  # Services Details
  --------------------------------------------------------------*/
  .services-details {
    position: relative;
    display: block;
    /* padding: 120px 0 100px; */
      padding: 0px 0 100px;
    z-index: 1;
    direction: rtl;
  }

  .services-details .section-title{
      margin-bottom: 0rem;
  }

  .services-details__left {
    position: relative;
    display: block;
  }

  .services-details__img {
    position: relative;
    display: block;
  }

  .services-details__img img {
    width: 100%;
    /* border-radius: 20px !important; */
    border-radius: 0.5rem;
  }

  .services-details__content {
    position: relative;
    display: block;
    /* margin-top: 30px; */
  }

  .services-details__content ul a li{
    font-size: 30px;
    font-weight: 500;
}

.services-details__content ul li{
    color: var(--elitecons-black);
    font-size: 30px;
    font-weight: 500;
}

.services-details .section-title__title{
    font-size: 40px !important;
    font-weight: 600;
    letter-spacing: 0.8px;
}


  /* .services-details__title-1 {
    font-size: 59px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: -1.2px;
  } */

  /* .services-details__text-1 {
    margin-top: 22px;
    margin-bottom: 58px;
  } */

  .services-details__title-2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
  }

  .services-details__text-2 {
    margin-top: 22px;
    margin-bottom: 30px;
  }

  .services-details__points {
    position: relative;
    display: block;
  }

  .services-details__points li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .services-details__points li+li {
    margin-top: 10px;
  }

  .services-details__points-bullet {
    position: relative;
    width: 8px;
    height: 8px;
    border: 1px solid var(--elitecons-base);
    border-radius: 50%;
  }

  .services-details__bottom {
    position: relative;
    display: block;
    margin-top: 100px;
  }

  .services-details__bottom-single {
    position: relative;
    display: block;
    border: 1px solid var(--elitecons-bdr-color);
    padding: 62px 40px 40px;
    padding-left: 60px;
    margin-bottom: 70px;
  }

  .services-details__bottom-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
  }

  .services-details__bottom-title a {
    color: var(--elitecons-black);
  }

  .services-details__bottom-title a:hover {
    color: var(--elitecons-base);
  }

  .services-details__bottom-text {
    margin-top: 16px;
    margin-bottom: 40px;
  }

  .services-details__bottom-btn-box {
    position: relative;
    display: inline-block;
  }

  .services-details__bottom-btn {
    background-color: transparent;
    color: var(--elitecons-black);
    border: 1px solid var(--elitecons-bdr-color);
    padding: 15px 30px 13px;
  }

  .services-details__bottom-btn>span {
    color: var(--elitecons-base);
  }

  .services-details__bottom-btn:hover {
    border: 1px solid var(--elitecons-black);
  }

  .services-details__icon {
    position: absolute;
    top: -40px;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: var(--elitecons-base);
  }

  .services-details__icon>span {
    position: relative;
    display: inline-block;
    font-size: 43px;
    color: var(--elitecons-white);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }

  .services-details__bottom-single:hover .services-details__icon>span {
    transform: scale(0.9);
  }

  .services-details__right {
    position: relative;
    display: block;
  }

  .services-details__sidebar {
    position: relative;
    display: block;
    padding: 32px 40px 40px;
    background-color: var(--elitecons-white);
    border: 1px solid var(--elitecons-bdr-color);
  }

  .services-details__sidebar-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
  }

  .services-details__sidebar-sub-title {
    margin-top: 1px;
    position: relative;
    display: block;
    margin-bottom: 20px;
  }

  .services-details__sidebar-title-2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 27px;
    margin-bottom: 17px;
  }

  .services-details__sidebar-points {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .services-details__sidebar-points li {
    position: relative;
    display: flex;
    align-items: center;
  }

  .services-details__sidebar-points li+li {
    margin-top: 10px;
  }

  .services-details__sidebar-points li .icon {
    position: relative;
    display: inline-block;
  }

  .services-details__sidebar-points li .icon>span {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: var(--elitecons-base);
  }

  .services-details__sidebar-points li p {
    margin-right: 15px;
  }


  /*--------------------------------------------------------------
  # About Seven
  --------------------------------------------------------------*/
  .about-seven {
    padding-top: 120px;
  }

  /*--------------------------------------------------------------
  # Contact Four
  --------------------------------------------------------------*/
  .contact-four {
    padding: 120px 0 220px;
  }

  /*--------------------------------------------------------------
  # Faq Five
  --------------------------------------------------------------*/
  .faq-five {
    padding: 120px 0 237px;
  }

  /*--------------------------------------------------------------
  # Services Page
  --------------------------------------------------------------*/
  .services-page {
    position: relative;
    display: block;
    /* padding: 120px 0 207px; */
  }

  /*--------------------------------------------------------------
  # Projects Page
  --------------------------------------------------------------*/
  .projects-page {
    position: relative;
    display: block;
    padding: 120px 0 207px;
    padding-bottom: 0rem;
    padding-top: 0rem;
    direction: rtl;
  }
  .projects-page .container .section-title{
    margin-bottom: 25px;
}

  /*--------------------------------------------------------------
  # Team Page
  --------------------------------------------------------------*/
  .team-page {
    position: relative;
    display: block;
    padding: 120px 0 207px;
    background-color: var(--elitecons-black);
  }

  /*--------------------------------------------------------------
  # Testimonial Page
  --------------------------------------------------------------*/
  .testimonial-page {
    position: relative;
    display: block;
    padding: 120px 0 207px;
  }

  .testimonial-page .testimonial-two__single {
    margin-bottom: 30px;
  }

  /*--------------------------------------------------------------
  # Pricing Page
  --------------------------------------------------------------*/
  .pricing-page {
    position: relative;
    display: block;
    padding: 120px 0 207px;
  }

  /*--------------------------------------------------------------
  # Faq Page
  --------------------------------------------------------------*/
  .faq-page {
    position: relative;
    display: block;
    padding: 120px 0 227px;
  }

  .faq-page__left {
    position: relative;
    display: block;
    margin-bottom: 10px;
  }

  /*--------------------------------------------------------------
  ## Error Page
  --------------------------------------------------------------*/
  .error-page {
    position: relative;
    display: block;
    padding: 67px 0 237px;
    z-index: 1;
  }

  .error-page__inner {
    position: relative;
    display: block;
    text-align: center;
  }

  .error-page__title-box {
    position: relative;
    display: inline-block;
    z-index: 2;
  }

  .error-page__title {
    position: relative;
    display: inline-block;
    font-size: 350px;
    line-height: 350px;
    font-weight: 500;
    color: var(--elitecons-base);
    z-index: 2;
  }

  .error-page__tagline {
    font-size: 40px;
    line-height: 49px;
    font-weight: 400;
    color: var(--elitecons-black);
    text-transform: uppercase;
    margin-bottom: 8px;
  }

  .error-page__text {
    font-size: 20px;
  }

  .error-page__form {
    position: relative;
    display: block;
    margin: 47px auto 20px;
  }

  .error-page__form-input {
    position: relative;
    display: block;
    max-width: 550px;
    width: 100%;
    margin: 0 auto;
  }

  .error-page__form input[type="search"] {
    height: 52px;
    width: 100%;
    outline: none;
    background-color: var(--elitecons-primary);
    border: 0;
    font-size: 14px;
    color: var(--elitecons-gray);
    font-weight: 500;
    padding-right: 50px;
    padding-left: 75px;
    border-radius: 0;
  }

  .error-page__form button[type="submit"] {
    background-color: transparent;
    color: var(--elitecons-black);
    font-size: 22px;
    position: absolute;
    top: 0;
    left: 0px;
    bottom: 0;
    width: 72px;
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
  }

  /*--------------------------------------------------------------
  # Gallery Page
  --------------------------------------------------------------*/
  .gallery-page {
    position: relative;
    display: block;
    padding: 120px 0 227px;
  }

  .gallery-page .row {
    --bs-gutter-x: 10px;
  }

  .gallery-page .container {
    max-width: 1572px;
  }

  .gallery-page__single {
    position: relative;
    display: block;
    margin-bottom: 10px;
  }

  .gallery-page__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
  }

  .gallery-page__img:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -2px;
    right: 0;
    left: 0;
    background-color: var(--elitecons-base);
    opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0) translateZ(100px);
    transform: scaleY(0) translateZ(100px);
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
    z-index: 2;
  }

  .gallery-page__single:hover .gallery-page__img:before {
    opacity: .90;
    visibility: visible;
    -webkit-transform: scaleY(1) translateZ(0px);
    transform: scaleY(1) translateZ(0px);
  }

  .gallery-page__img-box {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #090909;
  }

  .gallery-page__img img {
    width: 100%;
  }

  .gallery-page__icon {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
  }

  .gallery-page__icon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--elitecons-white);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 2;
  }


  .gallery-page__single:hover .gallery-page__icon a {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-delay: 500ms;
    opacity: 1;
  }

  .gallery-page__icon a:hover {
    color: var(--elitecons-black);
  }

  /*--------------------------------------------------------------
  # End
  --------------------------------------------------------------*/
  /*################################*/
  /* ALAA CSS EDIT */
  /*###############################*/
  .services-details__title-1 {
      font-size: 30px;
      font-weight: 400;
      line-height: 50px;
      letter-spacing: 1.8px;
  }

  .services-details__text-1 {
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
    font-weight: 400;
  }

  .saasio-blog-sidebar .widget-title-2 {
      font-size: 30px;
      font-weight: 700;
      padding-bottom: 30px;

  }

  .icon-plus {
      color: white !important;
  }

  .all-images {
      border-radius: 20px !important;
  }

  .project-three__single {
      position: relative;
      display: block;
      background: #FFFFFF;
      margin-bottom: 30px;
      border-radius: 2%;
      box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.35);
      max-height: 400px !important;
      /* height: 400px !important; */
  }

  .client {
      color: var(--elitecons-black) !important;
      font-size: 24px !important;
      font-weight: bold;
      display: inline-block;
  }

  .services-details__content h3 {
      display: inline-flex;
      width: 100%; /* Ensure the h3 takes up full width of the container */
      justify-content: space-between; /* This aligns the title and scope at both ends */
      color: #000000;
  }

  .services-details__sub-title {
      color: #000000;
  }

  .scope {
      margin-left: auto; /* Pushes the scope to the right side of the title */
  }

  /* ============================================================
      Media Quires
     =========================================================== */
  @media only screen and (min-width: 1200px) and (max-width: 1319px) {
      .services-one__single {
          padding: 41px 20px 39px;
      }

      .about-one__right {
          margin-left: 0;
          margin-top: 0;
      }

      .about-one__points-list {
          margin-top: 24px;
      }

      .project-one .section-title__title {
          font-size: 50px;
      }

      .project-one__right {
          display: block;
          margin-left: 90px;
      }

      .pricing-one__left .section-title__title {
          font-size: 50px;
          line-height: 55px;
      }

      .faq-one__left .section-title__title {
          font-size: 50px;
          line-height: 54px;
      }

      .contact-one__right .section-title {
          margin-right: 0;
      }

      .contact-one__right .section-title__title {
          font-size: 44px;
          line-height: 50px;
      }

      .contact-one__right {
          margin-top: 0;
      }

      .team-one__title {
          font-size: 21px;
      }

      .team-one__content {
          padding: 32px 20px 30px;
      }

      .testimonial-one__nav {
          left: 540px;
          bottom: 0px;
      }

      .testimonial-one__content {
          padding: 66px 30px 66px;
      }

      .testimonial-one__client-info {
          padding-bottom: 20px;
          margin-bottom: 22px;
      }

      .testimonial-one__text {
          font-size: 22px;
          line-height: 35px;
      }

      .blog-one__content {
          padding: 36px 30px 40px;
      }

      .cta-one__title {
          font-size: 55px;
      }

      .services-three__single {
          padding: 75px 20px 40px;
      }

      .about-two__left {
          margin-right: 0;
      }

      .why-choose-two__left {
          margin-right: 0;
          margin-top: 0;
      }

      .why-choose-two__left .section-title__title {
          font-size: 52px;
      }

      .join-us-one__inner {
          padding-left: 30px;
          padding-right: 30px;
      }

      .join-us-one__title {
          font-size: 45px;
          line-height: 55px;
      }

      .success-one__img-box {
          width: 50%;
      }

      .testimonial-two__single {
          padding: 55px 20px 93px;
      }

      .testimonial-two__text {
          font-size: 20px;
      }

      .testimonial-two__right {
          margin-top: 30px;
      }

      .footer-widget-two__service {
          margin-left: 50px;
      }

      .footer-widget__services {
          margin-left: 50px;
      }


      .about-three__right {
          margin-top: 20px;
      }

      .about-four__single {
          padding: 30px 20px 30px;
      }

      .blog-three__content {
          margin-left: 10px;
          margin-right: 10px;
          padding: 41px 15px 30px;
      }

      .footer-widget-three__link {
          margin-right: 50px;
      }

      .footer-widget-three__page {
          margin-left: 50px;
      }

      .footer-widget-three__contact {
          margin-left: -41px;
      }

      .services-seven {
          padding: 20px 0 90px;
      }

      .services-seven__left {
          margin-right: 0;
      }

      .testimonial-four__single {
          padding: 70px 40px 60px;
      }

      .testimonial-four__right {
          margin-top: 20px;
      }

      .team-four__share-and-social {
          right: 10px;
      }

      .counter-four__single {
          gap: 15px;
          padding: 40px 15px 40px;
      }

      .feature-one__left {
          padding: 70px 30px 60px;
      }

      .feature-one__left .section-title__title {
          font-size: 55px;
      }

      .pricing-three__img {
          display: none;
      }

      .faq-three__right {
          padding: 70px 30px 60px;
      }

      .blog-four__content {
          padding: 20px 10px 0;
      }

      .footer-widget-four__services {
          margin-left: 45px;
          margin-right: 0;
      }

      .footer-widget-four__link {
          margin-left: 50px;
      }

      .footer-widget-four__contact {
          margin-left: 0;
      }

      .about-six__right {
          margin-top: 0;
      }

      .about-six__right .section-title__title {
          font-size: 58px;
      }

      .faq-four__left .section-title__title {
          font-size: 50px;
      }

      .faq-four__left .faq-one-accrodion .accrodion-title h4 {
          font-size: 24px;
      }

      .testimonial-five__left .section-title__title {
          font-size: 54px;
      }

      .pricing-four__points-and-btn {
          padding: 20px 30px 52px;
      }

      .cta-three__right {
          margin-left: -40px;
      }

      .cta-three {
          padding-bottom: 120px;
      }

      .footer-widget-five__services {
          margin-left: 50px;
      }

      .project-details__information {
          position: relative;
          right: 0;
          bottom: 0;
          margin-top: 30px;
      }

      .services-details__bottom-single {
          padding: 62px 30px 40px;
          padding-right: 30px;
      }

      .services-details__sidebar {
          padding: 32px 20px 40px;
      }

      .project-three__content {
          padding: 28px 20px 30px;
          padding-right: 20px;
      }


      .main-menu-four__wrapper-inner{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
      }








  }








  /* Medium screen  */
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .about-one__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .about-one__right {
          max-width: 600px;
          margin: 50px auto 0;
      }

      .services-two__content {
          padding: 28px 20px 40px;
      }

      .project-one__right {
          margin-left: 0;
          margin-top: 30px;
      }

      .pricing-one__left .section-title__title {
          font-size: 45px;
          line-height: 50px;
      }

      .why-choose-one__left .section-title__title {
          font-size: 50px;
          line-height: 55px;
      }

      .why-choose-one__text br {
          display: none;
      }

      .why-choose-one__points li h3 {
          margin-left: 10px;
      }

      .why-choose-one__points li {
          padding: 15px 10px 18px;
      }

      .faq-one__left .section-title__title {
          font-size: 45px;
          line-height: 55px;
      }

      .contact-one__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .contact-one__right {
          max-width: 600px;
          margin: 50px auto 0;
      }

      .testimonial-one__content {
          padding: 26px 15px 27px;
      }

      .testimonial-one__text {
          font-size: 19px;
          line-height: 29px;
      }

      .testimonial-one__nav {
          left: 450px;
      }

      .blog-one__content {
          padding: 36px 20px 40px;
      }

      .blog-one__title {
          font-size: 22px;
      }

      .blog-one {
          padding: 120px 0 90px;
      }

      .cta-one__img {
          display: none;
      }

      .cta-one__shape-1 {
          display: none;
      }

      .cta-one__inner {
          text-align: center;
      }

      .cta-one__form {
          justify-content: center;
      }

      .footer-widget__news {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget__contact {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget__services {
          margin-left: 0;
      }

      .services-three__single {
          padding: 75px 20px 40px;
      }

      .services-three__title {
          font-size: 22px;
      }

      .about-two__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .about-two__right {
          max-width: 600px;
          margin: 45px auto 0;
      }

      .why-choose-two__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .why-choose-two__right {
          max-width: 600px;
          margin: 0 auto;
      }

      .join-us-one__inner {
          justify-content: center;
          text-align: center;
      }

      .join-us-one__form-box {
          margin-top: 30px;
      }

      .services-four__content {
          margin: -60px 10px 0;
          padding: 32px 15px 30px;
      }

      .success-one__img-box {
          width: 50%;
      }

      .faq-two .section-title__title {
          font-size: 50px;
      }

      .faq-two__content-box .faq-one-accrodion .accrodion-title h4 {
          font-size: 23px;
          line-height: 23px;
      }

      .counter-two__top {
          flex-direction: row;
          align-items: baseline;
      }

      .counter-two__top-text {
          margin-top: 30px;
      }

      .counter-two__single {
          margin-bottom: 70px;
      }

      .testimonial-two {
          padding: 50px 0 0;
      }

      .testimonial-two__left {
          margin-right: 0;
      }

      .blog-two__content {
          padding: 31px 19px 30px;
      }

      .footer-widget-two__service {
          margin-left: 0;
      }

      .footer-widget-two__links {
          margin-left: 0;
          padding-top: 35px;
      }

      .footer-widget-two__contact {
          padding-top: 35px;
      }


      .about-three__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .about-three__right {
          max-width: 600px;
          margin: 50px auto 0;
      }

      .services-six__content {
          padding: 27px 25px 28px;
      }

      .why-choose-three__bg {
          width: calc((100% - 295px) / 2);
      }

      .counter-three__big-count>h3 {
          font-size: 90px;
      }

      .counter-three__big-count>span {
          font-size: 90px;
      }

      .project-three__title {
          font-size: 20px;
          line-height: 30px;
      }

      .project-three__content {
          padding: 28px 20px 30px;
      }

      .contact-two__left .section-title__title {
          font-size: 40px;
          line-height: 50px;
      }

      .contact-two__left {
          margin-top: 0;
      }

      .contact-two__text br {
          display: none;
      }

      .testimonial-three__text-box {
          padding: 40px 20px 60px;
      }

      .about-four__left {
          margin-top: 0;
          margin-bottom: 50px;
      }

      .team-three__content {
          padding: 28px 20px 25px;
      }

      .team-three__title {
          font-size: 24px;
          line-height: 34px;
      }

      .blog-three__content {
          margin-left: 0;
          margin-right: 0;
          padding: 41px 15px 30px;
      }

      .blog-three__meta li+li {
          margin-left: 10px;
      }

      .blog-three__meta li>a {
          font-size: 14px;
      }

      .cta-two__title {
          font-size: 57px;
      }

      .footer-widget-three__link {
          margin-left: 0;
      }

      .footer-widget-three__page {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-three__title-box {
          margin-top: 0;
      }

      .footer-widget-three__contact {
          margin-top: 43px;
      }

      .recent-project__img {
          display: none;
      }

      .services-seven {
          padding: 20px 0 90px;
      }

      .services-seven__left {
          margin-right: 0;
          margin-top: 0;
          margin-bottom: 60px;
      }

      .about-five__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .about-five__img-two,
      .about-five__shape-2 {
          display: none;
      }

      .about-five__right {
          max-width: 600px;
          margin: 170px auto 0;
      }

      .gallery-one__content-box {
          flex-direction: column;
          align-items: baseline;
      }

      .testimonial-four__right {
          margin-left: 0;
      }

      .team-four__share-and-social {
          right: 20px;
      }

      .feature-one__left {
          margin-top: 0;
      }

      .feature-one__right {
          margin-left: 0;
          margin-top: 30px;
      }

      .pricing-three__img {
          display: none;
      }

      .faq-three__year {
          position: relative;
          top: 0;
          left: 0;
      }

      .blog-four__content {
          padding: 20px 0px 0;
      }

      .blog-four__meta li+li {
          margin-left: 10px;
      }

      .blog-four__meta li>a {
          font-size: 18px;
      }

      .blog-four__title {
          font-size: 22px;
      }

      .footer-widget-four__services {
          margin-left: 0;
          margin-right: 0;
      }

      .footer-widget-four__link {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-four__contact {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-four__title-box {
          margin-top: 0;
      }

      .about-six__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .about-six__right {
          max-width: 600px;
          margin: 84px auto 0;
      }

      .services-nine__content {
          padding: 18px 20px 34px;
      }

      .faq-four__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .faq-four__right {
          max-width: 600px;
          margin: 60px auto 0;
      }

      .gallery-two__content {
          left: 20px;
          right: 20px;
          padding: 28px 20px 30px;
      }

      .work-process__shape-1 {
          display: none;
      }

      .testimonial-five__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .testimonial-five__right {
          max-width: 600px;
          margin: 60px auto 0;
      }

      .pricing-four__points-and-btn {
          padding: 20px 20px 52px;
      }

      .progress-one__progress-list {
          flex-wrap: wrap;
      }

      .progress-one__progress-list li {
          flex: 0 0 50%;
          max-width: 50%;
          width: 100%;
      }

      .blog-five__content {
          padding: 21px 15px 30px;
      }

      .cta-three__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .cta-three__shape-2 {
          width: 1500px;
      }

      .cta-three__right {
          max-width: 600px;
          margin: 60px auto 0;
      }

      .cta-three {
          padding: 100px 0 120px;
      }

      .footer-widget-five__services {
          margin-left: 0;
      }

      .footer-widget-five__contact {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-five__newsletter {
          margin-top: 43px;
      }

      .footer-widget-five__title-box {
          margin-top: 0;
      }

      .contact-three {
          padding: 120px 0 120px;
      }

      .project-details__information {
          position: relative;
          right: 0;
          bottom: 0;
          margin-top: 30px;
      }

      .services-details__sidebar {
          padding: 32px 20px 40px;
      }

      .services-details {
          /* padding: 120px 0 25px; */
          padding: 0px 0 25px;
      }

      .contact-four {
          padding: 50px 0 220px;
      }

      .faq-five {
          padding: 120px 0 120px;
      }

      .projects-page {
          padding: 120px 0 120px;
      }

      /* .services-page {
          padding: 120px 0 120px;
      } */

      .team-page {
          padding: 120px 0 90px;
      }

      .testimonial-page {
          padding: 120px 0 90px;
      }

      .pricing-page {
          padding: 120px 0 90px;
      }

      .gallery-page {
          padding: 120px 0 110px;
      }

      .faq-page {
          padding: 120px 0 110px;
      }

      .error-page {
          padding: 67px 0 120px;
      }








  }








  /* Tablet Layout: 768px. */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .about-one__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .about-one__right {
          max-width: 600px;
          margin: 50px auto 0;
      }

      .services-two .section-title__title {
          font-size: 56px;
      }

      .project-one__right {
          margin-left: 0;
          margin-top: 30px;
      }

      .pricing-one__left {
          margin-bottom: 50px;
      }

      .why-choose-one__bg {
          display: none;
      }

      .faq-one__left {
          margin-top: 0;
          margin-bottom: 50px;
      }

      .contact-one__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .contact-one__right {
          max-width: 600px;
          margin: 50px auto 0;
      }

      .testimonial-one__img {
          margin-left: 0;
          margin-top: 30px;
      }

      .testimonial-one__nav {
          display: none;
      }

      .blog-one {
          padding: 120px 0 90px;
      }

      .cta-one__img {
          display: none;
      }

      .cta-one__shape-1 {
          display: none;
      }

      .cta-one__inner {
          text-align: center;
      }

      .cta-one__form {
          justify-content: center;
      }

      .footer-widget__news {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget__contact {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget__services {
          margin-left: 0;
      }

      .site-footer__bottom-inner {
          justify-content: center;
          text-align: center;
      }

      .about-two__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .about-two__right {
          max-width: 600px;
          margin: 45px auto 0;
      }

      .why-choose-two__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .why-choose-two__right {
          max-width: 600px;
          margin: 0 auto;
      }

      .join-us-one__inner {
          justify-content: center;
          text-align: center;
      }

      .join-us-one__form-box {
          margin-top: 30px;
      }

      .success-one__img-box {
          position: relative;
          top: 0;
      }

      .success-one__left {
          margin-top: 50px;
      }

      .project-two__bottom {
          margin-right: 0;
      }

      .counter-two__top {
          flex-direction: row;
          align-items: baseline;
      }

      .counter-two__top-text {
          margin-top: 30px;
      }

      .counter-two__single {
          margin-bottom: 70px;
      }

      .testimonial-two {
          padding: 50px 0 0;
      }

      .testimonial-two__left {
          margin-right: 0;
      }

      .footer-widget-two__service {
          margin-left: 0;
      }

      .footer-widget-two__links {
          margin-left: 0;
          padding-top: 35px;
      }

      .footer-widget-two__contact {
          padding-top: 35px;
      }

      .site-footer-two__bottom-inner {
          flex-direction: column;
      }


      .about-three__left {
          max-width: 600px;
          margin: 0 auto;
      }

      .about-three__right {
          max-width: 600px;
          margin: 50px auto 0;
      }

      .services-six__top .section-title__title {
          font-size: 45px;
          line-height: 55px;
      }

      .recent-project__list-box li {
          padding: 28px 20px 28px;
      }

      .recent-project__list-content .content {
          margin-left: 25px;
      }

      .why-choose-three__bg {
          display: none;
      }

      .why-choose-three__contact-list {
          margin-right: 0;
      }

      .counter-three {
          padding: 162px 0 19px;
      }

      .counter-three__count-list li {
          flex: 0 0 50%;
          max-width: 50%;
          width: 100%;
          margin-bottom: 100px;
      }

      .counter-three__count-list {
          flex-wrap: wrap;
      }

      .contact-two__left {
          margin-top: 0;
          margin-bottom: 50px;
      }

      .contact-two {
          padding: 0 0 120px;
      }

      .testimonial-three__bg {
          display: none;
      }

      .about-four__left {
          margin-top: 0;
          margin-bottom: 50px;
      }

      .about-four {
          padding: 56px 0 0;
      }

      .cta-two__wrap {
          clip-path: none;
      }

      .footer-widget-three__link {
          margin-left: 0;
      }

      .footer-widget-three__page {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-three__title-box {
          margin-top: 0;
      }

      .footer-widget-three__contact {
          margin-top: 43px;
      }

      .site-footer-three__bottom-inner {
          flex-direction: column;
      }

      .recent-project__img {
          display: none;
      }

      .services-seven {
          padding: 20px 0 90px;
      }

      .services-seven__left {
          margin-right: 0;
          margin-top: 0;
          margin-bottom: 60px;
      }

      .about-five__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .about-five__img-two,
      .about-five__shape-2 {
          display: none;
      }

      .about-five__right {
          max-width: 600px;
          margin: 170px auto 0;
      }

      .gallery-one__top-inner {
          flex-direction: column;
          align-items: baseline;
      }

      .gallery-one__top-inner .section-title {
          margin-bottom: 30px;
      }

      .testimonial-four__right {
          margin-left: 0;
      }

      .feature-one__left {
          margin-top: 0;
      }

      .feature-one__right {
          margin-left: 0;
          margin-top: 30px;
      }

      .pricing-three__img {
          display: none;
      }

      .pricing-three__price-and-btn {
          flex-direction: column;
          align-items: baseline;
      }

      .pricing-three__price-box {
          margin-bottom: 20px;
      }

      .faq-three__year {
          position: relative;
          top: 0;
          left: 0;
      }

      .faq-three__right {
          padding: 70px 20px 60px;
      }

      .footer-widget-four__services {
          margin-left: 0;
          margin-right: 0;
      }

      .footer-widget-four__link {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-four__contact {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-four__title-box {
          margin-top: 0;
      }

      .site-footer-four__bottom-inner {
          flex-direction: column;
      }

      .about-six__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .about-six__right {
          max-width: 600px;
          margin: 84px auto 0;
      }

      .faq-four__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .faq-four__right {
          max-width: 600px;
          margin: 60px auto 0;
      }

      .counter-five__count-list {
          flex-direction: column;
      }

      .work-process__shape-1 {
          display: none;
      }

      .testimonial-five__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .testimonial-five__right {
          max-width: 600px;
          margin: 60px auto 0;
      }

      .progress-one__progress-list {
          flex-wrap: wrap;
      }

      .progress-one__progress-list li {
          flex: 0 0 50%;
          max-width: 50%;
          width: 100%;
      }

      .blog-five__top {
          flex-direction: column;
          align-items: baseline;
          margin-bottom: 60px;
      }

      .blog-five__top .section-title {
          margin-bottom: 48px;
      }

      .cta-three__left {
          max-width: 600px;
          margin: 0 auto 0;
      }

      .cta-three__shape-2 {
          width: 1500px;
      }

      .cta-three__right {
          max-width: 600px;
          margin: 60px auto 0;
      }

      .cta-three {
          padding: 100px 0 120px;
      }

      .footer-widget-five__services {
          margin-left: 0;
      }

      .footer-widget-five__contact {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-five__newsletter {
          margin-top: 43px;
      }

      .footer-widget-five__title-box {
          margin-top: 0;
      }

      .site-footer-five__bottom-inner {
          flex-direction: column;
      }

      .contact-page__left {
          margin-right: 0;
      }

      .contact-page__right {
          margin-top: 50px;
      }

      .contact-three {
          padding: 120px 0 120px;
      }

      .project-details__information {
          position: relative;
          right: 0;
          bottom: 0;
          margin-top: 30px;
      }

      .project-details__bottom-right {
          margin-top: 30px;
      }

      .project-details {
          padding: 120px 0 120px;
      }

      .services-details {
          /* padding: 120px 0 120px; */
          padding: 0px 0 120px;
      }

      .contact-four {
          padding: 50px 0 120px;
      }

      .faq-five {
          padding: 120px 0 120px;
      }

      .projects-page .project-three__content {
          padding: 28px 20px 30px;
          padding-right: 20px;
      }

      .projects-page .project-three__title {
          font-size: 22px;
      }

      /* .projects-page {
          padding: 120px 0 120px;
      } */

      /* .services-page {
          padding: 120px 0 120px;
      } */

      .services-page .services-four__text br {
          display: none;
      }

      .team-page {
          padding: 120px 0 90px;
      }

      .testimonial-page {
          padding: 120px 0 90px;
      }

      .pricing-page {
          padding: 120px 0 90px;
      }

      .gallery-page {
          padding: 120px 0 110px;
      }

      .faq-page {
          padding: 120px 0 110px;
      }

      .error-page {
          padding: 67px 0 120px;
      }

















  }










  /* Mobile Layout: 767. */
  @media only screen and (max-width: 767px) {
      .section-title__title br {
          display: none;
      }

      .section-title__title {
          font-size: 29px;
          line-height: 39px;
      }

      .about-one__right {
          margin-left: 0;
          margin-top: 50px;
      }

      .about-one__points-list li {
          flex-wrap: wrap;
          flex-direction: column;
          align-items: baseline;
      }

      .about-one__points-list li .content {
          margin-left: 0;
          margin-top: 20px;
      }

      .project-one__right {
          margin-left: 0;
          margin-top: 30px;
      }

      .pricing-one__left {
          margin-bottom: 50px;
      }

      .why-choose-one__bg {
          display: none;
      }

      .why-choose-one__text br {
          display: none;
      }

      .why-choose-one__points {
          align-items: baseline;
          flex-direction: column;
      }

      .why-choose-one__points li+li {
          margin-left: 0;
          margin-top: 30px;
      }

      .faq-one__left {
          margin-top: 0;
          margin-bottom: 50px;
      }

      .faq-one__right .faq-one-accrodion .accrodion-content {
          padding-right: 30px;
      }

      .contact-one__left {
          margin-right: 0;
      }

      .contact-one__form {
          padding: 60px 30px 60px;
      }

      .contact-one__right .section-title {
          margin-right: 0;
      }

      .contact-one__right {
          margin-top: 50px;
      }

      .contact-one__call-box {
          flex-direction: column;
          align-items: baseline;
      }

      .contact-one__call-box li+li {
          margin-left: 0;
          margin-top: 30px;
      }

      .testimonial-one__img {
          margin-left: 0;
          margin-top: 30px;
      }

      .testimonial-one__nav {
          display: none;
      }

      .testimonial-one__content {
          padding: 55px 20px 70px;
      }

      .testimonial-one__quote {
          right: 20px;
      }

      .blog-one__content {
          padding: 36px 20px 40px;
      }

      .blog-one__title {
          font-size: 22px;
      }

      .blog-one {
          padding: 120px 0 90px;
      }

      .cta-one__img {
          display: none;
      }

      .cta-one__shape-1 {
          display: none;
      }

      .cta-one__inner {
          text-align: center;
      }

      .cta-one__form {
          justify-content: center;
          flex-direction: column;
      }

      .cta-one__title {
          font-size: 34px;
          line-height: 44px;
      }

      .cta-one__input-box {
          margin-bottom: 30px;
      }

      .footer-widget__news {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget__contact {
          margin-left: 0;
          margin-top: 45px;
      }

      .footer-widget__services {
          margin-left: 0;
          margin-top: 52px;
      }

      .site-footer__bottom-inner {
          justify-content: center;
          text-align: center;
          flex-direction: column;
      }

      .site-footer__bottom-menu {
          flex-direction: column;
          justify-content: center;
          margin-top: 20px;
      }

      .site-footer__bottom-menu li+li {
          margin-left: 0;
          margin-top: 5px;
      }

      .services-three__single {
          padding: 75px 20px 40px;
      }

      .services-three__title {
          font-size: 22px;
      }

      .about-two__left {
          margin-right: 0;
      }

      .about-two__points li .text p {
          font-size: 17px;
      }

      .about-two__right {
          margin-top: 45px;
      }

      .why-choose-two__left {
          margin-right: 0;
      }

      .why-choose-two__right {
          margin-left: 0;
          margin-right: 0;
      }

      .join-us-one__inner {
          padding-left: 20px;
          padding-right: 20px;
          text-align: center;
          justify-content: center;
      }

      .join-us-one__title {
          font-size: 30px;
          line-height: 40px;
      }

      .join-us-one__shape-1 {
          display: none;
      }

      .join-us-one__shape-2 {
          display: none;
      }

      .join-us-one__btn {
          position: relative;
          right: 0;
          margin-top: 20px;
      }

      .join-us-one__form-box {
          margin-top: 18px;
      }

      .join-us-one__contact-form {
          margin: 0 auto;
      }

      .services-four__content {
          margin: -60px 10px 0;
          padding: 32px 15px 30px;
      }

      .project-two__bottom {
          margin-right: 0;
      }

      .project-two__top {
          flex-direction: column;
          align-items: baseline;
      }

      .project-two__nav {
          margin-top: 30px;
      }

      .project-two__content {
          left: 15px;
          right: 15px;
          flex-direction: column;
          align-items: baseline;
      }

      .project-two__title-box {
          margin-bottom: 20px;
      }

      .success-one__img-box {
          position: relative;
          top: 0;
      }

      .success-one__left {
          margin-top: 50px;
      }

      .success-one__points-text {
          font-size: 19px;
      }

      .faq-two__content-box {
          padding: 50px 20px 40px;
      }

      .faq-two__content-box .faq-one-accrodion .accrodion-title {
          padding: 22px 15px 22px;
      }

      .faq-two__content-box .faq-one-accrodion .accrodion-title h4 {
          font-size: 20px;
          line-height: 22px;
      }

      .counter-two__top {
          flex-direction: row;
          align-items: baseline;
      }

      .counter-two__top-text {
          margin-top: 30px;
      }

      .counter-two__single {
          margin-bottom: 70px;
      }

      .testimonial-two {
          padding: 50px 0 0;
      }

      .testimonial-two__left {
          margin-right: 0;
      }

      .testimonial-two__single {
          padding: 55px 20px 93px;
      }

      .testimonial-two__client-info {
          flex-direction: column;
          align-items: baseline;
      }

      .blog-two__content {
          padding: 31px 19px 30px;
      }

      .footer-widget-two__service {
          margin-left: 0;
          padding-top: 39px;
      }

      .footer-widget-two__links {
          margin-left: 0;
          padding-top: 35px;
      }

      .footer-widget-two__contact {
          padding-top: 35px;
      }

      .site-footer-two__bottom-inner {
          flex-direction: column;
      }


      .about-three__left {
          margin-right: 0;
      }

      .about-three__right {
          margin-top: 50px;
      }

      .services-six__content {
          padding: 27px 25px 28px;
      }

      .services-six__top {
          flex-direction: column;
          align-items: baseline;
      }

      .services-six__btn-box {
          margin-top: 29px;
      }

      .recent-project__list-box li {
          flex-direction: column;
          text-align: center;
          padding: 28px 30px 28px;
      }

      .recent-project__list-content {
          flex-direction: column;
      }

      .recent-project__list-content .content {
          margin-left: 0;
          margin-top: 20px;
          margin-bottom: 20px;
      }

      .why-choose-three__bg {
          display: none;
      }

      .why-choose-three__contact-list {
          margin-right: 0;
          flex-direction: column;
          align-items: baseline;
      }

      .why-choose-three__btn-box {
          margin-top: 40px;
          margin-bottom: 50px;
      }

      .why-choose-three__contact-list li+li {
          margin-left: 0;
          margin-top: 30px;
      }

      .counter-three {
          padding: 162px 0 19px;
      }

      .counter-three__count-list li {
          flex: 0 0 100%;
          max-width: 100%;
          width: 100%;
          margin-bottom: 100px;
          justify-content: center;
          display: inline-flex;
      }

      .counter-three__count-list {
          flex-wrap: wrap;
      }

      .counter-three__big-count>h3 {
          font-size: 90px;
      }

      .counter-three__big-count>span {
          font-size: 90px;
      }

      .counter-three__big-count {
          bottom: -31px;
          left: 42px;
      }

      .project-three__title {
          font-size: 21px;
          line-height: 31px;
      }

      .project-three__content {
          padding: 28px 20px 30px;
      }

      .contact-two__left {
          margin-top: 0;
          margin-bottom: 50px;
      }

      .contact-two {
          padding: 0 0 120px;
      }

      .testimonial-three__bg {
          display: none;
      }

      .testimonial-three__dot-style {
          display: none;
      }

      .about-four__left {
          margin-top: 0;
          margin-bottom: 50px;
      }

      .about-four {
          padding: 56px 0 0;
      }

      .team-three__content {
          padding: 28px 20px 25px;
      }

      .team-three__title {
          font-size: 24px;
          line-height: 34px;
      }

      .video-one__title {
          font-size: 27px;
          line-height: 37px;
      }

      .blog-three__content {
          margin-left: 0;
          margin-right: 0;
          padding: 41px 15px 30px;
      }

      .blog-three__meta li+li {
          margin-left: 10px;
      }

      .blog-three__meta li>a {
          font-size: 14px;
      }

      .cta-two__wrap {
          clip-path: none;
      }

      .cta-two__title {
          font-size: 45px;
          line-height: 55px;
      }

      .cta-two__call-box {
          flex-direction: column;
          align-items: baseline;
      }

      .call-number {
          margin-left: 0;
          margin-top: 20px;
          flex-direction: column;
          align-items: baseline;
      }

      .call-number>a+a {
          margin-left: 0;
          margin-top: 10px;
      }

      .contact-two__text br {
          display: none;
      }

      /* .why-choose-three::before {
          background-color: var(--elitecons-base);
      } */

      .why-choose-three__contact-list li .icon>span {
          color: rgba(var(--elitecons-white-rgb), 1);
      }

      .why-choose-three__contact-list li .content>p>a:hover {
          color: var(--elitecons-black);
      }

      .footer-widget-three__link {
          margin-left: 0;
          margin-top: 52px;
      }

      .footer-widget-three__page {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-three__title-box {
          margin-top: 0;
      }

      .footer-widget-three__contact {
          margin-top: 43px;
      }

      .site-footer-three__bottom-inner {
          flex-direction: column;
          text-align: center;
      }

      .site-footer-three__bottom-menu {
          flex-direction: column;
          margin-top: 10px;
      }

      .site-footer-three__bottom-menu li+li {
          margin-left: 0;
      }

      .recent-project__img {
          display: none;
      }

      .services-seven {
          padding: 20px 0 90px;
      }

      .services-seven__left {
          margin-right: 0;
          margin-top: 0;
          margin-bottom: 60px;
      }

      .about-five__left {
          margin-right: 0;
      }

      .about-five__shape-1,
      .about-five__shape-2,
      .about-five__img-two {
          display: none;
      }

      .about-five__experience {
          padding: 30px 20px 30px;
          padding-right: 20px;
          position: relative;
          left: 0;
          bottom: 0;
      }

      .about-five__points {
          gap: 20px;
          flex-direction: column;
          align-items: baseline;
      }

      .services-eight__img-box {
          margin-right: 0;
      }

      .services-eight__title-box {
          flex-direction: column;
          align-items: baseline;
      }

      .services-eight__content {
          padding: 20px 20px 40px;
      }

      .gallery-one__top-inner {
          flex-direction: column;
          align-items: baseline;
      }

      .gallery-one__top-inner .section-title {
          margin-bottom: 30px;
      }

      .gallery-one__content-box {
          flex-direction: column;
          align-items: baseline;
          left: 15px;
          right: 15px;
      }

      .testimonial-four__right {
          margin-left: 0;
      }

      .testimonial-four__single {
          padding: 70px 20px 60px;
      }

      .testimonial-four__dot-style {
          bottom: 25px;
          right: 25px;
      }

      .team-four__share-and-social {
          right: 20px;
      }

      .feature-one__left {
          margin-top: 0;
          padding: 70px 20px 60px;
      }

      .counter-four__single {
          justify-content: center;
      }

      .feature-one__right {
          margin-left: 0;
          margin-top: 30px;
      }

      .feature-one__count-text {
          font-size: 17px;
      }

      .pricing-three__img {
          display: none;
      }

      .pricing-three__price-and-btn {
          flex-direction: column;
          align-items: center;
          text-align: center;
      }

      .pricing-three__price-box {
          margin-bottom: 20px;
          flex-direction: column;
          text-align: center;
      }

      .pricing-three__price-content {
          margin-left: 0;
      }

      .pricing-three__price-text br {
          display: none;
      }

      .faq-three__year {
          position: relative;
          top: 0;
          left: 0;
          margin-bottom: 20px;
      }

      .faq-three__year>p {
          font-size: 40px;
          line-height: 50px;
      }

      .faq-three__right {
          padding: 70px 20px 60px;
      }

      .blog-four__content {
          padding: 20px 0px 0;
      }

      .blog-four__meta li+li {
          margin-left: 10px;
      }

      .blog-four__meta li>a {
          font-size: 18px;
      }

      .blog-four__title {
          font-size: 22px;
      }

      .footer-widget-four__services {
          margin-left: 0;
          margin-right: 0;
          margin-top: 52px;
      }

      .footer-widget-four__link {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-four__contact {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-four__title-box {
          margin-top: 0;
      }

      .site-footer-four__bottom-inner {
          flex-direction: column;
          text-align: center;
      }

      .site-footer-four__bottom-menu {
          flex-direction: column;
          margin-top: 20px;
      }

      .site-footer-four__bottom-menu li+li {
          margin-left: 0;
      }

      .about-six__left {
          margin-left: 0;
          margin-right: 0;
      }

      .about-six__right {
          margin-top: 84px;
      }

      .services-nine__content {
          padding: 18px 20px 34px;
      }

      .faq-four__left {
          margin-top: 0;
      }

      .faq-four__left .faq-one-accrodion .accrodion-title {
          padding: 22px 15px 22px;
      }

      .faq-four__right {
          margin-left: 0;
          margin-top: 60px;
      }

      .faq-four__shape-1,
      .faq-four__img-2 {
          display: none;
      }

      .counter-five__count-list {
          flex-direction: column;
      }

      .gallery-two__nav {
          display: none;
      }

      .gallery-two__content {
          bottom: 10px;
          left: 10px;
          right: 10px;
          padding: 28px 10px 30px;
      }

      .gallery-two__text {
          font-size: 18px;
          line-height: 28px;
      }

      .gallery-two__text br {
          display: none;
      }

      .gallery-two__title {
          font-size: 22px;
          line-height: 32px;
          margin-bottom: 0px;
      }

      .work-process__shape-1 {
          display: none;
      }

      .testimonial-five__single {
          padding: 40px 20px 40px;
      }

      .testimonial-five__client-info {
          flex-direction: column;
          align-items: baseline;
      }

      .testimonial-five__client-content {
          margin-left: 0;
          margin-top: 20px;
      }

      .testimonial-five__text {
          font-size: 20px;
      }

      .testimonial-five__right {
          margin-left: 0;
          margin-right: 0;
          margin-top: 50px;
      }

      .pricing-four__points-and-btn {
          padding: 20px 20px 52px;
      }

      .team-five__nav {
          display: none;
      }

      .progress-one__progress-list {
          flex-wrap: wrap;
      }

      .progress-one__progress-list li {
          flex: 0 0 100%;
          max-width: 100%;
          width: 100%;
      }

      .progress-one__inner {
          padding: 80px 20px 57px;
      }

      .blog-five__top {
          flex-direction: column;
          align-items: baseline;
          margin-bottom: 60px;
      }

      .blog-five__top .section-title {
          margin-bottom: 48px;
      }

      .blog-five__content {
          padding: 21px 15px 30px;
      }

      .cta-three__left {
          margin-right: 0;
          margin-left: 0;
      }

      .cta-three__shape-2 {
          width: 1000px;
      }

      .cta-three__img-2,
      .cta-three__img-shape {
          display: none;
      }

      .cta-three__right {
          margin-top: 60px;
      }

      .cta-three__title {
          font-size: 45px;
          line-height: 55px;
      }

      .cta-three__text br {
          display: none;
      }

      .cta-three {
          padding: 100px 0 120px;
      }

      .cta-three__input-box {
          flex-direction: column;
          align-items: baseline;
      }

      .cta-three__btn {
          margin-left: 0;
          margin-top: 10px;
      }

      .footer-widget-five__services {
          margin-left: 0;
          margin-top: 52px;
      }

      .footer-widget-five__contact {
          margin-left: 0;
          margin-top: 43px;
      }

      .footer-widget-five__newsletter {
          margin-top: 43px;
      }

      .footer-widget-five__title-box {
          margin-top: 0;
      }

      .site-footer-five__bottom-inner {
          flex-direction: column;
          text-align: center;
      }

      .site-footer-five__bottom-menu {
          flex-direction: column;
          margin-top: 20px;
      }

      .site-footer-five__bottom-menu li+li {
          margin-left: 0;
      }

      .blog-page__content {
          margin-left: 0;
          margin-right: 0;
          padding: 40px 10px 40px;
      }

      .blog-page__meta {
          gap: 10px;
          flex-direction: column;
      }

      .blog-page__title {
          font-size: 30px;
          line-height: 40px;
      }

      .blog-page__pagination .pg-pagination li {
          display: block;
          margin-right: 0;
      }

      .blog-page__pagination .pg-pagination li+li {
          margin-top: 10px;
      }

      .blog-page {
          padding: 120px 0 120px;
      }

      .blog-details__meta {
          position: relative;
          gap: 10px;
          flex-direction: column;
      }

      .blog-details__title-1 {
          font-size: 35px;
          line-height: 45px;
      }

      .blog-details__quote-box {
          padding: 18px 30px 22px;
          padding-right: 30px;
      }

      .blog-details__img-and-content {
          flex-direction: column;
          align-items: baseline;
      }

      .blog-details__text-box {
          margin-left: 0;
          margin-top: 15px;
      }

      .blog-details__bottom {
          flex-direction: column;
      }

      .blog-details__bottom p {
          text-align: center;
      }

      .blog-details__tags span {
          margin-right: 0;
          padding-bottom: 10px;
          position: relative;
          display: block;
      }

      .blog-details__tags a {
          display: block;
      }

      .blog-details__tags a+a {
          margin-left: 0;
          margin-top: 10px;
      }

      .blog-details__social-list {
          margin-top: 30px;
      }

      .blog-details__pagenation {
          padding: 29px 20px 29px;
          flex-direction: column;
      }

      .blog-details__pagenation::before {
          display: none;
      }

      .blog-details__pagenation li+li {
          margin-top: 20px;
      }

      .comment-one__single {
          flex-direction: column;
          align-items: baseline;
      }

      .comment-one__content {
          margin-left: 0;
          margin-top: 10px;
      }

      .blog-details__icon-and-content-box {
          flex-direction: column;
          align-items: baseline;
      }

      .blog-details__content-box {
          margin-left: 0;
          margin-top: 15px;
      }

      .contact-page__left {
          margin-right: 0;
      }

      .contact-page__right {
          margin-top: 50px;
      }

      .contact-page__title {
          font-size: 30px;
          line-height: 40px;
      }

      .contact-page__contact-list li .content>p br {
          display: none;
      }

      .contact-three {
          padding: 120px 0 120px;
      }

      .project-details__information {
          position: relative;
          right: 0;
          bottom: 0;
          margin-top: 30px;
          padding: 37px 15px 19px;
      }

      .project-details__bottom-right {
          margin-top: 30px;
      }

      .project-details {
          padding: 120px 0 120px;
      }

      .project-details__title {
          font-size: 30px;
          line-height: 40px;
      }

      .project-details__text br {
          display: none;
      }

      .project-details__title-2 {
          font-size: 25px;
          line-height: 35px;
      }

      .project-details__client-box {
          padding: 28px 20px 28px;
          flex-direction: column;
          align-items: baseline;
      }

      .project-details__client-content {
          margin-left: 0;
          margin-top: 20px;
      }

      .services-details {
          /* padding: 120px 0 120px; */
          padding: 0px 0 120px;

      }

      .services-details__title-1 {
          font-size: 30px;
          line-height: 40px;
      }

      .services-details__bottom-single {
          padding: 62px 20px 40px;
          padding-right: 20px;
      }

      .services-details__sidebar {
          padding: 32px 15px 40px;
      }

      .services-details__sidebar-text br {
          display: none;
      }

      .page-header__inner h2 {
          font-size: 30px;
          line-height: 40px;
      }

      .contact-four {
          padding: 50px 0 120px;
      }

      .faq-five {
          padding: 120px 0 120px;
      }

      .projects-page {
          padding: 120px 0 120px;
      }

      /* .services-page {
          padding: 120px 0 120px;
      } */

      .team-page {
          padding: 120px 0 90px;
      }

      .testimonial-page {
          padding: 120px 0 90px;
      }

      .pricing-page {
          padding: 120px 0 90px;
      }

      .gallery-page {
          padding: 120px 0 110px;
      }

      .faq-page {
          padding: 120px 0 110px;
      }

      .error-page {
          padding: 98px 0 120px;
      }

      .error-page__title {
          font-size: 150px;
          line-height: 150px;
      }

      .error-page__tagline {
          font-size: 35px;
          line-height: 45px;
      }


















  }






























  @media only screen and (min-width: 1320px) and (max-width: 1500px) {
      .contact-one__right .section-title {
          margin-right: 0;
      }

      .contact-one__right .section-title__title {
          font-size: 50px;
      }

      .main-menu-four__wrapper-inner{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
      }
  }

  @media only screen and (min-width: 1600px) and (max-width: 1800px) {
      .success-one__img-box {
          width: 50%;
      }
  }


  @media only screen and (min-width: 1320px) and (max-width: 1599px) {
      .success-one__img-box {
          width: 50%;
      }
  }

  @media only screen and (min-width: 1200px) and (max-width: 1750px) {
      .faq-three__year {
          position: relative;
          top: 0;
          left: 0;
      }
  }

  @media only screen and (min-width: 1400px) and (max-width: 1610px) {}

  @media only screen and (min-width: 1200px) and (max-width: 1399px) {}

  @media only screen and (min-width: 1320px) and (max-width: 1350px) {}





































  /*--------------------------------------------------------------
  # Slider All Responsice Css
  --------------------------------------------------------------*/
  @media only screen and (min-width: 1200px) and (max-width: 1319px) {
      .banner-one__top-title {
          font-size: 75px;
      }
  }










  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main-slider__content {
          margin-left: 0;
      }

      .main-slider-two #main-slider-pagination {
          align-items: flex-end;
          justify-content: center;
      }

      .main-slider-two__img,
      .main-slider-two__shape-1 {
          display: none;
      }



      .main-slider-three__nav {
          left: auto;
          right: 50px;
      }

      .main-slider-three__shape-1 {
          display: none;
      }

      .main-slider-three__img {
          display: none;
      }

      /* .main-slider-three__social-box {
          right: 10px;
      } */

      .main-slider-four__img-1,
      .main-slider-four__img-2 {
          display: none;
      }





      .banner-one__top-left {
          margin-bottom: 25px;
      }









  }






  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-slider__content {
          margin-left: 0;
          padding: 77px 50px 80px;
      }

      .main-slider__img {
          display: none;
      }


      .main-slider-two #main-slider-pagination {
          align-items: flex-end;
          justify-content: center;
      }

      .main-slider-two__img,
      .main-slider-two__shape-1,
      .main-slider-two__shape-2,
      .main-slider-two__shape-3 {
          display: none;
      }




      .main-slider-three__nav {
          left: auto;
          /* right: 50px; */
      }

      .main-slider-three__shape-1 {
          display: none;
      }

      .main-slider-three__img {
          display: none;
      }

      .main-slider-three__social-box {
          display: none;
      }





      .main-slider-four__img-1,
      .main-slider-four__img-2 {
          display: none;
      }





      .banner-one__top-left {
          margin-bottom: 25px;
      }

      .banner-one__bottom {
          margin-left: 0;
          margin-right: 0;
      }







  }







  @media only screen and (max-width: 767px) {
      .main-slider__content {
          margin-left: 0;
          padding: 77px 20px 80px;
      }

      .main-slider__img {
          display: none;
      }

      .main-slider__shape-1 {
          display: none;
      }

      .main-slider__title {
          font-size: 35px;
          line-height: 45px;
      }

      .main-slider__text br {
          display: none;
      }

      .main-slider__btn-and-video-box {
          flex-direction: column;
          align-items: baseline;
      }

      .main-slider__video-link {
          margin-left: 0;
          margin-top: 20px;
      }

      #main-slider-pagination {
          display: none;
      }




      .main-slider-two #main-slider-pagination {
          align-items: flex-end;
          justify-content: center;
      }

      .main-slider-two__img,
      .main-slider-two__shape-1,
      .main-slider-two__shape-2,
      .main-slider-two__shape-3 {
          display: none;
      }

      .main-slider-two__title {
          font-size: 35px;
          line-height: 45px;
      }

      .main-slider-two__text br {
          display: none;
      }

      .main-slider-two__btn-and-call-box {
          flex-direction: column;
          align-items: baseline;
      }






      .main-slider-three__nav {
          display: none;
      }

      .main-slider-three__shape-1 {
          display: none;
      }

      .main-slider-three__img {
          display: none;
      }

      .main-slider-three__social-box {
          display: none;
      }

      .main-slider-three__title {
          font-size: 35px;
          line-height: 45px;
      }

      .main-slider-three__text br {
          display: none;
      }

      .main-slider-three__btn-boxes {
          flex-direction: column;
          align-items: baseline;
      }






      .main-slider-four__img-1,
      .main-slider-four__img-2 {
          display: none;
      }

      .main-slider-four__title {
          font-size: 35px;
          line-height: 45px;
      }

      .main-slider-four__title span {
          font-size: 35px;
          line-height: 29px;
      }

      .main-slider-four__text br {
          display: none;
      }

      .main-slider-four__btn-and-call-box {
          gap: 20px;
          flex-direction: column;
          align-items: baseline;
      }




      .banner-one__top-left {
          margin-bottom: 25px;
      }

      .banner-one__top-title {
          font-size: 34px;
          line-height: 44px;
      }

      .banner-one__bottom {
          margin-left: 0;
          margin-right: 0;
          margin-top: 20px;
      }

      .banner-one__sec-img-1,
      .banner-one__sec-img-2,
      .banner-one__img-shape-2 {
          display: none;
      }






  }







  @media only screen and (min-width: 1200px) and (max-width: 1470px) {
      .main-slider__content {
          margin-left: 0;
      }
  }




  @media only screen and (min-width: 1200px) and (max-width: 1450px) {
      .main-slider-two #main-slider-pagination {
          align-items: flex-end;
          justify-content: center;
      }
  }


  @media only screen and (min-width: 1200px) and (max-width: 1650px) {
      .main-slider-three__nav {
          left: -70rem;
          right: 0px;
      }

      .main-slider-three__shape-1 {
          right: 150px;
      }

      .main-slider-three__img {
          right: 100px;
      }

      .main-slider-four__img-1,
      .main-slider-four__img-2 {
          display: none;
      }


  }



  /*--------------------------------------------------------------
  # Main Menu All Responsive Css
  --------------------------------------------------------------*/
  @media only screen and (min-width: 1200px) and (max-width: 1319px) {
      .main-menu__wrapper-inner {
          padding-left: 20px;
      }

      .main-menu__call {
          padding: 22.5px 20px 22.5px;
      }

      .main-menu__menu-box-and-call-box {
          gap: 20px;
      }

      .main-menu__search-box {
          display: none;
      }













  }











  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main-header-two__top {
          display: none;
      }

      .main-header-two__logo a {
          padding: 10px 71.5px;
      }



      .main-menu-six .mobile-nav__toggler:hover {
          color: var(--elitecons-white);
      }


      .testimonial-three__text-box{
        width: auto;
        height: auto;
    }


  }








  @media only screen and (min-width: 768px) and (max-width: 991px) {
      .main-header-two__top {
          display: none;
      }

      .main-header-two__logo a {
          padding: 10px 71.5px;
      }



      /* .main-header-four__top {
          display: none;
      } */


      .main-menu-six .mobile-nav__toggler:hover {
          color: var(--elitecons-white);
      }






  }














  @media (max-width: 767px) {
      .main-menu__wrapper-inner {
          padding-left: 15px;
          padding-right: 15px;
      }

      .main-menu__call,
      .main-menu__search-box {
          display: none;
      }



      .main-header-two__wrap {
          padding-left: 0;
      }

      .main-header-two__top {
          display: none;
      }

      .main-header-two__logo {
          position: relative;
      }

      .main-header-two__logo a {
          max-width: 250px;
          margin: 0 auto 20px;
          padding: 20px 71.5px;
      }

      .main-menu-two__menu-box-and-btn-box {
          padding-left: 20px;
          padding-right: 20px;
      }






      .main-menu-four__right {
          display: none;
      }



      /* .main-header-four__top {
          display: none;
      } */

      .main-menu-four__right {
          display: none;
      }



      .main-menu-five__right {
          display: none;
      }


      .main-menu-six__right {
          display: none;
      }

      .main-menu-six .mobile-nav__toggler:hover {
          color: var(--elitecons-white);
      }


  }









  @media only screen and (min-width: 1200px) and (max-width: 1250px) {
      .main-header-two__wrap {
          padding-left: 270px;
      }

      .main-header-two__top-inner {
          padding: 10px 30px 10px;
          padding-right: 30px;
      }

      .main-header-two__contact-list li+li {
          margin-left: 20px;
      }

      .main-menu-two__menu-box-and-btn-box {
          padding-left: 30px;
          padding-right: 30px;
      }

      .main-header-two__logo a {
          padding: 35px 56.5px;
      }



  .arabic {
      direction: rtl !important;
      text-align: right !important;
      ;
  }

  .english {
      direction: ltr !important;
      text-align: left !important;

  }


  .justify {
      text-align: justify;
  }

  .text-right {
      text-align: right;
  }

  .text-left {
      text-align: left;
  }

  }


  /* media query 320px */
  @media only screen and (min-width: 320px) and (max-width: 374px){

      .page-wrapper {
          min-width: 100%; /* Override min-width: 300px if needed */
      }

      /* .stricky-header .main-menu-four__wrapper .container{

      } */

      /* img, div, section {
          max-width: 100%;
          box-sizing: border-box;
      } */

      .main-slider-three__title{
      font-size: 20px;
      line-height: 20px;
      }
      .main-slider-three__text{
      font-size: 18px;
      line-height: 31px;
      }

      .main-menu-three__wrapper-inner{
          padding: 0 10px;
      }

      .main-menu-three__logo a img{
      max-width: 150px;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
      }
      .thm-btn{
          font-size: 12px;
          padding: 7px 7px 7px;
      }

      .handle-preloader .animation-preloader img{
          max-width: 12rem !important;
      }


      .main-menu-three__right{
          display: flex;
      }

      .main-header-three .main-menu .main-menu-four__wrapper .container
       .main-menu-four__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

     .stricky-header.main-menu-four .sticky-header__content .main-menu-four__wrapper
      .container .main-menu-four__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

      .about-three__right p{
          font-size: 20px;
      }

      .section-title__title{
          font-size: 25px;
      }

      .counter-two__top .section-title__title{
      font-size: 30px;
      letter-spacing: 1.8px;
      }

      .learn-more-section h2{
          font-size: 25px;
      }

      .services-six__top{
         flex-direction: row;
         padding-top: 2rem;
         padding-bottom: 30px;
      }

      .services-six{
          padding-top: 0px;
      }

      .services-six__content{
          text-align: center;
      }

      .counter-two{
          padding: 45px 0 0;
      }

      .services-six__title{
          font-size: 25px;
      }

      .handle-preloader .animation-preloader .spinner{
          left: 1rem;
      }

      .services-six__read-more a{
          font-size: 13px;
      }

      .services-six__title{
          font-size: 18px;
      }

      .contact-two__left .section-title{
          text-align: center;
      }

      .contact-two{
          padding-bottom: 0px;
      }

      .team-three{
          margin-top: -168px;
          padding-bottom: 2rem;
      }

      .footer-widget-three__logo a img{
          max-width: 240px;
      }

      .site-footer-three .site-footer-three__top .container .row .col-xl-4{
           text-align: center;
      }

      .footer-widget-three__contact-list li .content>p{
          font-size: 16px;
      }

      .footer-widget-three__link{
          margin-right: 0px;
      }

      /* .footer-widget-three__contact-list{
          padding: 0px 2rem 0rem 1rem;
      } */

      /* .clientstitle{
          font-size: 25px;
          font-weight: 500;
      } */

      .mobile-nav__contact li{
          direction: rtl;
      }

         .main-menu-three__right{
           direction: rtl;
      }

      .mobile-nav__top{
          direction: rtl;
      }

          .mobile-nav__content .logo-box{
           direction: rtl;
      }

          .counter-two__top{
          flex-direction: row;
      }

      .brands-area{
          padding-top: 0rem!important;
      }



      .main-slider-three__social-box{
      position: absolute;
      top: 328px;
      left: -109px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px;
      transform: rotate(90deg);
      z-index: 100;
      text-shadow: 0 0 5px #000000, 0 0 5px #000000;
      }

      .contact-two__right .text-center{
      text-align: right !important;
      }

      .why-choose-img{
      padding-top: 1rem;
      }

      .why-choose-three{
      padding-top: 3rem !important;
      }

      /* .nice-select .list{
        left: -44px;
      } */

      .about-three .it-nw-blog-sh img{
          margin-top: -8rem;
      }

      .services-details .container .row  .col-lg-7{
          padding-bottom: 3rem;
      }

      .services-details{
      padding: 30px 0 0px;
          padding-bottom: 0rem;
      }

      .services-details__content h3{
          font-size: 17px;
      }

      .footer-widget-three__contact-list li .content>p>a{
          font-size: 13px;
      }

      .footer-widget-three__title{
          text-align: center;
      }
      .footer-widget-three__link-list{
           text-align: center;
      }
      .footer-widget-three__title{
          text-align: center;
      }

      .footer-widget-three__title-box{
          text-align: center;
      }
      .footer-widget-three__link-list{
           text-align: center;
      }

      .footer-widget-three__contact-list li .location{
          width: 85px;
      }

      .footer-widget-three_link{
          padding-right: 0rem;
          padding-bottom: 2rem;
           padding-top: 2rem;
      }

      .site-footer__shape-1 {
        display: none !important;
    }

    .site-footer__shape-2 {
        display: none !important;
    }
    .site-footer__shape-3 {
        display: none !important;
    }

    .site-footer__shape-4 {
        display: none !important;
    }

    .site-footer__shape-5 {
        display: none !important;
    }

    .site-footer__shape-6 {
        display: none !important;
    }

    .icon-box-content h3.card-title{
        font-size: 14px;

    }

    .counter-two__top-text{
        font-size: 17px;
    }

    .counter-two__top .section-title__title{
        font-size: 20px;
    }

    #company-services .container .row .col-lg-4 .icon-box{
        padding: 1rem;
    }

    .icon-box-icon img{
        width: 80px;
    }

    .icon-box-content h3.card-title{
        font-size: 17px;
    }

    .projects-page{
        padding: 20px 0 0px;
    }

    .testimonial-three__client-name{
        padding-bottom: 0rem!important;
    }

    .footer-widget-three__contact-list{
        justify-content: center;
        display: grid;
    }

    .projects-page{
        padding: 25px 0 0px;
    }

    .testimonial-three{
        padding-bottom: 20px !important;
    }

    .testimonial-three__client-name{
        padding-bottom: 0px !important;
    }

    .about-three{
        padding-top: 0px !important;
    }

    .projects-page{
        padding: 0px 0 0px;
    }

    .services-details__content  .section-title__title{
        font-size: 40px !important;
        padding-bottom: 2rem!important;

    }
    .services-details__content ul a li{
        font-size: 25px;
        font-weight: 500;
    }

    /* for service request form  only small size*/

    .nice-select {
        max-width: 100% !important;
        width: 100% !important;
        min-width: auto !important;
        box-sizing: border-box !important;
    }

    /* This will truncate ONLY the selected item text */
    .nice-select .current {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    /* This keeps the dropdown list fully visible and readable */
    .nice-select .list {
        width: 100% !important; /* Allows it to be as wide as needed */
        white-space: normal !important; /* Allows the text to wrap */
    }

    /* Optional: make sure dropdown options are not truncated */
    .nice-select .option {
        white-space: normal !important; /* Allows multi-line text */
    }

    .form-container{
        margin: 1rem;
        padding: 1rem !important;
    }
    .services-details__img{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .testimonial-three__text-box {
        width: auto;
        height: auto;
    }

    .main-header-four__top{
        padding-right: 0rem;
        padding-left: 0rem;
    }

  }



  /* media query 375px */
  @media only screen and (min-width: 375px) and (max-width: 424px){

      .main-slider-three__title{
      font-size: 32px;
      line-height: 36px;
      }
      .main-slider-three__text{
      font-size: 18px;
      line-height: 31px;
      }

      .main-menu-three__wrapper-inner{
          padding: 0 10px;
      }

      .main-menu-three__logo a img{
      max-width: 150px;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
      }
      .thm-btn{
          font-size: 12px;
          padding: 7px 7px 7px;
      }

      .handle-preloader .animation-preloader img{
          max-width: 15rem !important;
      }


      .main-menu-three__right{
          display: flex;
      }

      .main-header-three .main-menu .main-menu-four__wrapper .container
       .main-menu-four__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

     .stricky-header.main-menu-four .sticky-header__content .main-menu-four__wrapper
      .container .main-menu-four__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

      .about-three__right p{
          font-size: 20px;
      }

      .section-title__title{
          font-size: 25px;
      }

      .learn-more-section h2{
          font-size: 25px;
      }

      .services-six__top{
         flex-direction: row;
         padding-top: 2rem;
         padding-bottom: 30px;
      }

      .services-six{
          padding-top: 0px;
      }

      .services-six__content{
          text-align: center;
      }

      .counter-two{
          padding: 45px 0 0;
      }

      .services-six__title{
          font-size: 25px;
      }

      .handle-preloader .animation-preloader .spinner{
          left: 2.5rem;
      }

      .services-six__read-more a{
          font-size: 17px;
      }

      .services-six__title{
          font-size: 22px;
      }

      .contact-two__left .section-title{
          text-align: center;
      }

      .contact-two{
          padding-bottom: 0px;
      }

      .team-three{
          margin-top: -168px;
          padding-bottom: 2rem;
      }

      .footer-widget-three__logo a img{
          max-width: 240px;
      }

      .site-footer-three .site-footer-three__top .container .row .col-xl-4{
           text-align: center;
      }

      .footer-widget-three__contact-list li .content>p{
          font-size: 16px;
      }

          .footer-widget-three__link{
          margin-right: 0px;
      }

      .mobile-nav__contact li{
      direction: rtl;
      }
         .main-menu-three__right{
           direction: rtl;
      }

        .mobile-nav__top{
          direction: rtl;
      }


      .mobile-nav__content .logo-box{
          direction: rtl;
      }

          .counter-two__top{
          flex-direction: row;
      }

      .brands-area{
      padding-top: 0rem!important;
      }

      .brands-area .brand-wrap{
      padding-top: 0rem !important;
      }

      .main-slider-three__social-box{
      position: absolute;
      top: 328px;
      left: -109px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px;
      transform: rotate(90deg);
      z-index: 100;
      text-shadow: 0 0 5px #000000, 0 0 5px #000000;
      }

      .contact-two__right .text-center{
      text-align: right !important;
      }

      .why-choose-img{
          padding-top: 1rem;
      }

      .why-choose-three{
          padding-top: 3rem !important;
      }

        /* .nice-select .list{
            left: -30px;
      } */

          .about-three .it-nw-blog-sh img{
          margin-top: -8rem;
      }

      .services-details .container .row  .col-lg-7{
      padding-bottom: 3rem;
      }

      .services-details{
      padding: 30px 0 0px;
      padding-bottom: 0rem;
      }

      .counter-two__top .section-title__title{
      font-size: 30px;
      letter-spacing: 1.8px;
      }

      .services-details__content h3{
          font-size: 20px;
      }

      .footer-widget-three__contact-list li .content>p>a{
          font-size: 13px;
      }


      .footer-widget-three__title{
          text-align: center;
      }
      .footer-widget-three__link-list{
           text-align: center;
      }
      .footer-widget-three__title{
          text-align: center;
      }

      .footer-widget-three__title-box{
          text-align: center;
      }
      .footer-widget-three__link-list{
           text-align: center;
      }

      .footer-widget-three__contact-list li .location{
          width: 60px;
      }

    .footer-widget-three_link{
        padding-right: 0rem;
        padding-bottom: 2rem;
        padding-top: 2rem;
    }

      .site-footer__shape-1 {
        display: none !important;
    }

    .site-footer__shape-2 {
        display: none !important;
    }
    .site-footer__shape-3 {
        display: none !important;
    }

    .site-footer__shape-4 {
        display: none !important;
    }

    .site-footer__shape-5 {
        display: none !important;
    }

    .site-footer__shape-6 {
        display: none !important;
    }

    .icon-box-content h3.card-title{
        font-size: 16px;
    }

    .counter-two__top-text{
        font-size: 17px;
    }

    .counter-two__top .section-title__title{
        font-size: 20px;
    }

    .icon-box-icon img{
        width: 80px;
    }

    .icon-box-content h3.card-title{
        font-size: 17px;
    }

    .footer-widget-three__contact-list{
        justify-content: center;
        display: grid;
    }

    .projects-page{
        padding: 25px 0 0px;
    }

    .testimonial-three{
        padding-bottom: 25px !important;
    }

    .testimonial-three__client-name{
        padding-bottom: 0px !important;
    }

    .about-three{
        padding-top: 0px !important;
    }

    .projects-page{
        padding: 0px 0 0px;
    }

    /* for service request form  only small size*/

    .nice-select {
        max-width: 100% !important;
        width: 100% !important;
        min-width: auto !important;
        box-sizing: border-box !important;
    }

    /* This will truncate ONLY the selected item text */
    .nice-select .current {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    /* This keeps the dropdown list fully visible and readable */
    .nice-select .list {
        width: 100% !important; /* Allows it to be as wide as needed */
        white-space: normal !important; /* Allows the text to wrap */
    }

    /* Optional: make sure dropdown options are not truncated */
    .nice-select .option {
        white-space: normal !important; /* Allows multi-line text */
    }

    .form-container{
        margin: 1rem;
        padding: 1rem !important;
    }

    .services-details__img{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .testimonial-three__text-box {
        width: auto;
        height: auto;
    }

    .main-header-four__top{
        padding-right: 0rem;
        padding-left: 0rem;
    }
  }


  /* media query 425px */
  @media only screen and (min-width: 425px) and (max-width: 767px){

      .main-slider-three__title{
      font-size: 32px;
      line-height: 36px;
      }

      .main-slider-three__text{
      font-size: 18px;
      line-height: 31px;
      }

      .main-menu-three__wrapper-inner{
          padding: 0 10px;
      }

      .main-menu-three__logo a img{
      max-width: 150px;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
      }
      .thm-btn{
          font-size: 12px;
          padding: 7px 7px 7px;
      }

      .handle-preloader .animation-preloader img{
          max-width: 15rem !important;
      }


      .main-menu-three__right{
          display: flex;
      }

      .main-header-three .main-menu .main-menu-three__wrapper .container
       .main-menu-three__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

     .stricky-header.main-menu-four .sticky-header__content .main-menu-four__wrapper
      .container .main-menu-four__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

      .about-three__right p{
          font-size: 20px;
      }

      .section-title__title{
          font-size: 25px;
      }

      .learn-more-section h2{
          font-size: 25px;
      }

      .services-six__top{
         flex-direction: row;
         padding-top: 2rem;
         padding-bottom: 30px;
      }

      .services-six{
          padding-top: 0px;
      }

      .services-six__content{
      text-align: center;
      }

      .counter-two{
          padding: 45px 0 0;
      }

      .services-six__title{
      font-size: 25px;
      }

      .handle-preloader .animation-preloader .spinner{
      left: 2.5rem;
      }

      .services-six__read-more a{
      font-size: 17px;
      }

      .services-six__title{
      font-size: 22px;
      }

      .contact-two__left .section-title{
      text-align: center;
      }

      .contact-two{
      padding-bottom: 0px;
      }

      .team-three{
      margin-top: -168px;
      padding-bottom: 2rem;
      }

      .footer-widget-three__logo a img{
      max-width: 240px;
      }

      .site-footer-three .site-footer-three__top .container .row .col-xl-4{
      text-align: center;
      }

      .footer-widget-three__contact-list li .content>p{
      font-size: 16px;
      }

      /*.footer-widget-three__contact-list{*/
      /*padding: 0px 5rem 0rem 0rem;*/
      /*}*/

      /* .clientstitle{
      font-size: 25px;
      font-weight: 500;
      } */

      .footer-widget-three__link{
          margin-right: 0px;
      }

      .mobile-nav__contact li{
          direction: rtl;
      }
      .main-menu-three__right{
           direction: rtl;
      }

        .mobile-nav__top{
          direction: rtl;
      }

      .mobile-nav__content .logo-box{
           direction: rtl;
      }

      .learn-more-section h2{
          font-size: 30px;
      }

      .counter-two__top{
          flex-direction: row;
      }

      .brands-area{
      padding-top: 0rem!important;
      }

      .brands-area .brand-wrap{
      padding-top: 0rem !important;
      }

      /* .footer-widget-three__contact-list{
      padding: 0px 7rem 0rem 0rem;
      } */

      .main-slider-three__social-box{
      position: absolute;
      top: 328px;
      left: -112px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px;
      transform: rotate(90deg);
      z-index: 100;
      text-shadow: 0 0 5px #000000, 0 0 5px #000000;
      }

      .contact-two__right .text-center{
      text-align: right !important;
      }

      .why-choose-img{
      padding-top: 1rem;
      }

      .why-choose-three{
      padding-top: 3rem !important;
      }

      /* .nice-select .list{
        left: 18px;
      } */

          .about-three .it-nw-blog-sh img{
          margin-top: -8rem;
      }

      .services-details .container .row  .col-lg-7{
      padding-bottom: 3rem;
      }

      .services-details{
      padding: 30px 0 0px;
          padding-bottom: 0rem;
      }

      .counter-two__top .section-title__title{
      font-size: 30px;
      letter-spacing: 1.8px;
      }


      .footer-widget-three__title{
          text-align: center;
      }
      .footer-widget-three__link-list{
           text-align: center;
      }
      .footer-widget-three__title{
          text-align: center;
      }

      .footer-widget-three__title-box{
          text-align: center;
      }
      .footer-widget-three__link-list{
           text-align: center;
      }

      .footer-widget-three_link{
          padding-right: 0rem;
          padding-bottom: 2rem;
           padding-top: 2rem;
      }

      .footer-widget-three__contact-list{
        justify-content: center;
        display: grid;
    }

    .projects-page{
        padding: 25px 0 0px;
    }

    .site-footer__shape-1 {
        display: none !important;
    }

    .site-footer__shape-2 {
        display: none !important;
    }
    .site-footer__shape-3 {
        display: none !important;
    }

    .site-footer__shape-4 {
        display: none !important;
    }

    .site-footer__shape-5 {
        display: none !important;
    }

    .site-footer__shape-6 {
        display: none !important;
    }

    .testimonial-three{
        padding-bottom: 25px !important;
    }

    .testimonial-three__client-name{
        padding-bottom: 0px !important;
    }

    .about-three{
        padding-top: 0px !important;
    }

    .projects-page{
        padding: 0px 0 0px;
    }

    /* for service request form  only small size*/

    .nice-select {
        max-width: 100% !important;
        width: 100% !important;
        min-width: auto !important;
        box-sizing: border-box !important;
    }

    /* This will truncate ONLY the selected item text */
    .nice-select .current {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    /* This keeps the dropdown list fully visible and readable */
    .nice-select .list {
        width: auto !important; /* Allows it to be as wide as needed */
        white-space: normal !important; /* Allows the text to wrap */
    }

    /* Optional: make sure dropdown options are not truncated */
    .nice-select .option {
        white-space: normal !important; /* Allows multi-line text */
    }

    .form-container{
        margin: 1rem;
        padding: 1rem !important;
    }

    .services-details__img{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .testimonial-three__text-box {
        width: auto;
        height: auto;
    }


    .main-header-four__top{
        padding-right: 9px;
        padding-left: 9px;
    }

    .icon-box-icon img{
        width: 80px;
    }

    .icon-box-content h3.card-title{
        font-size: 19px;
    }
  }


  /* media query 768px */
  @media only screen and (min-width: 768px) and (max-width: 1023px){

      .main-slider-three__title{
      font-size: 30px;
      line-height: 25px;
      }
      .main-slider-three__text{
      font-size: 23px;
      line-height: 37px;
      }

      .main-menu-three__wrapper-inner{
          padding: 0 10px;
      }

      .main-menu-three__logo a img{
      max-width: 170px;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
      }
      .thm-btn{
          font-size: 12px;
          padding: 7px 7px 7px;
      }

      .handle-preloader .animation-preloader img{
          max-width: 20rem !important;
      }


      .main-menu-four__right{
          display: flex;
      }

      .main-header-three .main-menu .main-menu-three__wrapper .container
       .main-menu-three__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

     .stricky-header.main-menu-four .sticky-header__content .main-menu-four__wrapper
      .container .main-menu-four__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

      .about-three__right p{
          font-size: 20px;
      }

      .section-title__title{
          font-size: 45px;
      }

      .learn-more-section h2{
          font-size: 35px;
      }

      .services-six__top{
         flex-direction: row;
         padding-top: 2rem;
         padding-bottom: 30px;
      }

      .services-six{
          padding-top: 0px;
      }

      .services-six__content{
          text-align: center;
      }

      .counter-two{
          padding: 45px 0 0;
      }

      .services-six__title{
          font-size: 25px;
      }

      .handle-preloader .animation-preloader .spinner{
          left: 1.5rem;
      }

      .services-six__read-more a{
          font-size: 17px;
      }

      .services-six__title{
          font-size: 22px;
      }

      .contact-two__left .section-title{
          text-align: center;
      }

      .contact-two{
          padding-bottom: 0px;
      }

      .team-three{
          margin-top: -168px;
          padding-bottom: 2rem;
      }

      .footer-widget-three__logo a img{
          max-width: 240px;
      }

      .site-footer-three .site-footer-three__top .container .row .col-xl-4{
           text-align: center;
      }

      .footer-widget-three__contact-list li .content>p{
          font-size: 13px;
      }

          /* .footer-widget-three__contact-list{
          padding: 0px 1rem 0rem 5rem;
      } */

          /* .clientstitle{
          font-size: 25px;
          font-weight: 500;
      } */

      /* .main-slider-three__btn-box-1{
          padding-left: 2rem;
      } */

      .footer-widget-three__link{
          margin-right: 45px;
      }
      .brands-area{
      padding-top: 0rem!important;
      }

      .brands-area .brand-wrap{
          padding-top: 0rem !important;
      }

      .contact-two__right .text-center{
          text-align: right !important;
      }


      .about-three .container .row .col-xl-6 {
          padding-left: 2rem;
      }

      .suppport-system-section .container .services-six__top{
      padding-top: 0px;
      }

      .footer-widget-three__contact {
      margin-top: 10px;
      }

      .footer-widget-three__link{
              margin-top: 10px;
      }

      .footer-widget-three__title-box{
          margin-bottom: 15px;
      }

      .footer-widget-three__contact-list li .content>p{
          font-size: 14px;
      }

      /* .footer-widget-three__contact-list li .content{
          margin-left: 5px;
      } */

      .site-footer-three .site-footer-three__top .container .row .col-xl-4{
          padding-right: 0px;
      }

      .contact-two__right .recaptcha{
          max-width: 20px;
      }

      .main-slider-three .main-slider-three__nav{
          right: 0rem !important;
          left: -41rem;
      }

      /* .about-three .container .row .col-xl-6 .main-slider-three__btn-box-1{
           padding-right: 2rem;
      } */

      .mobile-nav__contact{
          direction: rtl;
      }

      .mobile-nav__content .logo-box{
          direction: rtl;
      }

      .main-menu-four__right{
          direction: rtl;
          display: none;
      }

      .mobile-nav__top{
          direction: rtl;
      }

      .main-slider-three__social-box{
      position: absolute;
      top: 357px;
      left: -112px;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 20px;
      transform: rotate(90deg);
      z-index: 100;
      text-shadow: 0 0 5px #000000, 0 0 5px #000000;
      }

      .main-slider-three .main-slider-three__nav{
          right: 0rem !important;
          left: -36rem;
      }

      .counter-two__top{
          flex-direction: row;
      }

      .counter-two__top .section-title__tagline,
      .counter-two__top .section-title__title{
          font-size: 34px;
      }

      .about-three__right{
          margin: 0px;
      }
      .about-three .container .row .col-xl-6{
          padding-left: 0rem;
      }

      .about-three .container .row .col-xl-6 .about-three__right .section-title h2{
          margin: 0rem;
      }

      .why-choose-three{
          padding-bottom: 3rem;
      }

      /* .nice-select .list{
        left: 362px;
      } */
      .our-vision-secton{
          padding-bottom: 3rem;
       }

       .why-choose-three .container .row .our-vision h2{
          margin-bottom: 5px !important;
       }

       .our-vision-img{
          padding-top: 3rem;
       }

       .about-three .it-nw-blog-sh img{
          margin-top: 0rem;
       }

      .services-details .container .row  .col-lg-7{
      padding-bottom: 3rem;
      }

      .services-details{
      padding: 30px 0 0px;
      padding-bottom: 0rem;
      }

      .footer-widget-three__contact-list li .content>p>a{
          font-size: 11px;
      }

      .footer-widget-three__contact-list li .location{
          width: 74px;
      }

      .footer-widget-three_link{
      padding-right: 4rem;
      }

      .counter-two__count h3{
        font-size: 30px;
        line-height: 30px;
    }
    .counter-two__plus{
        font-size: 30px;
        line-height: 30px;
    }


    .nice-select.open .list{
        width: 100%;
        max-width: 100%;
    }

    .form-container{
        margin: 1rem;
        padding: 1rem !important;
    }

    .testimonial-three__text-box {
        width: auto;
        height: auto;
     }

     .main-header-four__top{
        padding-right: 33px;
        padding-left: 33px;
    }

    .contact-page__contact-list{
        padding-top: 0rem!important;
    }

        .icon-box-icon img{
        width: 80px;
    }

    .icon-box-content h3.card-title{
        font-size: 19px;
    }

    #company-services .container .row .col-lg-4 .icon-box{
         padding-right: 5px;
         padding-left: 5px;
    }

  }



  /* media query 1024px */
  @media only screen and (min-width: 1024px) and (max-width: 1439px){

      .main-slider-three__title{
      font-size: 50px;
      line-height: 30px;
      }
      .main-slider-three__text{
      font-size: 20px;
      line-height: 35px;
      }

      .main-menu-three__wrapper-inner{
          padding: 0 10px;
      }

      .main-menu-three__logo a img{
      max-width: 200px;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
      }
      .thm-btn{
          font-size: 12px;
          padding: 7px 7px 7px;
      }

      .handle-preloader .animation-preloader img{
          max-width: 20rem !important;
      }


      .main-menu-three__right{
          display: flex;
      }

      /* .main-header-three .main-menu .main-menu-three__wrapper .container
       .main-menu-three__wrapper-inner .main-menu-four__right{
          display: none !important;
      }

     .stricky-header.main-menu-four .sticky-header__content .main-menu-four__wrapper
      .container .main-menu-four__wrapper-inner .main-menu-four__right{
          display: none !important;
      } */

      .about-three__right p{
          font-size: 20px;
      }

      .section-title__title{
          font-size: 50px;
      }

      .learn-more-section h2{
          font-size: 35px;
      }

      .services-six__top{
         flex-direction: row;
         padding-top: 2rem;
         padding-bottom: 30px;
      }

      .services-six{
          padding-top: 0px;
      }

      .services-six__content{
          text-align: center;
      }

      .counter-two{
          padding: 45px 0 0;
      }

      .services-six__title{
          font-size: 25px;
      }

      .handle-preloader .animation-preloader .spinner{
          left: 1.5rem;
      }

      .services-six__read-more a{
          font-size: 17px;
      }

      .services-six__title{
          font-size: 19px;
      }

      .contact-two__left .section-title{
          text-align: center;
      }

      .contact-two{
          padding-bottom: 0px;
      }

      .team-three{
          margin-top: -168px;
          padding-bottom: 2rem;
      }

      .footer-widget-three__logo a img{
          max-width: 240px;
      }

      .site-footer-three .site-footer-three__top .container .row .col-xl-4{
           text-align: center;
      }

      .footer-widget-three__contact-list li .content>p{
          font-size: 13px;
      }

      /* .main-menu-four__right{
        display: none;
      } */

      .main-slider-three__btn-box-1{
          padding-left: 2rem;
      }

      .brands-area{
      padding-top: 0rem!important;
      }

      .brands-area .brand-wrap{
          padding-top: 0rem !important;
      }

      .contact-two__right .text-center{
          text-align: left !important;
      }

      .about-three .container .row .col-xl-6 .main-slider-three__btn-box-1{
         padding-right: 10rem;
      }

      .suppport-system-section .container .services-six__top{
      padding-top: 0px;
      }

      .footer-widget-three__contact {
      margin-top: 10px;
      }

      .footer-widget-three__link{
              margin-top: 10px;
      }

      .footer-widget-three__title-box{
          margin-bottom: 15px;
      }

      .footer-widget-three__contact-list li .content>p{
          font-size: 15px;
      }

      .footer-widget-three__contact-list li .content{
          margin-left: 14px;
      }

      .contact-two__right .recaptcha{
          max-width: 20px;
      }

      .main-slider-three .main-slider-three__nav{
       right: 0rem !important;
      left: -50rem;
      }

      .counter-two__top{
          flex-direction: row;
      }
      .contact-two__left .section-title__title{
          text-align: justify;
      }

      .main-slider-three__social-box{
      left: -104px;
      top: 351px;
      }

      .mobile-nav__contact{
      direction: rtl;
      }

      .mobile-nav__content .logo-box{
          direction: rtl;
      }

      .main-menu-three__right{
          direction: rtl;
      }

      .mobile-nav__top{
          direction: rtl;
      }

      .footer-widget-three__link{
          margin-right: 72px;
      }

      .about-three__right{
      margin: 0px;
      }
      .about-three .container .row .col-xl-6{
          padding-left: 0rem;
      }

      .about-three .container .row .col-xl-6 .about-three__right .section-title h2{
          margin: 0rem;
      }

      .about-three .container .row .col-xl-6 .main-slider-three__btn-box-1{
          padding-right: 0rem;
      }

      .why-choose-three .container .row .section-title__title{
          margin-bottom: 5px !important;
      }

      .about-three .it-nw-blog-sh img{
          margin-top: -8rem;
      }

      .footer-widget-three__contact-list li .location{
          width: 57px;
      }

      .footer-widget-three_link{
      padding-right: 4rem;
      }

      .counter-two__count h3{
        font-size: 30px;
        line-height: 30px;
    }
    .counter-two__plus{
        font-size: 30px;
        line-height: 30px;
    }

    .projects-page{
        padding: 20px 0 20px;
    }

    .about-three .site-footer__shape-2{
        top: 108px;
    }

    .site-footer__shape-1{
        z-index: 0;
        top: -74px;
    }

    .main-menu .mobile-nav__toggler{
        display: none;
    }
    .main-menu .main-menu__list{
        display: flex;
    }
    .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a{
        font-size: 14px;
    }

    .main-menu-four__wrapper-inner{
        flex-wrap: nowrap;
    }
    .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li{
        margin-right: 30px;
    }


    .nice-select.open .list{
        width: 100%;
        max-width: 100%;
    }
    .testimonial-three__text-box {
        width: auto;
        height: auto;
     }

     .main-header-four__top{
        padding-right: 40px;
        padding-left: 40px;
    }

    .icon-box-content h3.card-title{
       font-size: 20px;
    }
  }


  /* media query 1440px */
  @media only screen and (min-width: 1440px) and (max-width: 1800px){

      .main-slider-three__title{
      font-size: 50px;
      line-height: 25px;
      }
      .main-slider-three__text{
      font-size: 26px;
      line-height: 36px;}

      .main-menu-three__wrapper-inner{
       padding: 0px 20px;
      }

      .footer-widget-three__contact-list li .location{
          width: 52px;
      }

      .site-footer__shape-1{
        top: -32px;
        z-index: 0;
      }


    .nice-select.open .list{
        width: 100%;
        max-width: 100%;
    }

    .main-header-four__top{
        padding-right: 133px;
        padding-left: 142px;
    }

    .icon-box-content h3.card-title{
        font-size: 25px;
    }

  }


    /* media query tablet size  1114px X 705px*/
  @media only screen and (min-width: 705px) and (max-width: 1114px){

    .counter-two__bg-box{
       width: 100%;
    }

  }