@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@500;600;700;800;900&family=Roboto:wght@400;500;600;700;800&family=Allison&display=swap");
@import url("bootstrap.min.css");
  @import url("../fonts/fontawesome/css/all.css");
  @import url("../fonts/webexbaseicon/style.css");
  @import url("../fonts/webexthemeicon/style.css");
  @import url("nice-select.css");
  @import url("twentytwenty.css");
  @import url("owl.carousel.min.css");
  @import url("magnific-popup.css");
  @import url("animate.css");
  @import url("custom-animation.css");
  @import url("kursor.css");

  :root {
    --webex-primary-color: #3b38eb;
    --webex-primary-color-rgb: 59, 56, 235;
    --webex-primary-color2: #6600d3;
    --webex-primary-color2-rgb: 102, 0, 211;
    --webex-primary-color3: #15ebae;
    --webex-primary-color3-rgb: 21, 235, 174;
    --webex-primary-color4: #fd4a18;
    --webex-primary-color4-rgb: 253, 74, 24;
    --webex-primary-color5: #eb9e01;
    --webex-primary-color5-rgb: 235, 158, 1;
    --webex-primary-color6: #da0212;
    --webex-primary-color6-rgb: 218, 2, 18;
    --webex-primary-color7: #e42032;
    --webex-primary-color7-rgb: 228, 32, 50;
    --webex-secondary-color: #0d1525;
    --webex-secondary-color-rgb: 13, 21, 37;
    --webex-secondary-color2: #353666;
    --webex-secondary-color2-rgb: 13, 21, 37;
    --theme-text-gray: #a5a5a5;
    --link-color: #006cff;
    --text-white: #ffffff;
    --text-black: #303031;
    --text-gray: #d7d9f2;
    --text-blue: #447bde;
    --text-light-gray: #a7a8b4;
    --text-silver: #f1f3f8;
    --text-silver-light: #f0efff;
    --text-gray-light: #cccccc;
    --text-dark-light: #808093;
    --bg-white: #ffffff;
    --bg-light-pink: #faf3f3;
    --bg-silver: #f1f3f8;
    --bg-silver-light: #e7e3f0;
    --bg-silver-light2: #f0f1f7;
    --bg-silver-deep: #ecdaee;
    --bg-gray: #f7f7f7;
    --bg-dark-color: #0b0c26;
    --bg-blue-color: #571bcd;
    --gradient-color1: linear-gradient(45deg, var(--webex-primary-color) 0%, var(--webex-primary-color2) 100%);
    --gradient-color2: linear-gradient(45deg, var(--webex-primary-color2) 0%, var(--webex-primary-color) 100%);
    --gradient-color3: linear-gradient(45deg, var(--webex-primary-color5) 0%, var(--webex-primary-color6) 100%);
    --gradient-color4: linear-gradient(45deg, var(--webex-primary-color6) 0%, var(--webex-primary-color5) 100%);
    --gradient-section-overlay: linear-gradient(90deg, var(--webex-primary-color2) 10%, var(--webex-primary-color) 100%);
    --heading-font: "Mulish", sans-serif;
    --body-font: "Roboto", sans-serif;
    --secondary-font1: "Allison", cursive;
    --heading-font-color: #232323;
    --h1-h2-font-weight: 900;
    --h3-h4-font-weight: 800;
    --h5-h6-font-weight: 800;
    --body-font-color: #515264;
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-font-line-height: 1.8rem;
    --header1-nav-color: #fff;
    --header1-nav-hover-color: var(--webex-primary-color3);
    --header1-nav-font-family: var(--body-font);
    --header1-nav-font-size: 16px;
    --header1-nav-font-weight: 800;
    --header1-nav-child-color: var(--heading-font-color);
    --header1-nav-child-hover-color: #fff;
    --header1-nav-child-font-size: 15px;
    --header1-nav--child-font-weight: 700;
    --header2-nav-color: var(--heading-font-color);
    --header2-nav-hover-color: var(--webex-primary-color);
    --header2-nav-font-family: var(--body-font);
    --header2-nav-font-size: 16px;
    --header2-nav-font-weight: 800;
    --header2-nav-child-color: var(--heading-font-color);
    --header2-nav-child-hover-color: #fff;
    --header2-nav-child-font-size: 15px;
    --header2-nav--child-font-weight: 700;
    --header3-nav-color: var(--heading-font-color);
    --header3-nav-hover-color: var(--webex-primary-color);
    --header2-nav-font-family: var(--body-font);
    --header3-nav-font-size: 16px;
    --header3-nav-font-weight: 800;
    --header3-nav-child-color: var(--heading-font-color);
    --header3-nav-child-hover-color: #fff;
    --header3-nav-child-font-size: 15px;
    --header3-nav--child-font-weight: 700;
    --header4-nav-color: var(--heading-font-color);
    --header4-nav-hover-color: var(--webex-primary-color1);
    --header4-nav-font-family: var(--heading-font);
    --header4-nav-font-size: 16px;
    --header4-nav-font-weight: 800;
    --header4-nav-child-color: var(--heading-font-color);
    --header4-nav-child-hover-color: #fff;
    --header4-nav-child-font-size: 15px;
    --header4-nav--child-font-weight: 700;
    --sub-title-font-size: 18px;
    --sub-title-font-weight: 700;
    --sub-title-letter-spacing: 0.02rem;
    --box-shadow: 6px 6px 25px 0px rgba(0, 0, 0, 0.08);
    --text-categories: #b5b5b5;
    --footer-text-color: #bbb7c2;
    --widget-content-bg-color: #fbf6f3;
    --widget-content-bg-text-color: var(--heading-font-color)
  }

  * {
    margin:0px;
    padding:0px;
    border:none;
    outline:none !important
  }

  ::-moz-selection {
    background:var(--webex-primary-color);
    color:#fff;
    text-shadow:none
  }

  ::-webkit-scrollbar {
    background-color:var(--bg-silver);
    width:8px
  }

  ::-webkit-scrollbar-thumb {
    background-color:var(--webex-primary-color3)
  }

  ::selection {
    background:var(--webex-primary-color);
    color:#fff;
    text-shadow:none
  }

  .img-full {
    width:100%
  }

  body {
    color:var(--body-font-color);
    font-family:var(--body-font);
    font-weight:var(--body-font-weight);
    font-size:var(--body-font-size);
    line-height:var(--body-font-line-height);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden
  }

  p {
    position:relative;
    margin:0 0 20px;
    line-height:1.8em
  }

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

  h1, h2 {
    font-weight:var(--h1-h2-font-weight);
    line-height:1.2
  }

  h3, h4 {
    font-weight:var(--h3-h4-font-weight)
  }

  h5, h6 {
    font-weight:var(--h5-h6-font-weight)
  }

  h1 {
    font-size:56px
  }

  @media screen and (max-width: 425px) {
    h1 {
      font-size:42px
    }
  }

  @media screen and (max-width: 320px) {
    h1 {
      font-size:38px
    }
  }

  h2 {
    font-size:46px
  }

  @media screen and (max-width: 425px) {
    h2 {
      font-size:38px
    }
  }

  h3 {
    font-size:26px;
    line-height:1.2
  }

  h4 {
    font-size:22px;
    line-height:1.2
  }

  h5 {
    font-size:20px;
    line-height:1.2
  }

  h6 {
    font-size:16px;
    line-height:1.2
  }

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color:var(--heading-font-color);
    font-family:var(--heading-font)
  }

  b, strong {
    color:var(--heading-font-color)
  }

  iframe {
    border:none
  }

  a, b, div, ul, li {
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
    -moz-outline-:none
  }

  input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
    -moz-appearance:none;
    box-shadow:none !important
  }

  img:not([draggable]), embed, object, video {
    max-width:100%;
    height:auto
  }

  a {
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s;
    text-decoration:none;
    cursor:pointer;
    color:#049ad3;
    font-family:var(--body-font)
  }

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

  a:hover {
    color:var(--webex-primary-color);
    text-decoration:none
  }

  ul, ol {
    list-style:outside none none;
    margin:0;
    padding:0
  }

  img {
    border:none;
    max-width:100%
  }

  .clear-both:before, .clear-both:after {
    display:table;
    content:"";
    clear:both
  }

  .block-quote {
    padding:25px 30px 30px 30px;
    background:var(--bg-silver);
    position:relative;
    overflow:hidden;
    margin-bottom:35px;
    text-align:center;
    border-radius:8px
  }

  .block-quote:after {
    position:absolute;
    content:"\e921";
    font-family:"webexbaseicon";
    font-size:15rem;
    bottom:80px;
    left:0;
    right:0;
    opacity:0.1;
    color:var(--webex-primary-color)
  }

  .block-quote p {
    font-size:20px
  }

  .custom-container {
    position:relative;
    max-width:1730px;
    padding-left:30px;
    padding-right:30px;
    margin:0 auto
  }

  .custom-md-container {
    position:relative;
    max-width:1640px;
    padding-left:30px;
    padding-right:30px;
    margin:0 auto
  }

  .ctn-preloader {
    align-items:center;
    cursor:none;
    display:flex;
    height:100%;
    justify-content:center;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:9999
  }

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

  .ctn-preloader .animation-preloader .spinner {
    animation:spinner 1s infinite linear;
    border-radius:50%;
    border:3px solid rgba(0, 0, 0, 0.2);
    border-top-color:var(--webex-primary-color);
    height:9em;
    margin:0 auto 3.5em auto;
    width:9em
  }

  .ctn-preloader .animation-preloader .txt-loading {
    font:bold 5em "Montserrat", sans-serif;
    text-align:center;
    user-select:none
  }

  .ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
    animation:letters-loading 4s infinite;
    color:var(--webex-primary-color);
    content:attr(data-text-preloader);
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transform:rotateY(-90deg)
  }

  .ctn-preloader .animation-preloader .txt-loading .letters-loading {
    color:rgba(13, 58, 98, 0.3);
    position:relative
  }

  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    animation-delay:0.2s
  }

  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    animation-delay:0.4s
  }

  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    animation-delay:0.6s
  }

  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    animation-delay:0.8s
  }

  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    animation-delay:1s
  }

  .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    animation-delay:1.2s
  }

  .ctn-preloader .loader-section {
    background-color:#ffffff;
    height:100%;
    position:fixed;
    top:0;
    width:calc(50% + 1px)
  }

  .ctn-preloader .loader-section.section-left {
    left:0
  }

  .ctn-preloader .loader-section.section-right {
    right:0
  }

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

  .loaded .loader-section.section-left {
    transform:translateX(-101%);
    transition:0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1)
  }

  .loaded .loader-section.section-right {
    transform:translateX(101%);
    transition:0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1)
  }

  @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) {
    .ctn-preloader .animation-preloader .spinner {
      height:8em;
      width:8em
    }

    .ctn-preloader .animation-preloader .txt-loading {
      font:bold 3.5em "Montserrat", sans-serif
    }
  }

  @media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
      height:7em;
      width:7em
    }

    .ctn-preloader .animation-preloader .txt-loading {
      font:bold 2em "Montserrat", sans-serif
    }
  }

  div[class*="kursor"].kursor--1 {
    background:rgba(var(--webex-primary-color-rgb), 0.2);
    border:none
  }

  div[class*="kursor"].kursor--1+.kursorChild {
    background:rgba(var(--webex-primary-color-rgb), 0.4)
  }

  div[class*="kursor"].kursor--1.kursor--down {
    width:75px;
    height:75px
  }

  .section-gap {
    padding:110px 0
  }

  .bg-pos-center-center {
    background-position:center center
  }

  .bg-pos-center-bottom {
    background-position:center bottom
  }

  .table {
    display:table;
    width:100%;
    height:100%
  }

  .table-cell {
    display:table-cell;
    width:100%;
    height:auto;
    vertical-align:middle
  }

  .slide-bg-1 {
    background-image:url(../images/bg/bg1.html)
  }

  .slide-bg-2 {
    background-image:url(../images/bg/bg2.html)
  }

  .slide-bg-3 {
    background-image:url(../images/bg/bg3.html)
  }

  .homepage-slides .owl-nav button.owl-prev, .homepage-slides .owl-nav button.owl-next {
    font-size:20px;
    height:50px;
    left:50px;
    line-height:50px;
    position:absolute;
    text-align:center;
    top:50%;
    width:50px;
    background:#fff;
    transform:translateY(-50%);
    transition:all 600ms ease 0ms;
    opacity:0;
    visibility:hidden
  }

  .homepage-slides:hover .owl-nav button.owl-prev, .homepage-slides:hover .owl-nav button.owl-next {
    opacity:1;
    visibility:visible
  }

  .homepage-slides .owl-nav button.owl-next {
    left:auto;
    right:50px
  }

  .order-list li {
    display:inherit;
    position:relative;
    padding-left:30px;
    margin:12px 0px
  }

  .order-list li:before {
    position:absolute;
    content:"\f117";
    color:var(--webex-primary-color);
    font-weight:600;
    left:0px;
    top:0px;
    font-family:"webexbaseicon"
  }

  .order-list li:first-child {
    margin-top:0
  }

  .order-list li:last-child {
    margin-bottom:0
  }

  .order-list.webex-primary-color li:before {
    color:var(--webex-primary-color);
    font-weight:600
  }

  .order-list.white-color li {
    color:#fff
  }

  .list-items li {
    display:inherit;
    padding:5px 0
  }

  .list-items li a {
    color:inherit;
    font-size:inherit
  }

  .list-items li a:hover {
    color:var(--webex-primary-color)
  }

  #curve {
    position:absolute;
    top:0;
    left:0;
    transform:rotate(180deg)
  }

  #curve path {
    fill:#fff
  }

  .text-under-line {
    position:relative;
    display:inline-block
  }

  .text-under-line:before {
    content:"";
    background-color:var(--webex-primary-color);
    height:2px;
    width:4.75rem;
    top:15px;
    right:-90px;
    position:absolute
  }

  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    font-size:18px;
    height:50px;
    left:20px;
    line-height:45px;
    position:absolute;
    text-align:center;
    top:50%;
    width:50px;
    background:#fff;
    -moz-transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -webkit-transform:translate(0, -50%);
    transform:translate(0, -50%);
    -moz-transition:all 600ms ease 0ms;
    -webkit-transition:all 600ms ease 0ms;
    -ms-transition:all 600ms ease 0ms;
    -o-transition:all 600ms ease 0ms;
    transition:all 600ms ease 0ms;
    opacity:0;
    visibility:hidden
  }

  .owl-carousel:hover .owl-nav button.owl-prev, .owl-carousel:hover .owl-nav button.owl-next {
    opacity:1;
    visibility:visible
  }

  .owl-carousel:hover .owl-nav button.owl-prev {
    left:1px
  }

  .owl-carousel:hover .owl-nav button.owl-next {
    right:1px
  }

  .owl-carousel .owl-nav button.owl-next {
    left:auto;
    right:20px
  }

  .owl-carousel .owl-nav button i {
    color:var(--webex-primary-color);
    vertical-align:middle
  }

  .pagination-nav .pagination-list>li {
    text-align:center;
    margin-right:8px;
    display:inline
  }

  .pagination-nav .pagination-list>li:last-child {
    margin-right:0
  }

  .pagination-nav .pagination-list>li>a {
    color:#565151;
    font-weight:500;
    height:54px;
    width:54px;
    line-height:54px;
    display:inline-block;
    border:1px solid #ddd;
    position:relative;
    margin-bottom:15px
  }

  .pagination-nav .pagination-list>li:hover a {
    border:1px solid transparent;
    background:var(--webex-primary-color);
    color:#fff
  }

  .pagination-nav .pagination-list>li.active a {
    border:1px solid transparent;
    background:var(--webex-primary-color);
    color:#fff
  }

  .percentage {
    font-size:12px;
    float:right
  }

  .single-post-navigation .navigation-links a {
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .single-post-navigation .navigation-links .nav-next a i {
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s;
    margin-left:8px
  }

  .single-post-navigation .navigation-links .nav-next a:hover i {
    margin-left:3px
  }

  .single-post-navigation .navigation-links .nav-previous a i {
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s;
    margin-right:8px
  }

  .single-post-navigation .navigation-links .nav-previous a:hover i {
    margin-right:3px
  }

  .error-area {
    background-size:cover;
    background-position:center center
  }

  .error-inner .error-title {
    font-size:190px;
    line-height:240px
  }

  @media screen and (max-width: 1024px) {
    .error-inner .error-title {
      font-size:135px;
      line-height:148px
    }
  }

  .error-inner .error-text {
    font-size:40px
  }

  .error-inner p {
    max-width:545px;
    margin:20px auto 30px
  }

  .pintarest-list {
    display:flex;
    flex-wrap:wrap
  }

  .pintarest-list li {
    width:80px;
    height:80px;
    padding:5px
  }

  .fa-phone.alt {
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
  }

  .fa-phone.alt {
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
  }

  .ico-font:before {
    font-size:30px;
    line-height:1.3
  }

  .opening-hours>li {
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#9d98bf
  }

  .opening-hours>li>p {
    margin-bottom:22px
  }

  .before-after-slider1 {
    margin-bottom:-190px;
    z-index:1
  }

  .before-after-slider1 .twentytwenty-handle {
    height:70px;
    width:50px;
    margin-left:-30px;
    margin-top:-40px
  }

  .before-after-slider1 .twentytwenty-handle:before {
    width:4px;
    height:320px;
    left:50%;
    margin-left:-2px;
    margin-bottom:40px
  }

  .before-after-slider1 .twentytwenty-handle:after {
    width:4px;
    height:320px;
    left:50%;
    margin-left:-2px;
    margin-top:40px
  }

  .before-after-slider1.style2 {
    margin-bottom:0
  }

  .side-panel-logo img {
    width:180px
  }

  .main-menu-logo img {
    width:182px
  }

  @media (max-width: 320px) {
    .main-menu-logo img {
      width:160px
    }
  }

  .new-badge {
    display:inline-block;
    padding:4px 8px;
    font-size:10px;
    line-height:1;
    color:var(--text-white);
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:0.25rem;
    background:#e30026;
    letter-spacing:0.03em;
    margin-left:10px
  }

  .header-style-01 .header-topbar {
    background-color:var(--webex-primary-color);
    display:none
  }

  @media (min-width: 835px) {
    .header-style-01 .header-topbar {
      display:block
    }
  }

  .header-style-01 .header-topbar .topbar-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:6px;
    padding-bottom:6px;
    justify-content:space-between
  }

  @media (min-width: 768px) {
    .header-style-01 .header-topbar .topbar-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  @media (min-width: 992px) {
    .header-style-01 .header-topbar .topbar-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-info {
    margin:0;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-info li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    font-weight:500;
    color:var(--text-white)
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-info li i {
    color:var(--text-white);
    margin-right:10px
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-info li a {
    color:inherit;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-info li a:hover {
    color:var(--text-white)
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-info li+li {
    margin-left:20px
  }

  @media (min-width: 1200px) {
    .header-style-01 .header-topbar .topbar-wrapper .topbar-info li+li {
      margin-left:30px
    }
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-social {
    margin:0;
    padding:0;
    list-style:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:30px;
    display:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }

  @media (min-width: 1200px) {
    .header-style-01 .header-topbar .topbar-wrapper .topbar-social {
      margin-left:60px
    }
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-social li a {
    color:var(--text-white);
    font-size:14px;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-social li a:hover {
    color:var(--webex-primary-color)
  }

  .header-style-01 .header-topbar .topbar-wrapper .topbar-social li+li {
    margin-left:27px
  }

  .header-style-01 .main-menu {
    background:rgba(1, 5, 15, 0.06);
    backdrop-filter:blur(7.5px);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    transition:all 400ms ease;
    z-index:99;
    border-bottom:1px solid rgba(255, 255, 255, 0.05)
  }

  .header-style-01 .main-menu:after {
    position:absolute;
    content:"";
    background:var(--gradient-color2);
    clip-path:polygon(0% 0%, 100% 0, 100% 50%, 86% 100%, 0% 100%);
    height:100%;
    width:255px;
    top:0;
    left:0;
    z-index:-1
  }

  .header-style-01 .main-menu .main-menu-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:15px;
    padding-bottom:15px;
    padding-right:15px;
    padding-left:30px
  }

  @media (min-width: 768px) {
    .header-style-01 .main-menu .main-menu-wrapper {
      padding-top:0;
      padding-bottom:0;
      padding-left:30px;
      padding-right:0
    }
  }

  @media (min-width: 992px) {
    .header-style-01 .main-menu .main-menu-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu {
    display:none;
    margin:0;
    padding:0;
    list-style:none
  }

  @media (min-width: 1200px) {
    .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      margin-left:auto
    }
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li {
    position:relative
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>a {
    color:var(--header1-nav-color);
    font-weight:var(--header1-nav-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block;
    padding:35px 0;
    font-size:var(--header1-nav-font-size);
    font-family:var(--header1-nav-font-family);
    letter-spacing:0.02rem
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li.menu-has-sub>a:after {
    content:"\e815";
    font-family:"webexbaseicon";
    font-size:12px;
    margin-left:5px
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li+li {
    margin-left:30px
  }

  @media (min-width: 1270px) {
    .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li+li {
      margin-left:45px
    }
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul {
    left:0;
    top:100%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    min-width:240px;
    background-color:var(--bg-white);
    opacity:0;
    visibility:hidden;
    -webkit-transition:400ms ease;
    transition:400ms ease;
    z-index:99;
    -webkit-box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    transform:scaleY(0);
    transform-origin:top
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul li.menu-has-sub.has-sub-child>a:after {
    content:"\e815";
    font-family:"webexbaseicon";
    font-size:12px;
    margin-left:5px;
    float:right;
    font-weight:600
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li {
    position:relative
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>a {
    padding:7px 20px;
    color:var(--header1-nav-child-color);
    font-family:var(--header1-nav-font-family);
    font-size:var(--header1-nav-child-font-size);
    font-weight:var(--header1-nav--child-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block;
    width:100%
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>a:hover {
    background-color:var(--webex-primary-color);
    color:var(--header1-nav-child-hover-color)
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul {
    left:100%;
    top:0%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    min-width:240px;
    background-color:var(--bg-white);
    opacity:0;
    visibility:hidden;
    -webkit-transition:400ms ease;
    transition:400ms ease;
    z-index:99;
    -webkit-box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1)
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>ul {
    display:none
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>a {
    padding:7px 20px;
    color:var(--header1-nav-child-color);
    font-family:var(--header1-nav-font-family);
    font-size:var(--header1-nav-child-font-size);
    font-weight:var(--header1-nav--child-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>a:hover {
    background-color:var(--webex-primary-color);
    color:var(--header1-nav-child-hover-color)
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li:hover>ul {
    opacity:1;
    visibility:visible
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li:hover>ul {
    opacity:1;
    visibility:visible;
    transform:scaleY(1)
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li:hover>a, .header-style-01 .main-menu .main-menu-wrapper .main-nav-menu>li.current>a {
    color:var(--header1-nav-hover-color)
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right {
    margin-left:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }

  @media (min-width: 1200px) {
    .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler {
      display:none
    }
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler span {
    display:block;
    width:30px;
    height:2px;
    background-color:var(--webex-primary-color)
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler span:nth-child(2) {
    margin-top:6px;
    margin-bottom:6px;
    width:22px;
    margin-left:7px
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
    font-size:24px;
    color:var(--text-white);
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    line-height:0;
    border-right:1px solid rgba(255, 255, 255, 0.25)
  }

  @media (max-width: 767px) {
    .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      border-right:none
    }
  }

  @media (max-width: 375px) {
    .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      padding-left:15px;
      padding-right:15px
    }
  }

  @media (min-width: 1200px) {
    .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      margin-left:0
    }
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
    display:none;
    position:relative;
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-icon {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    width:48px;
    background-color:var(--webex-primary-color);
    border-radius:50%;
    color:var(--text-white);
    font-size:18px;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text {
    margin-left:10px
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .call-text {
    font-size:14px;
    color:var(--text-gray-light);
    line-height:14px;
    margin-bottom:5px
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no {
    font-size:16px;
    line-height:16px
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no a {
    color:var(--text-white);
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no a:hover {
    color:var(--webex-primary-color)
  }

  @media (min-width: 768px) {
    .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      align-items:center;
      padding-right:0
    }
  }

  @media (max-width: 990px) {
    .header-style-01 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
      padding-right:30px
    }
  }

  .header-style-01 .main-menu.sticky-header--cloned {
    position:fixed;
    z-index:991;
    top:0;
    left:0;
    background-color:var(--webex-secondary-color);
    width:100%;
    visibility:hidden;
    -webkit-transform:translateY(-120%);
    transform:translateY(-120%);
    -webkit-transition:visibility 400ms ease, -webkit-transform 400ms ease;
    transition:visibility 400ms ease, -webkit-transform 400ms ease;
    transition:transform 400ms ease, visibility 400ms ease;
    transition:transform 400ms ease, visibility 400ms ease, -webkit-transform 400ms ease;
    border-bottom:none;
    box-shadow:0 0 25px 0 rgba(204, 218, 238, 0.12)
  }

  .header-style-01 .main-menu.sticky-header--cloned.sticky-fixed {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    visibility:visible
  }

  @media (max-width: 1199px) {
    .header-style-01 .main-menu.sticky-header--cloned {
      display:none !important
    }
  }

  .header-style-02 .header-topbar {
    background:var(--gradient-color1);
    display:none
  }

  @media (min-width: 835px) {
    .header-style-02 .header-topbar {
      position:relative;
      width:100%;
      padding:8px 0px;
      display:block
    }
  }

  @media (max-width: 991px) {
    .header-style-02 .header-topbar .container {
      max-width:920px
    }
  }

  .header-style-02 .header-topbar .header-topbar-inner {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-leftpart {
    position:relative;
    display:block
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-leftpart .topbar-info {
    margin:0;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-leftpart .topbar-info li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    color:var(--text-white)
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-leftpart .topbar-info li i {
    color:var(--text-white);
    margin-right:10px
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-leftpart .topbar-info li a {
    color:inherit;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-leftpart .topbar-info li a:hover {
    color:var(--text-white)
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-leftpart .topbar-info li+li {
    margin-left:15px;
    padding-left:15px
  }

  @media (min-width: 1200px) {
    .header-style-02 .header-topbar .header-topbar-inner .header-topbar-leftpart .topbar-info li+li {
      margin-left:15px;
      padding-left:15px
    }
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart {
    position:relative;
    display:flex;
    align-items:center
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .topbar-social {
    margin:0;
    padding:0;
    list-style:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:30px;
    display:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }

  @media (min-width: 1200px) {
    .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .topbar-social {
      margin-left:60px
    }
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .topbar-social li a {
    color:var(--text-white);
    font-size:14px;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .topbar-social li a:hover {
    color:var(--webex-primary-color)
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .topbar-social li+li {
    margin-left:27px
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language {
    display:none
  }

  @media (min-width: 993px) {
    .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language {
      display:inline-block;
      margin-left:25px;
      padding-left:25px;
      position:relative;
      border-left:1px solid rgba(255, 255, 255, 0.4)
    }
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-btn {
    position:relative;
    text-decoration:none;
    width:95px;
    text-align:left;
    -webkit-transition:0.5s;
    transition:0.5s;
    display:block;
    color:var(--text-white);
    font-size:14px
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-btn i {
    margin-right:5px;
    vertical-align:middle
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-btn i::before {
    font-size:14px;
    color:var(--text-white)
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-btn::after {
    content:"\f107";
    position:absolute;
    right:0;
    font-family:"Font Awesome 5 Free";
    font-weight:600;
    top:0;
    font-size:16px
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-dropdown {
    text-align:center;
    position:absolute;
    z-index:10;
    top:36px;
    right:-13px;
    width:120px;
    visibility:hidden;
    opacity:0;
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
    -webkit-transition:0.5s;
    transition:0.5s
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-dropdown.open {
    visibility:visible;
    opacity:1;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    background:var(--webex-secondary-color)
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-dropdown li {
    position:relative;
    background-color:var(--webex-secondary-color);
    z-index:-1
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-dropdown li a {
    display:block;
    position:relative;
    padding:5px 10px;
    color:var(--text-white);
    border-bottom:1px solid rgba(255, 255, 255, 0.1);
    text-decoration:none;
    font-size:14px
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-dropdown li a:hover {
    background:var(--webex-primary-color)
  }

  .header-style-02 .header-topbar .header-topbar-inner .header-topbar-rightpart .language .language-dropdown li :last-child a {
    border-bottom:none
  }

  @media (max-width: 991px) {
    .header-style-02 .main-menu .container {
      max-width:920px
    }
  }

  .header-style-02 .main-menu .main-menu-inner {
    display:flex;
    align-items:center;
    justify-content:space-between
  }

  .header-style-02 .main-menu .main-menu-inner .main-menu-logo {
    padding:24px 0
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu {
    display:none;
    margin:0;
    padding:0;
    list-style:none
  }

  @media (min-width: 1200px) {
    .header-style-02 .main-menu .main-menu-inner .main-nav-menu {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      margin-left:auto
    }
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li {
    position:relative
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>a {
    color:var(--header2-nav-color);
    font-weight:var(--header2-nav-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block;
    padding:30px 0;
    font-size:var(--header2-nav-font-size);
    font-family:var(--header2-nav-font-family)
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li.menu-has-sub>a:after {
    content:"\e815";
    font-family:"webexbaseicon";
    font-size:12px;
    margin-left:5px
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li+li {
    margin-left:30px
  }

  @media (min-width: 1270px) {
    .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li+li {
      margin-left:35px
    }
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul {
    left:0;
    top:100%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    min-width:240px;
    background-color:var(--bg-white);
    opacity:0;
    visibility:hidden;
    -webkit-transition:400ms ease;
    transition:400ms ease;
    z-index:99;
    -webkit-box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    transform:scaleY(0);
    transform-origin:top
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul li.menu-has-sub.has-sub-child>a:after {
    content:"\e815";
    font-family:"webexbaseicon";
    font-size:12px;
    margin-left:5px;
    float:right;
    font-weight:600
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul>li {
    position:relative
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul>li>a {
    padding:7px 20px;
    color:var(--header2-nav-child-color);
    font-family:var(--header2-nav-font-family);
    font-size:var(--header2-nav-child-font-size);
    font-weight:var(--header2-nav--child-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block;
    width:100%
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul>li>a:hover {
    background-color:var(--webex-primary-color);
    color:var(--header2-nav-child-hover-color)
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul>li>ul {
    left:100%;
    top:0%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    min-width:240px;
    background-color:var(--bg-white);
    opacity:0;
    visibility:hidden;
    -webkit-transition:400ms ease;
    transition:400ms ease;
    z-index:99;
    -webkit-box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1)
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul>li>ul>li>ul {
    display:none
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul>li>ul>li>a {
    padding:7px 20px;
    color:var(--header2-nav-child-color);
    font-family:var(--header2-nav-font-family);
    font-size:var(--header2-nav-child-font-size);
    font-weight:var(--header2-nav--child-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul>li>ul>li>a:hover {
    background-color:var(--webex-primary-color);
    color:var(--header2-nav-child-hover-color)
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li>ul>li:hover>ul {
    opacity:1;
    visibility:visible
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li:hover>ul {
    opacity:1;
    visibility:visible;
    transform:scaleY(1)
  }

  .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li:hover>a, .header-style-02 .main-menu .main-menu-inner .main-nav-menu>li.current>a {
    color:var(--header2-nav-hover-color)
  }

  .header-style-02 .main-menu .main-menu-inner .main-menu-right {
    margin-left:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }

  @media (min-width: 1200px) {
    .header-style-02 .main-menu .main-menu-inner .main-menu-right .mobile-nav-toggler {
      display:none
    }
  }

  .header-style-02 .main-menu .main-menu-inner .main-menu-right .mobile-nav-toggler span {
    display:block;
    width:22px;
    height:2px;
    background-color:var(--webex-secondary-color)
  }

  .header-style-02 .main-menu .main-menu-inner .main-menu-right .mobile-nav-toggler span:nth-child(2) {
    margin-top:6px;
    margin-bottom:6px
  }

  .header-style-02 .main-menu .main-menu-inner .main-menu-right .search-toggler {
    font-size:24px;
    color:var(--webex-primary-color);
    padding-left:30px;
    padding-right:25px;
    padding-top:10px;
    padding-bottom:10px;
    margin-right:25px;
    line-height:0;
    border-right:1px solid rgba(0, 0, 0, 0.1)
  }

  @media (max-width: 834px) {
    .header-style-02 .main-menu .main-menu-inner .main-menu-right .search-toggler {
      border-right:none;
      margin-right:15px;
      padding-right:0
    }
  }

  @media (max-width: 375px) {
    .header-style-02 .main-menu .main-menu-inner .main-menu-right .search-toggler {
      padding-left:20px;
      padding-right:0;
      margin-right:5px
    }
  }

  @media (min-width: 1200px) {
    .header-style-02 .main-menu .main-menu-inner .main-menu-right .search-toggler {
      margin-left:0
    }
  }

  .header-style-02 .main-menu .main-menu-inner .main-menu-right .header-contact-btn {
    display:none
  }

  @media (min-width: 835px) {
    .header-style-02 .main-menu .main-menu-inner .main-menu-right .header-contact-btn {
      display:block;
      display:inherit
    }
  }

  .header-style-02 .main-menu.sticky-header--cloned {
    position:fixed;
    z-index:991;
    top:0;
    left:0;
    background-color:var(--bg-white);
    width:100%;
    visibility:hidden;
    -webkit-transform:translateY(-120%);
    transform:translateY(-120%);
    -webkit-transition:visibility 400ms ease, -webkit-transform 400ms ease;
    transition:visibility 400ms ease, -webkit-transform 400ms ease;
    transition:transform 400ms ease, visibility 400ms ease;
    transition:transform 400ms ease, visibility 400ms ease, -webkit-transform 400ms 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)
  }

  .header-style-02 .main-menu.sticky-header--cloned.sticky-fixed {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    visibility:visible
  }

  @media (max-width: 1199px) {
    .header-style-02 .main-menu.sticky-header--cloned {
      display:none !important
    }
  }

  .header-style-03 .header-topbar {
    background-color:#252531;
    display:none
  }

  @media (min-width: 835px) {
    .header-style-03 .header-topbar {
      display:block
    }
  }

  .header-style-03 .header-topbar .topbar-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:6px;
    padding-bottom:6px;
    justify-content:space-between
  }

  @media (min-width: 768px) {
    .header-style-03 .header-topbar .topbar-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  @media (min-width: 992px) {
    .header-style-03 .header-topbar .topbar-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-info {
    margin:0;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-info li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    color:var(--text-white)
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-info li i {
    color:var(--text-white);
    margin-right:10px
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-info li a {
    color:inherit;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-info li a:hover {
    color:var(--text-white)
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-info li+li {
    margin-left:20px
  }

  @media (min-width: 1200px) {
    .header-style-03 .header-topbar .topbar-wrapper .topbar-info li+li {
      margin-left:30px
    }
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-social {
    margin:0;
    padding:0;
    list-style:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:30px;
    display:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }

  @media (min-width: 1200px) {
    .header-style-03 .header-topbar .topbar-wrapper .topbar-social {
      margin-left:60px
    }
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-social li a {
    color:var(--text-white);
    font-size:14px;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-social li a:hover {
    color:var(--webex-primary-color)
  }

  .header-style-03 .header-topbar .topbar-wrapper .topbar-social li+li {
    margin-left:27px
  }

  .header-style-03 .main-menu .main-menu-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:15px;
    padding-bottom:15px;
    padding-right:15px;
    padding-left:15px
  }

  @media (min-width: 768px) {
    .header-style-03 .main-menu .main-menu-wrapper {
      padding-top:0;
      padding-bottom:0;
      padding-left:30px;
      padding-right:0
    }
  }

  @media (min-width: 992px) {
    .header-style-03 .main-menu .main-menu-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu {
    display:none;
    margin:0;
    padding:0;
    list-style:none
  }

  @media (min-width: 1200px) {
    .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      margin-left:auto
    }
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li {
    position:relative
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>a {
    color:var(--header3-nav-color);
    font-weight:var(--header3-nav-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block;
    padding:30px 0;
    font-size:var(--header3-nav-font-size);
    font-family:var(--header3-nav-font-family)
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li.menu-has-sub>a:after {
    content:"\e815";
    font-family:"webexbaseicon";
    font-size:12px;
    margin-left:5px
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li+li {
    margin-left:30px
  }

  @media (min-width: 1270px) {
    .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li+li {
      margin-left:45px
    }
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul {
    left:0;
    top:100%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    min-width:240px;
    background-color:var(--bg-white);
    opacity:0;
    visibility:hidden;
    -webkit-transition:400ms ease;
    transition:400ms ease;
    z-index:99;
    -webkit-box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    transform:scaleY(0);
    transform-origin:top
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul li.menu-has-sub.has-sub-child>a:after {
    content:"\e815";
    font-family:"webexbaseicon";
    font-size:12px;
    margin-left:5px;
    float:right;
    font-weight:600
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li {
    position:relative
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>a {
    padding:7px 20px;
    color:var(--header3-nav-child-color);
    font-family:var(--header3-nav-font-family);
    font-size:var(--header3-nav-child-font-size);
    font-weight:var(--header3-nav--child-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block;
    width:100%
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>a:hover {
    background-color:var(--webex-primary-color);
    color:var(--header3-nav-child-hover-color)
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul {
    left:100%;
    top:0%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    min-width:240px;
    background-color:var(--bg-white);
    opacity:0;
    visibility:hidden;
    -webkit-transition:400ms ease;
    transition:400ms ease;
    z-index:99;
    -webkit-box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1)
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>ul {
    display:none
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>a {
    padding:7px 20px;
    color:var(--header3-nav-child-color);
    font-family:var(--header3-nav-font-family);
    font-size:var(--header3-nav-child-font-size);
    font-weight:var(--header3-nav--child-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>a:hover {
    background-color:var(--webex-primary-color);
    color:var(--header3-nav-child-hover-color)
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li:hover>ul {
    opacity:1;
    visibility:visible
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li:hover>ul {
    opacity:1;
    visibility:visible;
    transform:scaleY(1)
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li:hover>a, .header-style-03 .main-menu .main-menu-wrapper .main-nav-menu>li.current>a {
    color:var(--header3-nav-hover-color)
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right {
    margin-left:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }

  @media (min-width: 1200px) {
    .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler {
      display:none
    }
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler span {
    display:block;
    width:22px;
    height:2px;
    background-color:var(--webex-secondary-color)
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler span:nth-child(2) {
    margin-top:6px;
    margin-bottom:6px
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
    font-size:24px;
    color:var(--webex-primary-color);
    padding-left:20px;
    padding-right:20px;
    margin-left:30px;
    padding-top:10px;
    padding-bottom:10px;
    line-height:0;
    border-right:1px solid var(--bg-silver-light)
  }

  @media (max-width: 425px) {
    .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      border-right:1px solid transparent;
      margin-left:5px;
      padding-right:5px
    }
  }

  @media (max-width: 375px) {
    .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      padding-left:15px;
      padding-right:15px
    }
  }

  @media (min-width: 1200px) {
    .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      margin-left:0
    }
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
    display:none;
    position:relative;
    padding-left:30px;
    padding-top:20px;
    padding-bottom:20px
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-icon {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    width:48px;
    background-color:var(--webex-primary-color);
    border-radius:50%;
    color:var(--text-white);
    font-size:18px;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text {
    margin-left:10px
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .call-text {
    font-size:14px;
    color:var(--text-light-gray);
    margin-bottom:5px;
    line-height:14px
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no {
    font-size:16px;
    line-height:16px
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no a {
    color:var(--heading-font-color);
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no a:hover {
    color:var(--webex-primary-color)
  }

  @media (min-width: 768px) {
    .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      align-items:center;
      padding-right:0
    }
  }

  @media (max-width: 990px) {
    .header-style-03 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
      padding-right:30px
    }
  }

  .header-style-03 .main-menu.sticky-header--cloned {
    position:fixed;
    z-index:991;
    top:0;
    left:0;
    background-color:var(--bg-white);
    width:100%;
    visibility:hidden;
    -webkit-transform:translateY(-120%);
    transform:translateY(-120%);
    -webkit-transition:visibility 400ms ease, -webkit-transform 400ms ease;
    transition:visibility 400ms ease, -webkit-transform 400ms ease;
    transition:transform 400ms ease, visibility 400ms ease;
    transition:transform 400ms ease, visibility 400ms ease, -webkit-transform 400ms 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)
  }

  .header-style-03 .main-menu.sticky-header--cloned.sticky-fixed {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    visibility:visible
  }

  @media (max-width: 1199px) {
    .header-style-03 .main-menu.sticky-header--cloned {
      display:none !important
    }
  }

  .header-style-04 .header-topbar {
    background-color:var(--webex-primary-color);
    display:none
  }

  @media (min-width: 835px) {
    .header-style-04 .header-topbar {
      display:block
    }
  }

  .header-style-04 .header-topbar .topbar-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:6px;
    padding-bottom:6px;
    justify-content:space-between
  }

  @media (min-width: 768px) {
    .header-style-04 .header-topbar .topbar-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  @media (min-width: 992px) {
    .header-style-04 .header-topbar .topbar-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-info {
    margin:0;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-info li {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    font-weight:500;
    color:var(--text-white)
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-info li i {
    color:var(--text-white);
    margin-right:10px
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-info li a {
    color:inherit;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-info li a:hover {
    color:var(--text-white)
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-info li+li {
    margin-left:20px
  }

  @media (min-width: 1200px) {
    .header-style-04 .header-topbar .topbar-wrapper .topbar-info li+li {
      margin-left:30px
    }
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-social {
    margin:0;
    padding:0;
    list-style:none;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:30px;
    display:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }

  @media (min-width: 1200px) {
    .header-style-04 .header-topbar .topbar-wrapper .topbar-social {
      margin-left:60px
    }
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-social li a {
    color:var(--text-white);
    font-size:14px;
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-social li a:hover {
    color:var(--webex-primary-color)
  }

  .header-style-04 .header-topbar .topbar-wrapper .topbar-social li+li {
    margin-left:27px
  }

  .header-style-04 .main-menu {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    transition:all 400ms ease;
    z-index:99;
    border-bottom:1px solid rgba(94, 12, 216, 0.1)
  }

  .header-style-04 .main-menu:after {
    position:absolute;
    content:"";
    background:var(--gradient-color2);
    clip-path:polygon(0% 0%, 100% 0, 100% 50%, 86% 100%, 0% 100%);
    height:101%;
    width:255px;
    top:0;
    left:0;
    z-index:-1
  }

  .header-style-04 .main-menu .main-menu-wrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:15px;
    padding-bottom:15px;
    padding-right:15px;
    padding-left:30px
  }

  @media (min-width: 768px) {
    .header-style-04 .main-menu .main-menu-wrapper {
      padding-top:0;
      padding-bottom:0;
      padding-left:30px;
      padding-right:0
    }
  }

  @media (min-width: 992px) {
    .header-style-04 .main-menu .main-menu-wrapper {
      padding-left:30px;
      padding-right:30px
    }
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu {
    display:none;
    margin:0;
    padding:0;
    list-style:none
  }

  @media (min-width: 1200px) {
    .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-align:center;
      -ms-flex-align:center;
      align-items:center;
      margin-left:auto
    }
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li {
    position:relative
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>a {
    color:var(--header4-nav-color);
    font-weight:var(--header4-nav-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block;
    padding:35px 0;
    font-size:var(--header4-nav-font-size);
    font-family:var(--header4-nav-font-family);
    letter-spacing:0.02rem
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li.menu-has-sub>a:after {
    content:"\e815";
    font-family:"webexbaseicon";
    font-size:12px;
    margin-left:5px
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li+li {
    margin-left:30px
  }

  @media (min-width: 1270px) {
    .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li+li {
      margin-left:45px
    }
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul {
    left:0;
    top:100%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    min-width:240px;
    background-color:var(--bg-white);
    opacity:0;
    visibility:hidden;
    -webkit-transition:400ms ease;
    transition:400ms ease;
    z-index:99;
    -webkit-box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    transform:scaleY(0);
    transform-origin:top
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul li.menu-has-sub.has-sub-child>a:after {
    content:"\e815";
    font-family:"webexbaseicon";
    font-size:12px;
    margin-left:5px;
    float:right;
    font-weight:600
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li {
    position:relative
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>a {
    padding:7px 20px;
    color:var(--header4-nav-child-color);
    font-family:var(--header4-nav-font-family);
    font-size:var(--header4-nav-child-font-size);
    font-weight:var(--header4-nav--child-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block;
    width:100%
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>a:hover {
    background-color:var(--webex-primary-color);
    color:var(--header4-nav-child-hover-color)
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul {
    left:100%;
    top:0%;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    min-width:240px;
    background-color:var(--bg-white);
    opacity:0;
    visibility:hidden;
    -webkit-transition:400ms ease;
    transition:400ms ease;
    z-index:99;
    -webkit-box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 65px 0px rgba(0, 0, 0, 0.1)
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>ul {
    display:none
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>a {
    padding:7px 20px;
    color:var(--header4-nav-child-color);
    font-family:var(--header4-nav-font-family);
    font-size:var(--header4-nav-child-font-size);
    font-weight:var(--header4-nav--child-font-weight);
    -webkit-transition:all 400ms ease;
    transition:all 400ms ease;
    display:block
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li>ul>li>a:hover {
    background-color:var(--webex-primary-color);
    color:var(--header4-nav-child-hover-color)
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li>ul>li:hover>ul {
    opacity:1;
    visibility:visible
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li:hover>ul {
    opacity:1;
    visibility:visible;
    transform:scaleY(1)
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li:hover>a, .header-style-04 .main-menu .main-menu-wrapper .main-nav-menu>li.current>a {
    color:var(--header4-nav-hover-color)
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right {
    margin-left:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
  }

  @media (min-width: 1200px) {
    .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler {
      display:none
    }
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler span {
    display:block;
    width:30px;
    height:2px;
    background-color:var(--webex-primary-color)
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .mobile-nav-toggler span:nth-child(2) {
    margin-top:6px;
    margin-bottom:6px;
    width:22px;
    margin-left:7px
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
    font-size:24px;
    color:var(--webex-primary-color);
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    line-height:0;
    border-right:1px solid rgba(94, 12, 216, 0.1)
  }

  @media (max-width: 767px) {
    .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      border-right:none
    }
  }

  @media (max-width: 375px) {
    .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      padding-left:15px;
      padding-right:15px
    }
  }

  @media (min-width: 1200px) {
    .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .search-toggler {
      margin-left:0
    }
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
    display:none;
    position:relative;
    padding-left:20px;
    padding-top:20px;
    padding-bottom:20px
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-icon {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:48px;
    width:48px;
    background-color:var(--webex-primary-color);
    border-radius:50%;
    color:var(--text-white);
    font-size:18px;
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text {
    margin-left:10px
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .call-text {
    font-size:14px;
    color:#6d6d6d;
    line-height:14px;
    margin-bottom:5px
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no {
    font-size:16px;
    line-height:16px
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no a {
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info .header-contact-info-text .phone-no a:hover {
    color:var(--webex-primary-color)
  }

  @media (min-width: 768px) {
    .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      align-items:center;
      padding-right:0
    }
  }

  @media (max-width: 990px) {
    .header-style-04 .main-menu .main-menu-wrapper .main-menu-right .header-contact-info {
      padding-right:30px
    }
  }

  .header-style-04 .main-menu.sticky-header--cloned {
    position:fixed;
    z-index:991;
    top:0;
    left:0;
    background-color:var(--bg-white);
    width:100%;
    visibility:hidden;
    -webkit-transform:translateY(-120%);
    transform:translateY(-120%);
    -webkit-transition:visibility 400ms ease, -webkit-transform 400ms ease;
    transition:visibility 400ms ease, -webkit-transform 400ms ease;
    transition:transform 400ms ease, visibility 400ms ease;
    transition:transform 400ms ease, visibility 400ms ease, -webkit-transform 400ms ease;
    border-bottom:1px solid rgba(255, 255, 255, 0.05);
    -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)
  }

  .header-style-04 .main-menu.sticky-header--cloned.sticky-fixed {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    visibility:visible
  }

  @media (max-width: 1199px) {
    .header-style-04 .main-menu.sticky-header--cloned {
      display:none !important
    }
  }

  .search-popup {
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:9999;
    padding-left:20px;
    padding-right: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-transform-origin:left center;
    transform-origin:left center;
    -webkit-transition:visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    transition:visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    transition:transform 400ms ease 400ms, visibility 400ms ease 400ms;
    transition:transform 400ms ease 400ms, visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    visibility:hidden
  }

  .search-popup.active {
    opacity:1;
    -webkit-transform:translateY(0%);
    transform:translateY(0%);
    visibility:visible;
    -webkit-transition:visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
    transition:visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
    transition:transform 400ms ease 0ms, visibility 400ms ease 0ms;
    transition:transform 400ms ease 0ms, visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms
  }

  .search-popup-overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:var(--gradient-color2);
    opacity:0.9;
    cursor:pointer
  }

  .search-popup-content {
    width:100%;
    max-width:560px;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateY(-130%);
    transform:translateY(-130%);
    -webkit-transition:opacity 400ms ease 0ms, visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
    transition:opacity 400ms ease 0ms, visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
    transition:opacity 400ms ease 0ms, visibility 400ms ease 0ms, transform 400ms ease 0ms;
    transition:opacity 400ms ease 0ms, visibility 400ms ease 0ms, transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms
  }

  .search-popup.active .search-popup-content {
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:opacity 400ms ease 400ms, visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    transition:opacity 400ms ease 400ms, visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    transition:opacity 400ms ease 400ms, visibility 400ms ease 400ms, transform 400ms ease 400ms;
    transition:opacity 400ms ease 400ms, visibility 400ms ease 400ms, transform 400ms ease 400ms, -webkit-transform 400ms ease 400ms
  }

  .search-popup-content form {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    background-color:var(--bg-white);
    overflow:hidden
  }

  .search-popup-content form input[type="search"], .search-popup-content form input[type="text"] {
    width:100%;
    background-color:var(--bg-white);
    font-size:16px;
    border:none;
    outline:none;
    height:66px;
    padding-left: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;
    right:-1px;
    background-color:var(--webex-primary-color3);
    border:0
  }

  .search-popup-content .thm-btn i {
    background-color:transparent;
    margin-left:0;
    color:var(--heading-font-color);
    font-size:20px
  }

  .search-popup-content .thm-btn:hover {
    background-color:var(--webex-secondary-color)
  }

  .search-popup-content .thm-btn:hover i {
    color:var(--text-white)
  }

  .mobile-nav-wrapper {
    position:fixed;
    z-index:991;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transform-origin:left center;
    transform-origin:left center;
    -webkit-transition:visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    transition:visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    transition:transform 400ms ease 400ms, visibility 400ms ease 400ms;
    transition:transform 400ms ease 400ms, visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    visibility:hidden
  }

  .mobile-nav-wrapper.expanded {
    opacity:1;
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    visibility:visible;
    -webkit-transition:visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
    transition:visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
    transition:transform 400ms ease 0ms, visibility 400ms ease 0ms;
    transition:transform 400ms ease 0ms, visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms
  }

  .mobile-nav-overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000000;
    opacity:0.9
  }

  .mobile-nav-content {
    width:100%;
    max-width:300px;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    overflow-y:auto;
    height:100%;
    background-color:var(--webex-secondary-color);
    -ms-overflow-style:none;
    scrollbar-width:none;
    padding:30px 15px;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:opacity 400ms ease 0ms, visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
    transition:opacity 400ms ease 0ms, visibility 400ms ease 0ms, -webkit-transform 400ms ease 0ms;
    transition:opacity 400ms ease 0ms, visibility 400ms ease 0ms, transform 400ms ease 0ms;
    transition:opacity 400ms ease 0ms, visibility 400ms ease 0ms, transform 400ms ease 0ms, -webkit-transform 400ms ease 0ms
  }

  .mobile-nav-content::-webkit-scrollbar {
    display:none
  }

  .mobile-nav-wrapper.expanded .mobile-nav-content {
    opacity:1;
    visibility:visible;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:opacity 400ms ease 400ms, visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    transition:opacity 400ms ease 400ms, visibility 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
    transition:opacity 400ms ease 400ms, visibility 400ms ease 400ms, transform 400ms ease 400ms;
    transition:opacity 400ms ease 400ms, visibility 400ms ease 400ms, transform 400ms ease 400ms, -webkit-transform 400ms ease 400ms
  }

  .mobile-menu-list {
    margin:0;
    padding:0;
    list-style:none;
    margin-top:30px;
    margin-bottom:10px;
    border-bottom:1px solid rgba(255, 255, 255, 0.1)
  }

  .mobile-menu-list .menu-has-sub button {
    width:30px;
    height:30px;
    background-color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:14px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--webex-secondary-color);
    border:none;
    outline:none;
    float:right;
    margin-top:5px
  }

  .mobile-menu-list li.current>a {
    color:#fff
  }

  .mobile-menu-list>li {
    border-top:1px solid rgba(255, 255, 255, 0.1)
  }

  .mobile-menu-list>li>a {
    font-size:16px;
    color:#fff;
    display:block;
    line-height:42px
  }

  .mobile-menu-list>li>ul {
    margin:0;
    padding:0;
    list-style:none;
    display:none;
    padding-left:10px;
    border-top:1px solid rgba(255, 255, 255, 0.1)
  }

  .mobile-menu-list>li>ul>li+li {
    border-top:1px solid rgba(255, 255, 255, 0.1)
  }

  .mobile-menu-list>li>ul>li>a {
    font-size:16px;
    color:#ddd;
    display:block;
    line-height:42px
  }

  .mobile-menu-list>li>ul>li>ul {
    margin:0;
    padding:0;
    list-style:none;
    padding-left:15px;
    display:none;
    border-top:1px solid rgba(255, 255, 255, 0.1)
  }

  .mobile-menu-list>li>ul>li>ul>li+li {
    border-top:1px solid rgba(255, 255, 255, 0.1)
  }

  .mobile-menu-list>li>ul>li>ul>li>a {
    font-size:16px;
    color:#ddd;
    display:block;
    line-height:42px
  }

  .mobile-menu-list>li>ul>li>ul>li>ul {
    display:none
  }

  .mobile-sidebar-contact {
    margin-top:60px;
    margin-bottom:30px
  }

  .mobile-sidebar-contact li {
    color:#fff
  }

  .mobile-sidebar-contact li a {
    color:#fff
  }

  .mobile-sidebar-contact li a:hover {
    color:#fff
  }

  .mobile-nav-close {
    width:25px;
    height:25px;
    display:block;
    position:absolute;
    top:20px;
    right:15px
  }

  .mobile-nav-close span {
    width:2px;
    height:100%;
    display:block;
    background-color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%) rotate(45deg);
    transform:translate(-50%, -50%) rotate(45deg)
  }

  .mobile-nav-close span:nth-child(2) {
    -webkit-transform:translate(-50%, -50%) rotate(-45deg);
    transform:translate(-50%, -50%) rotate(-45deg)
  }

  .footer, .footer a {
    color:var(--footer-text-color)
  }

  .footer a:hover {
    color:var(--webex-primary-color3)
  }

  .footer-logo img {
    width:190px
  }

  .footer-main-area {
    padding:110px 0 0;
    background:#151d35
  }

  .footer-copyright-area {
    background:#151d35;
    z-index:1;
    position:relative
  }

  .footer-border-top {
    border-top:1px solid #18143d
  }

  .footer-border-bottom {
    border-bottom:1px solid #303b58
  }

  .footer-widget {
    margin-bottom:40px;
    display:inline-block
  }

  .footer-widget .social-list li a {
    background:#151d35
  }

  .footer-widget .social-list li a:hover {
    background:var(--webex-primary-color3);
    color:var(--heading-font-color)
  }

  .footer-widget-list li {
    display:inherit;
    margin-bottom:10px
  }

  .footer-widget-list li a {
    position:relative;
    padding-left:30px;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
  }

  .footer-widget-list li a:before {
    position:absolute;
    content:"\f17d";
    left:0px;
    top:-3px;
    font-family:"webexbaseicon";
    font-weight:600
  }

  .footer-widget-list li a:hover {
    color:var(--webex-primary-color3);
    padding-left:35px
  }

  .footer-widget-list li:last-child {
    margin-bottom:0
  }

  .footer-contact-info {
    display:flex;
    align-items:center
  }

  .footer-contact-info .contact-info-icon i:before {
    font-size:28px;
    background:var(--webex-primary-color);
    color:#fff;
    border-radius:6px;
    height:54px;
    width:54px;
    display:inline-block;
    text-align:center;
    line-height:54px
  }

  .footer-contact-info .contact-info-text {
    margin-left:20px
  }

  .sidebar-widget {
    padding:40px 45px 40px 45px;
    margin-bottom:38px;
    background:var(--bg-silver)
  }

  @media screen and (max-width: 425px) {
    .sidebar-widget {
      padding:30px
    }
  }

  .sidebar-widget.widget-search {
    padding:30px
  }

  .widget-title {
    position:relative
  }

  .widget-title:after {
    position:absolute;
    content:"";
    height:4px;
    width:58px;
    left:0;
    bottom:-15px;
    background:var(--webex-primary-color3);
    border-radius:6px
  }

  .service-details-page .widget-title {
    position:relative
  }

  .service-details-page .widget-title:after {
    position:absolute;
    content:"";
    height:4px;
    width:58px;
    left:0;
    bottom:-15px;
    background:var(--webex-primary-color);
    border-radius:6px
  }

  .single-blog-widget-title {
    position:relative;
    padding:5px 5px 5px 30px
  }

  .single-blog-widget-title:after {
    content:"";
    position:absolute;
    height:100%;
    width:5px;
    left:0;
    top:0;
    background:var(--webex-primary-color)
  }

  .news-sidebar-widget .widget-search .search-form {
    position:relative
  }

  .news-sidebar-widget .widget-search .search-form label {
    display:block;
    margin-bottom:0
  }

  .news-sidebar-widget .widget-search .search-form input {
    height:60px;
    padding:6px 25px;
    border:1px solid #fbfbfb;
    width:100%;
    display:block;
    outline:0;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s
  }

  .news-sidebar-widget .widget-search .search-form button {
    position:absolute;
    right:5px;
    outline:0;
    bottom:5px;
    height:50px;
    width:50px;
    z-index:1;
    border:none;
    color:#ffffff;
    background-color:var(--webex-primary-color);
    -moz-transition:.5s;
    -webkit-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
    cursor:pointer
  }

  .news-sidebar-widget .widget-search .search-form button i {
    line-height:1
  }

  .news-sidebar-widget .widget-search .search-form button i::before {
    font-size:18px;
    line-height:50px
  }

  .news-sidebar-widget .widget-search .search-form button:hover {
    background-color:var(--webex-primary-color2)
  }

  .news-sidebar-widget .widget-popular-posts .post-date {
    font-size:14px;
    display:inline-block;
    margin-bottom:5px
  }

  .news-sidebar-widget .widget-popular-posts .post-date i {
    color:var(--webex-primary-color)
  }

  .news-sidebar-widget .widget-categories ul li, .news-sidebar-widget .widget-archives ul li {
    display:inherit;
    padding:5px 0
  }

  .news-sidebar-widget .widget-categories ul li a, .news-sidebar-widget .widget-archives ul li a {
    color:var(--body-font-color)
  }

  .news-sidebar-widget .widget-categories ul li a:hover, .news-sidebar-widget .widget-archives ul li a:hover {
    color:var(--webex-primary-color)
  }

  .news-sidebar-widget .widget-categories ul li:first-child, .news-sidebar-widget .widget-archives ul li:first-child {
    padding-top:0
  }

  .news-sidebar-widget .widget-tags ul li {
    display:inline
  }

  .news-sidebar-widget .widget-tags ul li a {
    background:#fff;
    color:var(--body-font-color);
    font-size:14px;
    margin-right:10px;
    margin-top:14px;
    padding:5px 16px 5px 16px;
    display:inline-block
  }

  .news-sidebar-widget .widget-tags ul li a:hover {
    color:#fff;
    background:var(--webex-primary-color)
  }

  .news-sidebar-widget .widget-categories ul li:last-child, .news-sidebar-widget .widget-archives ul li:last-child {
    border-bottom:none;
    padding-bottom:0
  }

  .single-post {
    padding-bottom:20px
  }

  .single-post:last-child {
    border-bottom:none;
    padding-bottom:0
  }

  .single-post .post-image img {
    border-radius:6px
  }

  .sidebar-widget-need-help {
    padding:45px;
    background:url(../images/bg/3.jpg);
    background-size:cover;
    text-align:center;
    margin-bottom:30px;
    position:relative
  }

  .sidebar-widget-need-help:after {
    content:"";
    background:var(--webex-primary-color);
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    opacity:0.94;
    z-index:0
  }

  .sidebar-widget-need-help .need-help-icon {
    position:relative;
    z-index:1;
    height:76px;
    width:76px;
    line-height:76px;
    background-color:#fff;
    border-radius:50%;
    margin:0 auto 35px;
    box-shadow:0 0 0px 10px #ffffff1c
  }

  .sidebar-widget-need-help .need-help-icon img {
    width:38px
  }

  .sidebar-widget-need-help .need-help-icon span:before {
    font-size:36px;
    line-height:76px;
    color:var(--webex-primary-color)
  }

  .sidebar-widget-need-help .need-help-title {
    position:relative;
    z-index:1;
    line-height:1.3;
    color:#fff;
    margin-bottom:30px
  }

  .sidebar-widget-need-help .need-help-contact {
    position:relative;
    z-index:1;
    color:#fff
  }

  .sidebar-widget-need-help .need-help-contact .call-text {
    margin-bottom:5px
  }

  .sidebar-widget-need-help .need-help-contact a {
    font-size:28px;
    color:#fff;
    font-weight:800;
    font-family:var(--heading-font)
  }

  .bg-primary-color {
    background:var(--webex-primary-color)
  }

  .bg-primary-color2 {
    background:var(--webex-primary-color2)
  }

  .bg-primary-color3 {
    background:var(--webex-primary-color3)
  }

  .bg-primary-color4 {
    background:var(--webex-primary-color4)
  }

  .bg-secondary-color {
    background:var(--webex-secondary-color)
  }

  .bg-secondary-color2 {
    background:var(--webex-secondary-color2)
  }

  .text-primary-color {
    color:var(--webex-primary-color)
  }

  .text-primary-color2 {
    color:var(--webex-primary-color2)
  }

  .text-primary-color3 {
    color:var(--webex-primary-color3)
  }

  .text-primary-color4 {
    color:var(--webex-primary-color4)
  }

  .text-webex-secondary-color {
    color:var(--webex-secondary-color)
  }

  .text-webex-secondary-color2 {
    color:var(--webex-secondary-color2)
  }

  .heading-text-color {
    color:var(--heading-text-color)
  }

  .bg-gradient-color {
    background:var(--bg-gradient-color)
  }

  .bg-gradient-reverse-color {
    background:var(--bg-gradient-reverse-color)
  }

  .img-lum1 {
    background-blend-mode:luminosity;
    background:#e3d3ca
  }

  .text-gradient-color {
    background-clip:text;
    -o-background-clip:text;
    -ms-background-clip:text;
    -moz-background-clip:text;
    -webkit-background-clip:text;
    text-fill-color:transparent;
    -o-text-fill-color:transparent;
    -ms-text-fill-color:transparent;
    -moz-text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-image:var(--gradient-color1)
  }

  .home_banner_01 {
    position:relative;
    overflow:hidden
  }

  @media screen and (max-width: 425px) {
    .home_banner_01 {
      max-height:665px
    }
  }

  @media screen and (max-width: 320px) {
    .home_banner_01 {
      max-height:635px
    }
  }

  .home_banner_01 .home-carousel {
    position:relative
  }

  .home_banner_01 .home-carousel .slide-item {
    position:relative;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    padding:185px 0px 200px 0px;
    overflow:hidden;
    background-color:#03031c
  }

  @media (max-width: 1024px) {
    .home_banner_01 .home-carousel .slide-item {
      padding:135px 0px 150px 0px
    }
  }

  @media screen and (max-width: 425px) {
    .home_banner_01 .home-carousel .slide-item {
      padding:110px 0px 120px 0px
    }
  }

  .home_banner_01 .home-carousel .slide-item .home-bottom-shape {
    position:absolute;
    bottom:-25px;
    z-index:3;
    opacity:0.5;
    left:0;
    right:0
  }

  @media screen and (max-width: 1024px) {
    .home_banner_01 .home-carousel .slide-item .home-bottom-shape {
      bottom:0px
    }
  }

  @media screen and (max-width: 768px) {
    .home_banner_01 .home-carousel .slide-item .home-bottom-shape {
      opacity:0
    }
  }

  .home_banner_01 .home-carousel .slide-item .shape {
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
    opacity:0.5
  }

  .home_banner_01 .home-carousel .slide-item .shape.shape-1 {
    opacity:0.08
  }

  .home_banner_01 .home-carousel .slide-item .shape.shape-2 {
    opacity:0.35;
    z-index:3;
    animation-name:float-y-axis;
    animation-iteration-count:infinite;
    animation-duration:4s;
    bottom:-30px;
    animation-timing-function:linear
  }

  @media screen and (max-width: 425px) {
    .home_banner_01 .home-carousel .slide-item .shape.shape-2 {
      display:none
    }
  }

  @media screen and (max-width: 768px) {
    .home_banner_01 .home-carousel .slide-item .shape.shape-2 {
      opacity:0.1
    }
  }

  .home_banner_01 .home-carousel .slide-item .image-layer {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    -moz-transition:all 6000ms linear;
    -webkit-transition:all 6000ms linear;
    -ms-transition:all 6000ms linear;
    -o-transition:all 6000ms linear;
    transition:all 6000ms linear;
    z-index:0
  }

  .home_banner_01 .home-carousel .slide-item .auto-container {
    position:static;
    max-width:1380px;
    padding:0px 15px;
    margin:0 auto
  }

  .home_banner_01 .home-carousel .slide-item .auto-container .content-box {
    position:relative;
    display:block;
    z-index:5;
    width:100%;
    padding:0 30px;
    overflow:hidden
  }

  @media screen and (max-width: 768px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box {
      text-align:center
    }
  }

  @media screen and (max-width: 425px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box {
      padding:0 15px
    }
  }

  .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
    position:relative;
    display:block;
    font-size:68px;
    line-height:82px;
    font-weight:900;
    margin-bottom:30px;
    opacity:0;
    max-width:720px;
    z-index:11;
    color:#fff;
    -moz-transform:translateY(100px);
    -o-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
    -moz-transition:all 1000ms ease;
    -webkit-transition:all 1000ms ease;
    -ms-transition:all 1000ms ease;
    -o-transition:all 1000ms ease;
    transition:all 1000ms ease;
    letter-spacing:0.01em
  }

  .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-title span.text-obj1 {
    position:relative
  }

  .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-title span.text-obj1:after {
    content:"";
    position:absolute;
    background:url(../images/objects/brush-obj1.html);
    background-size:cover;
    background-repeat:no-repeat;
    display:inline-block;
    z-index:-1;
    height:135px;
    width:323px;
    top:-20px;
    right:-50px;
    transform:rotate(10deg);
    opacity:0.6;
    animation:float-obj-x infinite 4s
  }

  @media screen and (max-width: 768px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
      font-size:64px;
      max-width:100%
    }
  }

  @media screen and (max-width: 425px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
      margin-bottom:20px;
      font-size:48px;
      line-height:1.2
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
      font-size:40px;
      line-height:1.2
    }
  }

  @media screen and (max-width: 320px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
      font-size:32px;
      line-height:1.3
    }
  }

  .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
    color:#fff;
    position:relative;
    display:block;
    margin-bottom:50px;
    font-size:20px;
    line-height:36px;
    opacity:0;
    max-width:520px;
    z-index:11;
    -moz-transform:translateY(100px);
    -o-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
    -moz-transition:all 1300ms ease;
    -webkit-transition:all 1300ms ease;
    -ms-transition:all 1300ms ease;
    -o-transition:all 1300ms ease;
    transition:all 1300ms ease
  }

  @media screen and (max-width: 768px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
      max-width:100%
    }
  }

  @media screen and (max-width: 425px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
      font-size:17px;
      line-height:30px
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
      font-size:18px;
      line-height:30px
    }
  }

  @media screen and (max-width: 320px) {
    .home_banner_01 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
      margin-bottom:35px;
      font-size:16px
    }
  }

  .home_banner_01 .home-carousel .slide-item .auto-container .content-box .btn-box {
    position:relative;
    opacity:0;
    z-index:11;
    -moz-transform:translateY(100px);
    -o-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
    -moz-transition:all 1300ms ease;
    -webkit-transition:all 1300ms ease;
    -ms-transition:all 1300ms ease;
    -o-transition:all 1300ms ease;
    transition:all 1300ms ease
  }

  .home_banner_01 .home-carousel .slide-item:after {
    content:"";
    background:#181854;
    width:600px;
    height:200px;
    position:absolute;
    right:-200px;
    top:0;
    mix-blend-mode:overlay;
    z-index:2;
    transform:skewY(60deg) translateX(50px);
    transition-delay:0.8s;
    opacity:0;
    transition-duration:1200ms
  }

  .home_banner_01 .home-carousel .slide-item::before {
    position:absolute;
    content:"";
    width:100%;
    height:105%;
    background:linear-gradient(270deg, #0b0b2f00 0%, #151533e0 70%);
    top:0px;
    right:0px;
    z-index:2
  }

  .home_banner_01 .home-carousel .active .image-layer {
    -moz-transform:scale(1.12);
    -o-transform:scale(1.12);
    -ms-transform:scale(1.12);
    -webkit-transform:scale(1.12);
    transform:scale(1.12);
    mix-blend-mode:luminosity
  }

  .home_banner_01 .home-carousel .active .auto-container .content-box .home-carousel-title {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:1000ms;
    -moz-transition-delay:1000ms;
    -ms-transition-delay:1000ms;
    -o-transition-delay:1000ms;
    transition-delay:1000ms
  }

  .home_banner_01 .home-carousel .active .auto-container .content-box .home-carousel-text {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:1300ms;
    -moz-transition-delay:1300ms;
    -ms-transition-delay:1300ms;
    -o-transition-delay:1300ms;
    transition-delay:1300ms
  }

  .home_banner_01 .home-carousel .active .auto-container .content-box .btn-box {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:1600ms;
    -moz-transition-delay:1600ms;
    -ms-transition-delay:1600ms;
    -o-transition-delay:1600ms;
    transition-delay:1600ms
  }

  @media screen and (max-width: 425px) {
    .home_banner_01 .home-carousel .owl-nav {
      display:none
    }
  }

  .home_banner_01 .home-carousel .owl-nav button {
    background:#ffffff2e;
    border:1px solid rgba(var(--webex-primary-color-rgb), 0.05);
    border-radius:0
  }

  .home_banner_01 .home-carousel .owl-nav button:hover {
    background:rgba(var(--webex-primary-color-rgb), 0.4)
  }

  .home_banner_01 .slide-item .shape1 {
    position:absolute;
    left:-100px;
    bottom:50px;
    width:1100px;
    height:1000px;
    border-radius:55%;
    background:var(--gradient-color1);
    z-index:1;
    animation:float-obj-x infinite 4s;
    opacity:0.6
  }

  .home_banner_01 .slide-item .shape2 {
    position:absolute;
    right:-200px;
    bottom:-100px;
    width:330px;
    height:400px;
    border-radius:30%;
    transform:rotate(45deg);
    border:3px solid rgba(var(--webex-primary-color-rgb), 0.75);
    z-index:2
  }

  .home_banner_02 {
    position:relative;
    overflow:hidden
  }

  @media screen and (max-width: 425px) {
    .home_banner_02 {
      max-height:680px
    }
  }

  @media screen and (max-width: 320px) {
    .home_banner_02 {
      max-height:635px
    }
  }

  .home_banner_02 .home-carousel {
    position:relative
  }

  .home_banner_02 .home-carousel .slide-item {
    position:relative;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    padding:285px 0px 260px 0px;
    overflow:hidden;
    background-color:#03031c
  }

  @media (max-width: 1024px) {
    .home_banner_02 .home-carousel .slide-item {
      padding:220px 0px 210px 0px
    }
  }

  @media screen and (max-width: 425px) {
    .home_banner_02 .home-carousel .slide-item {
      padding:180px 0px 110px 0px
    }
  }

  .home_banner_02 .home-carousel .slide-item .home-bottom-shape {
    position:absolute;
    bottom:-25px;
    z-index:3;
    opacity:0.5;
    left:0;
    right:0
  }

  @media screen and (max-width: 1024px) {
    .home_banner_02 .home-carousel .slide-item .home-bottom-shape {
      bottom:0px
    }
  }

  @media screen and (max-width: 768px) {
    .home_banner_02 .home-carousel .slide-item .home-bottom-shape {
      opacity:0
    }
  }

  .home_banner_02 .home-carousel .slide-item .shape {
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
    opacity:0.5
  }

  .home_banner_02 .home-carousel .slide-item .shape.shape-1 {
    opacity:0.08
  }

  .home_banner_02 .home-carousel .slide-item .shape.shape-2 {
    opacity:0.35;
    z-index:3;
    animation-name:float-y-axis;
    animation-iteration-count:infinite;
    animation-duration:4s;
    bottom:-30px;
    animation-timing-function:linear
  }

  @media screen and (max-width: 425px) {
    .home_banner_02 .home-carousel .slide-item .shape.shape-2 {
      display:none
    }
  }

  @media screen and (max-width: 768px) {
    .home_banner_02 .home-carousel .slide-item .shape.shape-2 {
      opacity:0.1
    }
  }

  .home_banner_02 .home-carousel .slide-item .image-layer {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    -moz-transition:all 6000ms linear;
    -webkit-transition:all 6000ms linear;
    -ms-transition:all 6000ms linear;
    -o-transition:all 6000ms linear;
    transition:all 6000ms linear;
    z-index:0
  }

  .home_banner_02 .home-carousel .slide-item .auto-container {
    position:static;
    max-width:1380px;
    padding:0px 15px;
    margin:0 auto
  }

  .home_banner_02 .home-carousel .slide-item .auto-container .content-box {
    position:relative;
    display:block;
    z-index:5;
    width:100%;
    padding:0 30px;
    overflow:hidden;
    text-align:center;
    margin:0 auto
  }

  @media screen and (max-width: 768px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box {
      text-align:center
    }
  }

  @media screen and (max-width: 425px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box {
      padding:0 15px
    }
  }

  .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
    position:relative;
    display:inline-block;
    font-size:68px;
    line-height:82px;
    font-weight:900;
    margin-bottom:30px;
    opacity:0;
    max-width:780px;
    z-index:11;
    color:#fff;
    -moz-transform:translateY(100px);
    -o-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
    -moz-transition:all 1000ms ease;
    -webkit-transition:all 1000ms ease;
    -ms-transition:all 1000ms ease;
    -o-transition:all 1000ms ease;
    transition:all 1000ms ease;
    letter-spacing:0.01em
  }

  .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-title span.text-obj1 {
    position:relative
  }

  .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-title span.text-obj1:after {
    content:"";
    position:absolute;
    background:url(../images/objects/brush-obj1.html);
    background-size:cover;
    background-repeat:no-repeat;
    display:inline-block;
    z-index:-1;
    height:135px;
    width:323px;
    top:-20px;
    right:-50px;
    transform:rotate(10deg);
    opacity:0.6;
    animation:float-obj-x infinite 4s
  }

  @media screen and (max-width: 768px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
      font-size:64px;
      max-width:100%
    }
  }

  @media screen and (max-width: 425px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
      margin-bottom:20px;
      font-size:48px;
      line-height:1.2
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
      font-size:40px;
      line-height:1.2
    }
  }

  @media screen and (max-width: 320px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-title {
      font-size:32px;
      line-height:1.3
    }
  }

  .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
    color:#fff;
    position:relative;
    display:inline-block;
    margin-bottom:50px;
    font-size:20px;
    line-height:36px;
    opacity:0;
    max-width:600px;
    z-index:11;
    -moz-transform:translateY(100px);
    -o-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
    -moz-transition:all 1300ms ease;
    -webkit-transition:all 1300ms ease;
    -ms-transition:all 1300ms ease;
    -o-transition:all 1300ms ease;
    transition:all 1300ms ease
  }

  @media screen and (max-width: 768px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
      max-width:100%
    }
  }

  @media screen and (max-width: 425px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
      font-size:17px;
      line-height:30px
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
      font-size:18px;
      line-height:30px
    }
  }

  @media screen and (max-width: 320px) {
    .home_banner_02 .home-carousel .slide-item .auto-container .content-box .home-carousel-text {
      margin-bottom:35px;
      font-size:16px
    }
  }

  .home_banner_02 .home-carousel .slide-item .auto-container .content-box .btn-box {
    position:relative;
    opacity:0;
    z-index:11;
    -moz-transform:translateY(100px);
    -o-transform:translateY(100px);
    -ms-transform:translateY(100px);
    -webkit-transform:translateY(100px);
    transform:translateY(100px);
    -moz-transition:all 1300ms ease;
    -webkit-transition:all 1300ms ease;
    -ms-transition:all 1300ms ease;
    -o-transition:all 1300ms ease;
    transition:all 1300ms ease
  }

  .home_banner_02 .home-carousel .slide-item:after {
    content:"";
    background:var(--gradient-color2);
    width:600px;
    height:230px;
    position:absolute;
    right:-250px;
    bottom:-140px;
    z-index:2;
    transform:skewY(140deg) translateX(50px);
    opacity:0;
    transition-delay:0.8s;
    transition-duration:1200ms
  }

  .home_banner_02 .home-carousel .slide-item::before {
    position:absolute;
    content:"";
    width:100%;
    height:105%;
    background:radial-gradient(#151533e0, #07020f96);
    top:0px;
    right:0px;
    z-index:2
  }

  .home_banner_02 .home-carousel .active .image-layer {
    -moz-transform:scale(1.12);
    -o-transform:scale(1.12);
    -ms-transform:scale(1.12);
    -webkit-transform:scale(1.12);
    transform:scale(1.12);
    mix-blend-mode:luminosity
  }

  .home_banner_02 .home-carousel .active .shape2 {
    position:absolute;
    left:-180px;
    bottom:-60px;
    width:330px;
    height:400px;
    border-radius:0;
    transform:rotate(34deg);
    background:var(--gradient-color1);
    z-index:2;
    filter:hue-rotate(8deg);
    opacity:0.5
  }

  .home_banner_02 .home-carousel .active .auto-container .content-box .home-carousel-title {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:1000ms;
    -moz-transition-delay:1000ms;
    -ms-transition-delay:1000ms;
    -o-transition-delay:1000ms;
    transition-delay:1000ms
  }

  .home_banner_02 .home-carousel .active .auto-container .content-box .home-carousel-text {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:1300ms;
    -moz-transition-delay:1300ms;
    -ms-transition-delay:1300ms;
    -o-transition-delay:1300ms;
    transition-delay:1300ms
  }

  .home_banner_02 .home-carousel .active .auto-container .content-box .btn-box {
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:1600ms;
    -moz-transition-delay:1600ms;
    -ms-transition-delay:1600ms;
    -o-transition-delay:1600ms;
    transition-delay:1600ms
  }

  @media screen and (max-width: 425px) {
    .home_banner_02 .home-carousel .owl-nav {
      display:none
    }
  }

  .home_banner_02 .home-carousel .owl-nav button {
    background:#ffffff2e;
    border:1px solid rgba(var(--webex-primary-color-rgb), 0.05);
    border-radius:0
  }

  .home_banner_02 .home-carousel .owl-nav button:hover {
    background:rgba(var(--webex-primary-color-rgb), 0.4)
  }

  .home_banner_02 .slide-item .shape1 {
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:-680px;
    width:865px;
    height:800px;
    border-radius:50%;
    background:var(--gradient-color2);
    z-index:1;
    animation:float-obj-y infinite 4s;
    opacity:0.5
  }

  .home_banner_02 .slide-item .shape2 {
    left:-250px;
    transition-duration:1000ms
  }

  .home_banner_03 {
    position:relative;
    z-index:2;
    overflow:hidden
  }

  .home_banner_03 .banner-img {
    position:absolute;
    top:15px;
    right:10%;
    z-index:2
  }

  @media screen and (max-width: 1700px) {
    .home_banner_03 .banner-img {
      right:0%
    }
  }

  @media screen and (max-width: 1400px) {
    .home_banner_03 .banner-img {
      right:2%;
      width:550px
    }
  }

  @media screen and (max-width: 1299px) {
    .home_banner_03 .banner-img {
      right:-5%
    }
  }

  @media screen and (max-width: 991px) {
    .home_banner_03 .banner-img {
      position:relative;
      margin-top:50px;
      left:auto;
      top:0
    }
  }

  @media screen and (max-width: 528px) {
    .home_banner_03 .banner-img {
      width:425px
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_03 .banner-img {
      width:355px
    }
  }

  .home_banner_03 .banner-item {
    position:relative;
    z-index:6;
    margin:200px 0 200px 0;
    max-width:600px
  }

  @media screen and (max-width: 1400px) {
    .home_banner_03 .banner-item {
      margin:120px 0 120px 0
    }
  }

  @media screen and (max-width: 1299px) {
    .home_banner_03 .banner-item {
      max-width:500px
    }
  }

  @media screen and (max-width: 991px) {
    .home_banner_03 .banner-item {
      margin-top:60px
    }
  }

  .home_banner_03 .banner-item .banner-subtitle {
    color:var(--webex-primary-color);
    display:block;
    font-size:16px;
    letter-spacing:0.02rem;
    text-transform:uppercase
  }

  .home_banner_03 .banner-item .banner-title {
    font-size:64px
  }

  @media screen and (max-width: 1299px) {
    .home_banner_03 .banner-item .banner-title {
      font-size:54px
    }
  }

  @media screen and (max-width: 991px) {
    .home_banner_03 .banner-item .banner-title {
      font-size:48px
    }
  }

  @media screen and (max-width: 991px) {
    .home_banner_03 .banner-item .banner-title {
      font-size:38px
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_03 .banner-item .banner-title {
      font-size:32px
    }
  }

  .home_banner_03 .banner-item .home3-btn-group .video-button {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:25px
  }

  .home_banner_03 .banner-item .home3-btn-group .video-button .button-text {
    color:var(--heading-font-color);
    font-size:16px;
    font-weight:600;
    line-height:1.188;
    text-transform:capitalize;
    text-decoration:underline;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
  }

  .home_banner_03 .banner-item .home3-btn-group .video-button .play-icon {
    position:relative;
    width:56px;
    height:56px;
    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;
    background-color:var(--webex-primary-color);
    color:var(--text-white);
    border-radius:50%;
    font-size:14px;
    margin-right:20px;
    -webkit-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s
  }

  .home_banner_03 .banner-item .home3-btn-group .video-button .play-icon:after {
    box-shadow:0px 0px 10px 0px var(--webex-primary-color);
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    border-radius:50%;
    animation:pulse-border-2 1s ease-out infinite
  }

  .home_banner_04 {
    position:relative;
    z-index:2;
    overflow:hidden
  }

  .home_banner_04 .banner-item {
    padding:110px 0
  }

  .home_banner_04 .banner-item .banner-subtitle {
    color:var(--webex-primary-color);
    display:block;
    font-size:16px;
    letter-spacing:0.02rem;
    text-transform:uppercase
  }

  .home_banner_04 .banner-item .banner-title {
    font-size:64px
  }

  @media screen and (max-width: 1299px) {
    .home_banner_04 .banner-item .banner-title {
      font-size:54px
    }
  }

  @media screen and (max-width: 991px) {
    .home_banner_04 .banner-item .banner-title {
      font-size:48px
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_04 .banner-item .banner-title {
      font-size:32px
    }
  }

  .home_banner_04 .shape-1 {
    position:absolute;
    right:-90px;
    margin:0 auto;
    top:-90px;
    width:300px;
    height:300px;
    border-radius:50%;
    background:var(--gradient-color1);
    z-index:1;
    animation:float-obj-y infinite 4s;
    opacity:0.1
  }

  .home_banner_04 .shape-2 {
    position:absolute;
    left:50px;
    bottom:65px;
    width:60px;
    height:60px;
    transform:rotate(45deg);
    background:var(--gradient-color1);
    z-index:2;
    filter:hue-rotate(8deg);
    opacity:0.1;
    animation:twinRotate infinite 6s
  }

  .home_banner_05 {
    position:relative;
    z-index:2;
    overflow:hidden
  }

  .home_banner_05 .banner-item {
    padding:220px 0px 100px 0px
  }

  .home_banner_05 .banner-item .banner-subtitle {
    color:var(--webex-primary-color);
    display:block;
    font-size:16px;
    letter-spacing:0.02rem;
    text-transform:uppercase
  }

  .home_banner_05 .banner-item .banner-title {
    font-size:64px
  }

  @media screen and (max-width: 1299px) {
    .home_banner_05 .banner-item .banner-title {
      font-size:54px
    }
  }

  @media screen and (max-width: 991px) {
    .home_banner_05 .banner-item .banner-title {
      font-size:48px
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_05 .banner-item .banner-title {
      font-size:32px
    }
  }

  .home_banner_05 .banner-item .banner-thumb {
    margin-right:-100px
  }

  @media screen and (max-width: 1024px) {
    .home_banner_05 .banner-item .banner-thumb {
      margin-right:0
    }
  }

  .home_banner_05 .shape-1 {
    position:absolute;
    right:-90px;
    margin:0 auto;
    top:-90px;
    width:300px;
    height:300px;
    border-radius:50%;
    background:var(--gradient-color1);
    z-index:1;
    animation:float-obj-y infinite 4s;
    opacity:0.1
  }

  .home_banner_05 .shape-2 {
    position:absolute;
    left:50px;
    bottom:65px;
    width:60px;
    height:60px;
    transform:rotate(45deg);
    background:var(--gradient-color1);
    z-index:2;
    filter:hue-rotate(8deg);
    opacity:0.1;
    animation:twinRotate infinite 6s
  }

  .home_banner_06 {
    position:relative;
    z-index:2;
    overflow:hidden
  }

  .home_banner_06 .banner-item .banner-info {
    margin-top:-100px
  }

  @media screen and (max-width: 768px) {
    .home_banner_06 .banner-item .banner-info {
      margin-top:0
    }
  }

  .home_banner_06 .banner-item .banner-subtitle {
    color:var(--webex-primary-color);
    display:block;
    font-size:16px;
    letter-spacing:0.02rem;
    text-transform:uppercase
  }

  .home_banner_06 .banner-item .banner-title {
    font-size:64px
  }

  @media screen and (max-width: 1299px) {
    .home_banner_06 .banner-item .banner-title {
      font-size:54px
    }
  }

  @media screen and (max-width: 991px) {
    .home_banner_06 .banner-item .banner-title {
      font-size:48px
    }
  }

  @media screen and (max-width: 991px) {
    .home_banner_06 .banner-item .banner-title {
      font-size:38px
    }
  }

  @media screen and (max-width: 375px) {
    .home_banner_06 .banner-item .banner-title {
      font-size:32px
    }
  }

  .home_banner_06 .banner-item .banner-thumb {
    margin-left:100px;
    position:relative
  }

  @media screen and (max-width: 1024px) {
    .home_banner_06 .banner-item .banner-thumb {
      margin-left:0
    }
  }

  .home_banner_06 .banner-item .banner-thumb::after {
    position:absolute;
    right:0;
    bottom:0;
    content:"";
    height:100%;
    width:100%;
    background:url(../images/bg/home6-img2.png);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:top;
    z-index:-1;
    animation:twinRotate infinite 190s
  }

  .home_banner_06 .shape-1 {
    position:absolute;
    left:0;
    margin:0 auto;
    top:-205px;
    width:120px;
    height:600px;
    background:var(--gradient-color1);
    z-index:1;
    transform:rotate(31deg);
    opacity:0.1
  }

  .home_banner_06 .shape-2 {
    position:absolute;
    right:50px;
    bottom:70px;
    width:70px;
    height:70px;
    transform:rotate(45deg);
    background:var(--gradient-color1);
    z-index:2;
    filter:hue-rotate(8deg);
    opacity:0.1;
    animation:twinRotate infinite 6s
  }

  .home_banner_01 .home-carousel .owl-item.active .slide-item:after {
    opacity:1;
    transform:skewY(55deg) translateX(50px)
  }

  .home_banner_02 .home-carousel .owl-item.active .slide-item:after {
    opacity:0.3;
    transform:skewY(140deg) translateX(50px);
    right:-50px
  }

  .home_banner_01 .home-carousel .owl-nav button.owl-prev, .home_banner_01 .home-carousel .owl-nav button.owl-next, .home_banner_02 .home-carousel .owl-nav button.owl-prev, .home_banner_02 .home-carousel .owl-nav button.owl-next {
    height:65px;
    width:65px;
    left:0;
    opacity:0;
    top:45%;
    border-radius:8px;
    visibility:visible;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
  }

  .home_banner_01 .home-carousel .owl-nav button i, .home_banner_02 .home-carousel .owl-nav button i {
    line-height:54px;
    color:#ffffff
  }

  .home_banner_01 .home-carousel .owl-nav button.owl-next, .home_banner_02 .home-carousel .owl-nav button.owl-next {
    right:0;
    left:auto
  }

  .home_banner_01:hover .home-carousel .owl-nav button.owl-next, .home_banner_02:hover .home-carousel .owl-nav button.owl-next {
    right:30px;
    left:auto
  }

  .home_banner_01:hover .home-carousel .owl-nav button.owl-prev, .home_banner_02:hover .home-carousel .owl-nav button.owl-prev {
    left:30px
  }

  .home_banner_01 .home-carousel .owl-nav:hover button.owl-prev, .home_banner_01 .home-carousel .owl-nav:hover button.owl-next, .home_banner_02 .home-carousel .owl-nav:hover button.owl-prev, .home_banner_02 .home-carousel .owl-nav:hover button.owl-next {
    opacity:1;
    visibility:visible
  }

  .home_banner_01:hover .home-carousel .owl-nav button.owl-prev, .home_banner_01:hover .home-carousel .owl-nav button.owl-next {
    opacity:1;
    visibility:visible
  }

  .home_banner_02:hover .home-carousel .owl-nav button.owl-prev, .home_banner_02:hover .home-carousel .owl-nav button.owl-next {
    opacity:1;
    visibility:visible
  }

  .home_banner_01 .home-carousel .slide-item .truck-img-home1, .home_banner_02 .home-carousel .slide-item .truck-img-home1 {
    position:absolute;
    display:block;
    width:760px;
    z-index:3;
    bottom:30px;
    right:-100px;
    animation:float-obj-x infinite 3s
  }

  @media (max-width: 768px) {
    .home_banner_01 .home-carousel .slide-item .truck-img-home1, .home_banner_02 .home-carousel .slide-item .truck-img-home1 {
      display:none
    }
  }

  @media (max-width: 1024px) {
    .home_banner_01 .home-carousel .slide-item .truck-img-home1, .home_banner_02 .home-carousel .slide-item .truck-img-home1 {
      width:560px;
      right:-200px
    }
  }

  .page-title-section {
    background-position:center;
    background-color:#f8f8f8;
    background-image:url(../images/bg/1.jpg);
    display:flex;
    align-items:end;
    min-height:460px;
    position:relative;
    padding:115px 0
  }

  @media (max-width: 425px) {
    .page-title-section {
      min-height:410px
    }
  }

  .page-title-section .breadcrumb-area {
    text-align:center;
    z-index:2;
    position:relative
  }

  .page-title-section .breadcrumb-area .page-title {
    color:#fff;
    margin-bottom:30px;
    letter-spacing:3px
  }

  .page-title-section .breadcrumb-area .breadcrumbs-link {
    display:inline-block;
    background:var(--webex-primary-color);
    padding:8px 40px
  }

  .page-title-section .breadcrumb-area .breadcrumbs-link li {
    display:inline-block;
    font-size:18px;
    font-weight:500;
    color:#fff
  }

  .page-title-section .breadcrumb-area .breadcrumbs-link li a {
    color:#fff
  }

  .page-title-section .breadcrumb-area .breadcrumbs-link li:after {
    display:inline-block;
    content:"\e938";
    font-family:"webexbaseicon";
    font-weight:600;
    margin-left:15px;
    margin-right:12px;
    color:#fff;
    font-size:14px
  }

  .page-title-section .breadcrumb-area .breadcrumbs-link li.active {
    color:#fff;
    text-decoration:underline
  }

  .page-title-section .breadcrumb-area .breadcrumbs-link li:last-child:after {
    display:none
  }

  .page-title-section:after {
    background:linear-gradient(19deg, #0a0a73, #0e021b);
    position:absolute;
    content:"";
    height:100%;
    width:100%;
    left:0;
    top:0;
    opacity:0.7;
    z-index:1
  }

  .accordion .accordion-item {
    margin-bottom:15px;
    float:left;
    width:100%;
    border:none
  }

  .accordion .accordion-item.active .accordion-header span:before {
    content:"\f063"
  }

  .accordion .accordion-item .accordion-header {
    position:relative
  }

  .accordion .accordion-item .accordion-header .title {
    cursor:pointer;
    position:relative;
    background:var(--bg-silver);
    margin:0;
    padding:24px 20px 20px 70px;
    font-size:18px;
    border:none
  }

  .accordion .accordion-item .accordion-header span {
    position:absolute;
    left:20px;
    top:20px;
    height:30px;
    width:30px;
    color:#ffffff;
    background:var(--webex-primary-color);
    text-align:center;
    line-height:30px;
    font-size:13px
  }

  @media screen and (max-width: 425px) {
    .accordion .accordion-item .accordion-header span {
      top:28px
    }
  }

  .accordion .accordion-item .accordion-body {
    padding:20px;
    display:none;
    background:var(--bg-silver);
    border-top:1px solid #f1ede9
  }

  .accordion .accordion-item .accordion-body p {
    color:#444444;
    margin:0px
  }

  .accordion .accordion-item:nth-child(1) .accordion-body {
    display:block
  }

  .faq-title {
    font-size:64px;
    line-height:1.2
  }

  @media screen and (max-width: 375px) {
    .faq-title {
      font-size:54px
    }
  }

  .frequently-asked-question-section {
    position:relative
  }

  .frequently-asked-question-section:after {
    background:url(../images/bg/banner1.html);
    background-size:cover;
    content:"";
    height:108%;
    width:700px;
    position:absolute;
    right:0;
    bottom:0;
    z-index:0
  }

  @media screen and (max-width: 1024px) {
    .frequently-asked-question-section:after {
      width:290px;
      opacity:0.1;
      height:100%
    }
  }

  @media screen and (max-width: 768px) {
    .frequently-asked-question-section:after {
      display:none
    }
  }

  .client-items .client-item, .client-items2 .client-item {
    padding:20px;
    opacity:0.7;
    filter:grayscale(1);
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .client-items .client-item img, .client-items2 .client-item img {
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .client-items .client-item:hover, .client-items2 .client-item:hover {
    opacity:1;
    filter:grayscale(0)
  }

  .client-items.opacity_1 .client-item, .client-items2.opacity_1 .client-item {
    opacity:1
  }

  .client-items3 .client-item {
    padding:30px;
    background:var(--bg-silver);
    filter:grayscale(0);
    border-radius:8px;
    opacity:1
  }

  .client-items3 .client-item img {
    width:156px;
    filter:grayscale(1);
    margin:0 auto
  }

  .client-items3 .client-item:hover img {
    filter:grayscale(0);
    transform:scale(1.05)
  }

  .client-section {
    position:relative
  }

  .client-section:after {
    position:absolute;
    height:0;
    width:100%;
    bottom:0;
    right:0;
    border-style:solid;
    border-width:0 275px 25px 0;
    border-color:transparent transparent var(--webex-primary-color2) transparent;
    content:""
  }

  .client-item-full-right {
    position:relative;
    display:block;
    margin-top:-90px
  }

  .client-item-full-right .client-item-full-right-inner {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:45px 75px 45px;
    background:var(--gradient-color1);
    overflow:hidden;
    border-radius:8px
  }

  @media only screen and (max-width: 1024px) {
    .client-item-full-right .client-item-full-right-inner {
      padding:45px 60px 45px
    }
  }

  .client-item-full-right .client-item-full-right-inner:after {
    content:"";
    background-image:url(../images/about/wave2.png);
    background-size:cover;
    background-position:center left;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0.35;
    filter:brightness(1);
    animation:heartbeat 1.5s infinite alternate
  }

  .skills .skill-item {
    position:relative;
    margin-bottom:25px
  }

  .skills .skill-item .skill-header {
    position:relative;
    margin-bottom:5px
  }

  .skills .skill-item .skill-header .skill-title {
    color:var(--text-white);
    font-weight:600;
    letter-spacing:1px
  }

  .skills .skill-item .skill-header .skill-percentage {
    position:absolute;
    right:0;
    top:1px;
    font-size:15px;
    font-weight:600;
    color:var(--text-white)
  }

  .skills .skill-item:last-child {
    margin-bottom:0
  }

  .skills .skill-item .skill-bar {
    position:relative;
    width:100%
  }

  .skills .skill-item .skill-bar .bar-inner {
    position:relative;
    width:100%;
    height:14px;
    background:rgba(255, 255, 255, 0.2);
    border-radius:40px
  }

  .skills .skill-item .skill-bar .bar-inner .bar {
    position:absolute;
    left:5px;
    top:3px;
    width:0;
    height:8px;
    border-radius:30px;
    background:var(--webex-primary-color2);
    -webkit-transition:all 2000ms ease;
    transition:all 2000ms ease
  }

  .skills .skill-item .skill-bar .bar-inner .bar::before {
    position:absolute;
    content:"";
    right:0;
    height:8px;
    width:5px;
    background:var(--text-white);
    top:0
  }

  .skills2 .skill-item {
    position:relative;
    margin-bottom:25px
  }

  .skills2 .skill-item .skill-header {
    position:relative;
    margin-bottom:5px
  }

  .skills2 .skill-item .skill-header .skill-title {
    color:var(--text-white)
  }

  .skills2 .skill-item .skill-header .skill-percentage {
    position:absolute;
    right:0;
    top:1px;
    color:var(--text-white)
  }

  .skills2 .skill-item:last-child {
    margin-bottom:0
  }

  .skills2 .skill-item .skill-bar {
    position:relative;
    width:100%
  }

  .skills2 .skill-item .skill-bar .bar-inner {
    position:relative;
    width:100%;
    height:14px;
    background:var(--bg-silver)
  }

  .skills2 .skill-item .skill-bar .bar-inner .bar {
    position:absolute;
    left:5px;
    top:3px;
    width:0;
    height:8px;
    background:var(--webex-primary-color);
    -webkit-transition:all 2000ms ease;
    transition:all 2000ms ease
  }

  .skills2 .skill-item .skill-bar .bar-inner .bar::before {
    position:absolute;
    content:"";
    right:0;
    height:8px;
    width:5px;
    background:var(--text-white);
    top:0
  }

  .skills2.white-bg .skill-item {
    position:relative;
    margin-bottom:25px
  }

  .skills2.white-bg .skill-item .skill-header {
    position:relative;
    margin-bottom:5px
  }

  .skills2.white-bg .skill-item .skill-header .skill-title {
    color:var(--heading-font-color)
  }

  .skills2.white-bg .skill-item .skill-header .skill-percentage {
    position:absolute;
    right:0;
    top:0px;
    color:var(--body-font-color);
    padding:0px 8px;
    font-size:14px;
    line-height:22px
  }

  .skills2.white-bg .skill-item:last-child {
    margin-bottom:0
  }

  .skills2.white-bg .skill-item .skill-bar {
    position:relative;
    width:100%
  }

  .skills2.white-bg .skill-item .skill-bar .bar-inner {
    position:relative;
    width:100%;
    height:14px;
    background:#eae4e4
  }

  .skills2.white-bg .skill-item .skill-bar .bar-inner .bar {
    position:absolute;
    left:5px;
    top:3px;
    width:0;
    height:8px;
    background:var(--webex-primary-color);
    -webkit-transition:all 2000ms ease;
    transition:all 2000ms ease
  }

  .skills2.white-bg .skill-item .skill-bar .bar-inner .bar::before {
    position:absolute;
    content:"";
    right:0;
    height:8px;
    width:5px;
    background:var(--text-white);
    top:0
  }

  .theme-btn-1, .theme-btn-2, .theme-btn-3, .theme-btn-4, .theme-btn-5, .theme-btn-6, .theme-btn-7, .theme-btn-8 {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:var(--gradient-color2);
    font-size:16px;
    line-height:26px;
    color:#ffffff;
    padding:14px 42px;
    font-family:var(--body-font);
    font-weight:500;
    overflow:hidden;
    border-radius:5px;
    border:1px solid transparent;
    cursor:pointer;
    letter-spacing:0.5px;
    z-index:3
  }

  .theme-btn-1 i, .theme-btn-2 i, .theme-btn-3 i, .theme-btn-4 i, .theme-btn-5 i, .theme-btn-6 i, .theme-btn-7 i, .theme-btn-8 i {
    margin-left:10px;
    font-size:14px;
    font-weight:600
  }

  .theme-btn-1::before, .theme-btn-2::before, .theme-btn-3::before, .theme-btn-4::before, .theme-btn-5::before, .theme-btn-6::before, .theme-btn-7::before, .theme-btn-8::before {
    content:"";
    position:absolute;
    height:400px;
    width:430px;
    top:50%;
    left:50%;
    background:var(--webex-secondary-color);
    border-radius:50%;
    transform:translateX(-30%) translateY(-40%) scale(0);
    -moz-transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    transition:all 0.5s ease-out 0s;
    z-index:-1
  }

  .theme-btn-1:hover, .theme-btn-2:hover, .theme-btn-3:hover, .theme-btn-4:hover, .theme-btn-5:hover, .theme-btn-6:hover, .theme-btn-7:hover, .theme-btn-8:hover {
    color:var(--text-white)
  }

  .theme-btn-1:hover::before, .theme-btn-2:hover::before, .theme-btn-3:hover::before, .theme-btn-4:hover::before, .theme-btn-5:hover::before, .theme-btn-6:hover::before, .theme-btn-7:hover::before, .theme-btn-8:hover::before {
    transform:translateX(-50%) translateY(-50%) scale(1)
  }

  .theme-btn-1:focus, .theme-btn-2:focus, .theme-btn-3:focus, .theme-btn-4:focus, .theme-btn-5:focus, .theme-btn-6:focus, .theme-btn-7:focus, .theme-btn-8:focus {
    color:var(--text-white)
  }

  .theme-btn-1::before {
    background:var(--bg-white)
  }

  .theme-btn-1:hover {
    color:var(--webex-primary-color)
  }

  .theme-btn-1:hover::before {
    background:var(--bg-white)
  }

  .theme-btn-2 {
    background:var(--bg-white);
    color:var(--heading-font-color);
    border:1px solid #cccccc;
    padding:14px 42px
  }

  .theme-btn-2::before {
    background:var(--webex-primary-color)
  }

  .theme-btn-2:focus {
    color:var(--heading-font-color)
  }

  .theme-btn-2:hover {
    border-color:var(--gradient-color2)
  }

  .theme-btn-2:hover:focus {
    color:var(--bg-white)
  }

  .theme-btn-3 {
    background:transparent;
    color:var(--webex-primary-color);
    border:1px solid var(--webex-primary-color);
    padding:14px 42px
  }

  .theme-btn-3:hover {
    color:var(--text-white);
    border-color:var(--webex-primary-color)
  }

  .theme-btn-3::before {
    background:var(--webex-primary-color)
  }

  .theme-btn-3:focus {
    color:var(--text-white)
  }

  .theme-btn-4 {
    background:var(--webex-secondary-color);
    padding:14px 42px
  }

  .theme-btn-4::before {
    background:var(--bg-white)
  }

  .theme-btn-4:hover {
    color:var(--webex-secondary-color)
  }

  .theme-btn-5 {
    background:var(--webex-primary-color2);
    color:var(--text-white);
    border-radius:30px;
    padding:14px 42px
  }

  .theme-btn-5::before {
    background:var(--bg-white)
  }

  .theme-btn-5:hover {
    color:var(--webex-secondary-color)
  }

  .theme-btn-5:focus {
    color:var(--webex-secondary-color)
  }

  .theme-btn-6 {
    background:transparent;
    border:1px solid var(--webex-primary-color2);
    color:var(--webex-primary-color2);
    border-radius:5px;
    padding:14px 42px
  }

  .theme-btn-6:hover {
    border-color:var(--text-white)
  }

  .theme-btn-6:hover:focus {
    color:var(--text-white)
  }

  .theme-btn-6::before {
    background:var(--gradient-color1)
  }

  .theme-btn-6:focus {
    color:var(--webex-primary-color2)
  }

  .theme-btn-7 {
    background:transparent;
    color:var(--webex-primary-color2);
    border:1px solid var(--webex-primary-color2);
    padding:14px 42px
  }

  .theme-btn-7:hover {
    border-color:var(--webex-secondary-color)
  }

  .theme-btn-7::before {
    background:var(--webex-secondary-color)
  }

  .theme-btn-7:focus {
    color:var(--webex-primary-color2)
  }

  .theme-btn-8 {
    background:transparent;
    color:#fff;
    border:1px solid #fff;
    padding:14px 42px
  }

  .theme-btn-8:hover {
    border:1px solid var(--webex-primary-color)
  }

  .theme-btn-8::before {
    background:var(--gradient-color1)
  }

  .theme-btn-8:focus {
    color:var(--webex-primary-color2)
  }

  .theme-text-icon-btn {
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-weight:500;
    text-transform:capitalize;
    color:var(--text-dark-light);
    margin-top:20px
  }

  .theme-text-icon-btn span {
    text-decoration:underline
  }

  .theme-text-icon-btn.icon-right i {
    margin-left:8px
  }

  .theme-text-icon-btn.icon-left {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
  }

  .theme-text-icon-btn.icon-left i {
    margin-left:0;
    margin-right:8px
  }

  .cs-btn-one {
    position:relative;
    display:inline-block;
    text-align:center;
    background-color:var(--webex-primary-color);
    font-size:16px;
    line-height:26px;
    color:#ffffff;
    padding:14px 46px;
    font-family:var(--body-font);
    font-weight:500;
    overflow:hidden;
    border-radius:5px;
    border:1px solid transparent;
    cursor:pointer;
    letter-spacing:0.5px
  }

  .cs-btn-one i {
    vertical-align:middle;
    margin-left:5px
  }

  .cs-btn-one:hover {
    background:var(--webex-primary-color2);
    color:#ffffff;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
  }

  .cs-btn-one.has-icon i {
    font-size:20px;
    vertical-align:middle;
    padding-right:10px
  }

  .cs-btn-one.btn-sm.has-icon i {
    font-size:18px
  }

  .cs-btn-one.btn-circle {
    border-radius:60px 60px 60px 60px
  }

  .cs-btn-one.btn-square {
    border-radius:0
  }

  .cs-btn-one.btn-sm {
    font-size:14px;
    padding:10px 28px
  }

  .cs-btn-one.btn-md {
    font-size:14px;
    padding:18px 56px
  }

  .cs-btn-one.btn-lg {
    font-size:18px;
    padding:20px 64px
  }

  .cs-btn-one.btn-xl {
    font-size:18px;
    padding:24px 56px
  }

  .cs-btn-one.btn-border {
    border:2px solid var(--webex-primary-color);
    background:transparent;
    color:var(--webex-primary-color)
  }

  .cs-btn-one.btn-border:hover {
    border:2px solid var(--webex-primary-color2);
    color:var(--webex-primary-color2)
  }

  .cs-btn-one.btn-block {
    width:100%
  }

  .cs-btn-one.btn-light {
    background:#fff;
    color:var(--webex-primary-color);
    border:2px solid transparent
  }

  .cs-btn-one.btn-light:hover {
    border:2px solid
  }

  .cs-btn-one.btn-light:focus {
    box-shadow:none
  }

  .cs-btn-one.btn-hover-border:hover {
    border:1px solid var(--webex-primary-color)
  }

  .cs-btn-one.btn-hover-white {
    background:#fff;
    color:#333
  }

  .cs-btn-one.btn-secordary-color {
    background:var(--webex-secondary-color)
  }

  .cs-btn-one.btn-secordary-color.hover-white:hover {
    background:#fff;
    color:#0c2239
  }

  .cs-btn-one.btn-secordary-color:hover {
    background:var(--webex-primary-color)
  }

  .cs-btn-one.btn-webex-primary-color {
    background:var(--webex-primary-color)
  }

  .cs-btn-one.btn-webex-primary-color.hover-white:hover {
    background:#fff;
    color:#0c2239
  }

  .cs-btn-one.btn-webex-primary-color:hover {
    background:var(--webex-primary-color2)
  }

  .cs-btn-one.btn-webex-primary-color2 {
    background:var(--webex-primary-color2)
  }

  .cs-btn-one.btn-webex-primary-color2.hover-white:hover {
    background:#fff;
    color:#0c2239
  }

  .cs-btn-one.btn-webex-primary-color2:hover {
    background:var(--webex-primary-color)
  }

  .cs-btn-one.btn-webex-primary-color3 {
    background:var(--webex-primary-color3)
  }

  .cs-btn-one.btn-webex-primary-color3.hover-white:hover {
    background:#fff;
    color:#0c2239
  }

  .cs-btn-one.btn-webex-primary-color3:hover {
    background:var(--webex-primary-color)
  }

  .cs-btn-one.btn-webex-primary-color4 {
    background:var(--webex-primary-color4);
    color:var(--text-color-black)
  }

  .cs-btn-one.btn-webex-primary-color4.hover-white:hover {
    background:#fff;
    color:#0c2239
  }

  .cs-btn-one.btn-webex-primary-color4:hover {
    background:var(--webex-primary-color)
  }

  .cs-btn-one.gradient-btn1 {
    background:var(--gradient-color1);
    color:#fff
  }

  .cs-btn-one.gradient-btn1:hover {
    background:var(--gradient-color2)
  }

  .cs-btn-one.btn-transparent {
    background:rgba(0, 0, 0, 0.2)
  }

  .cs-btn-one.text-btn {
    color:var(--webex-primary-color)
  }

  .animate-btn-style1 {
    position:relative;
    display:inline-block;
    font-size:14px;
    line-height:26px;
    font-weight:500;
    color:#fff !important;
    text-align:center;
    padding:15px 36px;
    letter-spacing:1px;
    text-transform:uppercase;
    z-index:1;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s;
    background:var(--webex-primary-color)
  }

  .animate-btn-style1 i {
    margin-left:10px
  }

  .animate-btn-style1:before {
    position:absolute;
    content:"";
    width:5%;
    height:100%;
    background:rgba(3, 50, 77, 0.2);
    left:0px;
    top:0px;
    z-index:-1;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .animate-btn-style1:hover:before {
    width:100%;
    background:#03324d
  }

  .animate-btn-style1.btn-sm {
    font-size:14px;
    padding:10px 28px
  }

  .animate-btn-style1.btn-md {
    font-size:14px;
    padding:18px 56px
  }

  .animate-btn-style1.btn-lg {
    padding:22px 56px;
    font-size:16px
  }

  .animate-btn-style1.btn-xl {
    font-size:18px;
    padding:24px 56px
  }

  .animate-btn-style2 {
    position:relative;
    display:inline-block;
    color:var(--webex-secondary-color);
    text-align:center;
    text-transform:uppercase;
    font-weight:500;
    z-index:1;
    letter-spacing:1px;
    border:1px solid var(--webex-primary-color);
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s;
    font-family:var(--body-font);
    padding:10px 32px;
    font-size:14px
  }

  .animate-btn-style2:after {
    content:"";
    height:15px;
    width:15px;
    position:absolute;
    background:rgba(var(--webex-primary-color-rgb), 0.2);
    bottom:0;
    right:0;
    z-index:-1;
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .animate-btn-style2:before {
    position:absolute;
    content:"";
    width:15px;
    height:15px;
    background:rgba(var(--webex-primary-color-rgb), 0.2);
    left:0px;
    top:0px;
    z-index:-1;
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .animate-btn-style2:hover {
    color:#fff
  }

  .animate-btn-style2:hover:before, .animate-btn-style2:hover:after {
    width:100%;
    height:100%;
    background:var(--webex-primary-color)
  }

  .animate-btn-style2.btn-sm {
    font-size:12px;
    padding:10px 28px
  }

  .animate-btn-style2.btn-md {
    font-size:14px;
    padding:18px 56px
  }

  .animate-btn-style2.btn-lg {
    padding:22px 56px;
    font-size:16px
  }

  .animate-btn-style2.btn-xl {
    font-size:18px;
    padding:24px 56px
  }

  .animate-btn-style3 {
    position:relative;
    display:inline-block;
    color:var(--webex-secondary-color);
    background:#fff;
    text-align:center;
    font-weight:600;
    z-index:1;
    border:1px solid var(--webex-primary-color);
    -moz-transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    font-family:var(--body-font);
    padding:16px 46px;
    font-size:16px;
    line-height:initial;
    overflow:hidden;
    letter-spacing:0.5px
  }

  .animate-btn-style3:after {
    content:"";
    height:120%;
    width:30px;
    position:absolute;
    background:var(--gradient-color1);
    bottom:0;
    right:-15px;
    z-index:-1;
    transform:skew(25deg);
    transition-duration:800ms
  }

  .animate-btn-style3:before {
    position:absolute;
    content:"";
    width:30px;
    height:100%;
    background:var(--gradient-color2);
    left:-25px;
    top:0;
    z-index:-1;
    transform:skew(25deg);
    transition-duration:800ms
  }

  .animate-btn-style3:hover {
    color:#fff
  }

  .animate-btn-style3:hover:before, .animate-btn-style3:hover:after {
    width:100%;
    height:100%;
    background:var(--gradient-color1);
    -moz-transform:scale(1.4);
    -o-transform:scale(1.4);
    -ms-transform:scale(1.4);
    -webkit-transform:scale(1.4);
    transform:scale(1.4)
  }

  .animate-btn-style3.btn-sm {
    font-size:12px;
    padding:10px 28px
  }

  .animate-btn-style3.btn-md {
    font-size:14px;
    padding:12px 48px
  }

  .animate-btn-style3.btn-lg {
    padding:18px 56px;
    font-size:16px
  }

  .animate-btn-style3.btn-xl {
    font-size:18px;
    padding:24px 56px
  }

  .form-control {
    box-shadow:none;
    outline:none;
    border:1px solid #e8e9ef;
    background:var(--bg-silver);
    font-size:16px;
    line-height:24px;
    font-family:var(--heading-font);
    color:var(--webex-secondary-color);
    height:auto;
    padding:25px 20px;
    resize:none;
    min-width:100%;
    height:56px;
    border-radius:0px
  }

  .form-control::placeholder {
    color:#73767e
  }

  .form-control:-ms-input-placeholder {
    color:#404653
  }

  .form-control::-ms-input-placeholder {
    color:#404653
  }

  textarea.form-control {
    min-height:215px
  }

  .form-control:focus {
    border-color:var(--webex-primary-color)
  }

  form.white-field .form-control {
    background:var(--bg-white)
  }

  .contact-form textarea {
    display:inline-block;
    min-height:190px
  }

  .contact-form textarea, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="password"] {
    background:var(--bg-silver);
    border:1px solid #ece9e3
  }

  .contact-form .form-control:focus {
    border-color:var(--webex-primary-color);
    background:var(--bg-silver)
  }

  .contact-block {
    background:var(--bg-silver);
    padding:30px 30px;
    border:1px solid #ece9e3
  }

  .contact-icon i {
    width:64px;
    height:64px;
    background:var(--webex-primary-color);
    text-align:center;
    line-height:64px;
    display:inline-block;
    border-radius:6px
  }

  .contact-icon i:before {
    color:var(--text-white);
    font-size:36px
  }

  .contact-details {
    margin-left:30px
  }

  select {
    width:268px;
    padding:5px;
    font-size:16px;
    line-height:1;
    border:0;
    border-radius:5px;
    height:34px;
    background:url(../images/down-arrow.png) no-repeat right #ddd;
    background-position-x:96%
  }

  .request-a-call-back-form-section-style1 .request-a-call-back-area {
    background:var(--bg-white);
    background-image:url(../images/objects/1.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    margin-top:-185px;
    z-index:1;
    position:relative;
    box-shadow:var(--box-shadow);
    border-radius:12px
  }

  .request-a-call-back-form-section-style1 .request-a-call-back-area .request-a-call-back-form {
    padding:60px 100px 80px 90px
  }

  @media screen and (max-width: 1024px) {
    .request-a-call-back-form-section-style1 .request-a-call-back-area .request-a-call-back-form {
      padding:45px 45px 20px 45px
    }
  }

  .request-a-call-back-form-section-style1 .request-a-call-back-area .request-a-call-back-form textarea.form-control {
    min-height:140px
  }

  .request-a-call-back-form-section-style1 .request-a-call-back-area .request-a-call-back-form .nice-select {
    border-radius:0;
    width:100%;
    height:56px;
    line-height:56px;
    font-size:16px;
    background:var(--bg-silver);
    color:#73767e;
    margin-bottom:25px
  }

  .request-a-call-back-form-section-style1 .request-a-call-back-area .request-a-call-back-form .nice-select .option {
    font-weight:500
  }

  .request-a-call-back-form-section-style1 .request-a-call-back-area .request-a-call-back-form-image {
    text-align:left
  }

  .request-a-call-back-form-section-style1 .request-a-call-back-area .request-a-call-back-form-image img {
    border-radius:10px 0 0 10px
  }

  .request-a-call-back-form-style2 {
    padding:54px 70px 68px 70px;
    -webkit-box-shadow:0 0 20px 0px rgba(38, 37, 37, 0.1);
    -khtml-box-shadow:0 0 20px 0px rgba(38, 37, 37, 0.1);
    -moz-box-shadow:0 0 20px 0px rgba(38, 37, 37, 0.1);
    -ms-box-shadow:0 0 20px 0px rgba(38, 37, 37, 0.1);
    -o-box-shadow:0 0 20px 0px rgba(38, 37, 37, 0.1);
    box-shadow:0 0 20px 0px rgba(38, 37, 37, 0.1);
    background-color:var(--bg-white);
    position:relative;
    background-image:url(../images/bg/abs-bg1.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
    z-index:1;
    border-radius:8px
  }

  @media screen and (max-width: 768px) {
    .request-a-call-back-form-style2 {
      padding:45px
    }
  }

  .request-a-call-back-form-style2 textarea.form-control {
    min-height:95px
  }

  .request-a-call-back-form-style2 .form-control {
    height:56px;
    padding:10px 20px
  }

  .request-a-call-back-form-style2 .custom-select-categories {
    background-color:var(--bg-white);
    height:56px;
    width:100%;
    line-height:54px;
    font-size:16px;
    font-weight:400;
    margin-bottom:20px;
    border-radius:0
  }

  .request-a-call-back-form-style2 .nice-select {
    border-radius:0;
    width:100%;
    height:56px;
    line-height:56px;
    font-size:16px;
    background:var(--bg-silver);
    color:#73767e;
    margin-bottom:25px
  }

  .request-a-call-back-form-style2 .nice-select .option {
    font-weight:500
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 {
    background:var(--bg-white);
    background-image:url(../images/bg/abs-bg2.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    background-size:cover;
    margin-top:-200px;
    z-index:1;
    position:relative;
    box-shadow:var(--box-shadow);
    border-radius:12px;
    padding:80px 80px 65px 80px
  }

  @media screen and (max-width: 1024px) {
    .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 {
      padding:80px
    }
  }

  @media screen and (max-width: 425px) {
    .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 {
      padding:40px;
      background-image:none
    }
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .contact-info {
    position:relative
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .contact-info:hover .contact-info-icon i {
    background:var(--webex-primary-color);
    color:var(--text-white)
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .contact-info .contact-info-icon i {
    background:var(--bg-silver);
    width:80px;
    height:80px;
    display:inline-block;
    line-height:82px;
    text-align:center;
    border-radius:50%;
    color:var(--webex-primary-color);
    font-size:35px;
    margin-bottom:25px;
    transition:0.4s
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .contact-info .contact-info-content .title {
    color:var(--heading-font-color);
    transition:0.4s;
    display:block;
    margin-bottom:15px
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .request-a-call-back-form textarea.form-control {
    min-height:140px
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .request-a-call-back-form .nice-select {
    border-radius:0;
    width:100%;
    height:56px;
    line-height:56px;
    font-size:16px;
    background:var(--bg-silver);
    color:#73767e;
    margin-bottom:25px
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .request-a-call-back-form .nice-select .option {
    font-weight:500
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .request-a-call-back-form-image {
    text-align:left
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-form-style3 .request-a-call-back-form-image img {
    border-radius:10px 0 0 10px
  }

  .rcbf-img img {
    width:328px;
    float:left;
    border-radius:8px
  }

  @media screen and (max-width: 768px) {
    .rcbf-img img {
      display:none
    }
  }

  .request-a-call-back-form.sidebar {
    background:var(--webex-secondary-color);
    padding:30px
  }

  .request-a-call-back-form-vertical-two {
    background-color:var(--text-white);
    padding:60px;
    border-radius:8px;
    background-image:url(../images/bg/abs-bg2.png);
    box-shadow:var(--box-shadow)
  }

  @media screen and (max-width: 425px) {
    .request-a-call-back-form-vertical-two {
      padding:30px
    }
  }

  .request-a-call-back-form-vertical-two .form-control {
    height:54px;
    line-height:1.3;
    border-radius:0;
    font-size:16px;
    color:#243b60
  }

  .request-a-call-back-form-vertical-two .form-control:focus {
    border-color:var(--webex-primary-color)
  }

  .request-a-call-back-form-vertical-two .custom-select-categories {
    background-color:var(--text-white);
    color:#243b60;
    height:54px;
    width:100%;
    font-size:16px;
    font-weight:400;
    padding:4px 15px;
    border:1px solid #dfdce6;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    box-shadow:none;
    line-height:1.3
  }

  .request-a-call-back-form.form-control {
    margin-bottom:20px
  }

  .newsletter-from {
    position:relative
  }

  .newsletter-from .email {
    display:flex;
    align-items:center;
    width:100%
  }

  .newsletter-from .email input[type="email"] {
    width:100%;
    background:#151d35;
    color:var(--footer-text-color);
    padding:15px 30px;
    font-family:var(--heading-font);
    letter-spacing:0.5px;
    font-size:14px;
    border-radius:8px
  }

  .newsletter-from .email input[type="email"]::placeholder {
    color:var(--footer-text-color)
  }

  .newsletter-from .email input[type="email"]:-ms-input-placeholder {
    color:var(--footer-text-color)
  }

  .newsletter-from .email input[type="email"]::-ms-input-placeholder {
    color:var(--footer-text-color)
  }

  .newsletter-from .submit {
    position:absolute;
    right:20px;
    top:50%;
    transform:translate(0px, -50%)
  }

  .newsletter-from .submit button {
    color:var(--webex-primary-color);
    background-color:transparent;
    border-color:transparent;
    margin-top:5px
  }

  .newsletter-from .submit button i {
    background:var(--webex-primary-color3);
    border-radius:8px;
    padding:10px;
    font-size:16px;
    color:var(--heading-font-color)
  }

  .google-map {
    height:440px
  }

  .google-map.map-full-height {
    height:100%
  }

  .mapouter {
    position:relative;
    text-align:right;
    height:100%;
    width:100%
  }

  .mapouter.fixed-height {
    height:440px
  }

  .gmap_canvas {
    overflow:hidden;
    background:none !important;
    height:100%;
    width:auto
  }

  .mapouter iframe {
    width:100%;
    height:100%
  }

  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color:var(--webex-primary-color)
  }

  .nice-select .option.selected {
    font-weight:500
  }

  .nice-select .list {
    width:100%
  }

  .nice-select.open .list {
    border-radius:0
  }

  .nice-select:after {
    height:8px;
    width:8px;
    right:20px
  }

  .get-a-quote-section {
    position:relative
  }

  .get-a-quote-section:after {
    background:url(../images/bg/7.jpg);
    content:"";
    height:110%;
    width:865px;
    position:absolute;
    right:0;
    bottom:0;
    z-index:0;
    background-size:cover;
    background-position:center bottom;
    background-repeat:no-repeat;
    clip-path:polygon(15% 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 15%)
  }

  @media screen and (max-width: 1024px) {
    .get-a-quote-section:after {
      width:290px;
      opacity:0.1;
      height:100%
    }
  }

  @media screen and (max-width: 768px) {
    .get-a-quote-section:after {
      display:none
    }
  }

  .section-title {
    margin-bottom:50px
  }

  .section-title .title-box, .section-title .title-box-center {
    position:relative
  }

  .section-title .title-box .sub-title, .section-title .title-box-center .sub-title {
    font-weight:var(--sub-title-font-weight);
    letter-spacing:var(--sub-title-letter-spacing);
    color:#fff;
    background:var(--gradient-color1);
    display:inline-block;
    padding:6px 24px;
    border-radius:30px;
    font-size:var(--sub-title-font-size);
    margin-bottom:10px;
    z-index:1
  }

  .section-title .title-box .sub-title.text-gradient-color, .section-title .title-box-center .sub-title.text-gradient-color {
    background-clip:text;
    -o-background-clip:text;
    -ms-background-clip:text;
    -moz-background-clip:text;
    -webkit-background-clip:text;
    text-fill-color:transparent;
    -o-text-fill-color:transparent;
    -ms-text-fill-color:transparent;
    -moz-text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-image:var(--gradient-color1);
    padding:0px 0 0px 70px
  }

  .title-box, .title-box-center {
    position:relative
  }

  .title-box .sub-title, .title-box-center .sub-title {
    font-weight:var(--sub-title-font-weight);
    letter-spacing:var(--sub-title-letter-spacing);
    color:#fff;
    background:var(--gradient-color1);
    display:inline-block;
    padding:6px 24px;
    border-radius:30px;
    font-size:var(--sub-title-font-size);
    margin-bottom:10px;
    z-index:1
  }

  .title-box .sub-title.text-gradient-color, .title-box-center .sub-title.text-gradient-color {
    background-clip:text;
    -o-background-clip:text;
    -ms-background-clip:text;
    -moz-background-clip:text;
    -webkit-background-clip:text;
    text-fill-color:transparent;
    -o-text-fill-color:transparent;
    -ms-text-fill-color:transparent;
    -moz-text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-image:var(--gradient-color1);
    padding:0px 0 0px 70px
  }

  .title-box .sub-title.side-line-left, .title-box-center .sub-title.side-line-left {
    padding:0px 0 0px 70px
  }

  .title-box .sub-title.side-line-left.text-white, .title-box-center .sub-title.side-line-left.text-white {
    background:none
  }

  .section-title-big_text {
    font-size:120px;
    position:absolute;
    opacity:1;
    left:0;
    right:0;
    top:0;
    color:#353542;
    font-weight:800;
    z-index:0;
    text-transform:none;
    letter-spacing:5px;
    -webkit-text-fill-color:#ffffff00;
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#0e131721;
    font-family:var(--heading-font)
  }

  @media screen and (max-width: 768px) {
    .section-title-big_text {
      font-size:76px
    }
  }

  @media screen and (max-width: 425px) {
    .section-title-big_text {
      font-size:56px
    }
  }

  @media screen and (max-width: 320px) {
    .section-title-big_text {
      font-size:48px
    }
  }

  .side-line-left {
    position:relative;
    padding-left:70px;
    font-weight:var(--sub-title-font-weight);
    letter-spacing:var(--sub-title-letter-spacing);
    font-size:var(--sub-title-font-size);
    margin-bottom:10px
  }

  .side-line-left:after {
    position:absolute;
    content:"";
    height:4px;
    width:35px;
    background:var(--webex-primary-color);
    left:0px;
    bottom:12px
  }

  .side-line-left:before {
    content:"";
    height:1px;
    width:55px;
    position:absolute;
    left:0;
    bottom:8px;
    background:var(--webex-primary-color)
  }

  .side-line-left.white:before, .side-line-left.white:after {
    background:#fff
  }

  .sub-title-line-bottom {
    position:relative;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:0.1em;
    z-index:1;
    color:var(--webex-primary-color);
    font-weight:400;
    font-family:var(--body-font);
    margin-bottom:10px
  }

  .sub-title-line-bottom:before {
    content:"";
    position:absolute;
    bottom:3px;
    left:-5px;
    right:-5px;
    height:6px;
    background-color:rgba(var(--webex-primary-color-rgb), 0.2);
    z-index:-1
  }

  .features-section {
    counter-reset:my-sec-counter
  }

  .features-item-style1 {
    background-color:#ffffff;
    box-shadow:0 0 20px 3px rgba(0, 0, 0, 0.05);
    margin-bottom:30px;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    border-radius:12px;
    z-index:1;
    position:relative
  }

  .features-item-style1 .features-inner {
    position:relative;
    display:block;
    border-radius:10px;
    overflow:hidden;
    padding:45px 40px;
    text-align:center;
    z-index:1
  }

  .features-item-style1 .features-inner .features-icon::before {
    font-size:64px;
    color:var(--webex-primary-color);
    line-height:1;
    display:block;
    margin-bottom:25px
  }

  .features-item-style1 .features-inner .features-shape {
    position:absolute;
    bottom:0;
    left:0;
    transition-delay:400ms;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    -moz-transform:translateX(-10%);
    -o-transform:translateX(-10%);
    -ms-transform:translateX(-10%);
    -webkit-transform:translateX(-10%);
    transform:translateX(-10%);
    z-index:-1
  }

  .features-item-style1 .features-inner .features-shape img {
    width:195px;
    opacity:0.1
  }

  .features-item-style1 .features-inner .features-count {
    position:absolute;
    top:10px;
    right:10px;
    height:45px;
    width:56px;
    text-align:center
  }

  .features-item-style1 .features-inner .features-count:before {
    color:transparent;
    opacity:0.15;
    font-size:48px;
    -webkit-text-stroke:1px var(--webex-primary-color);
    line-height:45px;
    font-weight:700;
    counter-increment:my-sec-counter;
    content:counters(my-sec-counter, ".", decimal-leading-zero);
    transition:all 200ms linear;
    transition-delay:0.1s
  }

  .features-item-style1 .features-inner:before {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    content:"";
    background-color:var(--webex-primary-color);
    border-radius:10px;
    z-index:-1;
    transition:transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin:center center;
    -webkit-transform:scale(1, 0);
    transform:scale(1, 0)
  }

  .features-item-style1:hover {
    transform:translateY(-10px)
  }

  .features-item-style1:hover .features-inner .features-icon::before {
    color:#fff
  }

  .features-item-style1:hover .features-inner .features-title {
    color:#fff
  }

  .features-item-style1:hover .features-inner .features-title a {
    color:#fff
  }

  .features-item-style1:hover .features-inner .features-title a:hover {
    color:#fff
  }

  .features-item-style1:hover .features-inner .features-description {
    color:#fff
  }

  .features-item-style1:hover .features-inner .features-shape {
    transform:translateX(0%)
  }

  .features-item-style1:hover .features-inner .features-shape img {
    opacity:0.3
  }

  .features-item-style1:hover .features-inner .features-count::before {
    opacity:0
  }

  .features-item-style1:hover .features-inner:before {
    -webkit-transform:scale(1, 1);
    transform:scaleX(1, 1);
    transform-origin:center center
  }

  .features-item-style1.item-style2 .features-inner:before {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    content:"";
    background-color:var(--webex-primary-color3);
    border-radius:10px;
    z-index:-1;
    transition:transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin:center center;
    -webkit-transform:scale(1, 0);
    transform:scale(1, 0)
  }

  .features-item-style1.item-style2:hover .features-inner .features-icon::before {
    color:var(--heading-font-color)
  }

  .features-item-style1.item-style2:hover .features-inner .features-title {
    color:var(--heading-font-color)
  }

  .features-item-style1.item-style2:hover .features-inner .features-title a {
    color:var(--heading-font-color)
  }

  .features-item-style1.item-style2:hover .features-inner .features-title a:hover {
    color:var(--heading-font-color)
  }

  .features-item-style1.item-style2:hover .features-inner:before {
    -webkit-transform:scale(1, 1);
    transform:scaleX(1, 1);
    transform-origin:center center
  }

  /* =====================================
   FEATURES SLIDER FIX (PATCH)
===================================== */

/* PARENT SPACE FOR ARROWS */
.features-swiper {
  position: relative;
  padding: 0 29px; /* gap from cards */
}

/* FIX SLIDE STRUCTURE */
.features-swiper .swiper-slide {
  display: flex;
  height: auto;
}

/* FIX CARD WIDTH + ALIGNMENT */
.features-item-style1 {
  width: 100%;
  margin-bottom: 0;
}

/* FIX INNER HEIGHT (KEY FIX) */
.features-item-style1 .features-inner {
  min-height: 240px;
  padding: 42px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* REDUCE HOVER JUMP */
.features-item-style1:hover {
  transform: translateY(-6px);
}

/* =====================
   ARROW FIX
===================== */
.features-swiper .swiper-button-prev,
.features-swiper .swiper-button-next {
  width: 46px;
  height: 46px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  color: var(--webex-primary-color);
  top: 50%;
  transform: translateY(-50%);
}

/* LEFT ARROW GAP */
.features-swiper .swiper-button-prev {
  left: 15px;
}

/* RIGHT ARROW GAP */
.features-swiper .swiper-button-next {
  right: 15px;
}

/* ARROW ICON SIZE */
.features-swiper .swiper-button-prev::after,
.features-swiper .swiper-button-next::after {
  font-size: 16px;
  font-weight: 700;
}


  /* swiper code*/
/* swiper base */


/* arrows hidden by default */
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  color: #4f46e5;
  padding: auto;
}

/* arrows show on hover */
.mySwiper:hover .swiper-button-next,
.mySwiper:hover .swiper-button-prev {
  opacity: 1;
  visibility: visible;
}
.features-item-style1:hover .mySwiper:hover .swiper-button-next,
.features-item-style1:hover .mySwiper:hover .swiper-button-prev{
  color: #ffffff;
}
/* center active slide effect */
.swiper-slide {
  transition: transform 0.3s ease;
}

.swiper-slide-active {
  transform: scale(1.05);
}


  .feature-item-style2 {
    display:block;
    background:#fff;
    padding:40px 40px 35px 40px;
    position:relative;
    z-index:1;
    overflow:hidden;
    box-shadow:0px 2px 25px rgba(30, 40, 63, 0.12);
    border-radius:10px;
    margin-bottom:30px
  }

  .feature-item-style2:hover:after {
    width:100%;
    left:0
  }

  .feature-item-style2:hover .feature-item-info .feature-item-icon .icon span {
    background:#2825be;
    color:#fff
  }

  .feature-item-style2:hover .title {
    color:var(--text-white)
  }

  .feature-item-style2:hover .feature-item-content .content {
    color:var(--text-white)
  }

  .feature-item-style2:after {
    position:absolute;
    content:"";
    top:0;
    right:0;
    height:100%;
    width:0;
    z-index:-1;
    transition:0.5s;
    background:var(--webex-primary-color)
  }

  .feature-item-style2 .feature-item-info .feature-item-icon {
    padding-right:25px;
    display:inline-block
  }

  .feature-item-style2 .feature-item-info .feature-item-icon .icon span {
    font-size:36px;
    color:#fff;
    display:inline-block;
    text-align:center;
    height:68px;
    width:68px;
    line-height:68px;
    background:var(--webex-primary-color);
    border-radius:4px;
    transition:0.5s
  }

  .feature-item-style2 .feature-item-info .feature-item-icon .title-box .title {
    font-size:20px;
    margin:0 0 0;
    display:inline-block
  }

  .feature-item-style2 .feature-item-content {
    margin-top:18px
  }

  .feature-item-style2 .feature-item-content .content {
    margin-bottom:0
  }

  .featured-icon-box {
    position:relative;
    -moz-transition:all 0.5s ease-in-out 0s;
    -webkit-transition:all 0.5s ease-in-out 0s;
    -ms-transition:all 0.5s ease-in-out 0s;
    -o-transition:all 0.5s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;
    display:flex;
    align-items:start
  }

  .featured-icon-box .featured-icon i:before {
    font-size:48px;
    line-height:1.3;
    margin-right:30px;
    background-clip:text;
    -o-background-clip:text;
    -ms-background-clip:text;
    -moz-background-clip:text;
    -webkit-background-clip:text;
    text-fill-color:transparent;
    -o-text-fill-color:transparent;
    -ms-text-fill-color:transparent;
    -moz-text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-image:var(--gradient-color1)
  }

  .featured-icon-box .featured-content .featured-title {
    margin-bottom:10px
  }

  .icon-box-style1 .featured-icon {
    margin-bottom:25px
  }

  .icon-box-style1 .featured-icon .webexflaticon {
    font-size:46px;
    color:var(--webex-primary-color);
    position:relative;
    background:#fff;
    height:68px;
    width:68px;
    line-height:68px;
    text-align:center;
    border-radius:6px;
    display:inline-block
  }

  .icon-box-style1 .featured-icon .webexflaticon:after {
    content:"";
    position:absolute;
    height:65px;
    width:65px;
    opacity:0.1;
    background:#ffffff;
    left:15px;
    top:-10px;
    animation:pulse infinite 0.8s;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s;
    z-index:0;
    border-radius:6px
  }

  .icon-box-style1 .icon-box-content .icon-box-title {
    color:#fff;
    margin-bottom:10px
  }

  .icon-box-style1:hover .featured-icon .webexflaticon:after {
    opacity:0.2;
    left:0;
    top:0
  }

  .icon-box-style2 .featured-icon {
    margin-bottom:25px
  }

  .icon-box-style2 .featured-icon .webexflaticon {
    font-size:46px;
    color:var(--text-white);
    position:relative;
    background:var(--webex-primary-color);
    height:68px;
    width:68px;
    line-height:68px;
    text-align:center;
    border-radius:6px;
    display:inline-block
  }

  .icon-box-style2 .icon-box-content .icon-box-title {
    color:var(--heading-font-color);
    margin-bottom:10px
  }

  .icon-box-block {
    background-color:#ffffff;
    border-radius:12px;
    text-align:center;
    border:1px solid #f0f0f0;
    padding:30px 25px 30px 25px;
    z-index:1;
    position:relative;
    overflow:hidden;
    -webkit-box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.1);
    -o-box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.1);
    box-shadow:0px 0px 16px 4px rgba(0, 0, 0, 0.1)
  }

  .icon-box-block:after {
    background:url(../images/service/1.html);
    background-size:cover;
    position:absolute;
    height:100%;
    width:100%;
    bottom:-35px;
    background-repeat:no-repeat;
    left:0;
    z-index:-1;
    content:"";
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .icon-box-block img {
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .icon-box-block:hover img {
    -moz-transform:scale(-1) rotate(180deg);
    -o-transform:scale(-1) rotate(180deg);
    -ms-transform:scale(-1) rotate(180deg);
    -webkit-transform:scale(-1) rotate(180deg);
    transform:scale(-1) rotate(180deg)
  }

  .icon-box-block:hover:after {
    -moz-transform:scale(1.08) translate(0px, -8px);
    -o-transform:scale(1.08) translate(0px, -8px);
    -ms-transform:scale(1.08) translate(0px, -8px);
    -webkit-transform:scale(1.08) translate(0px, -8px);
    transform:scale(1.08) translate(0px, -8px)
  }

  .icon-box-two .icon {
    background:var(--webex-primary-color);
    border-radius:6px;
    width:84px;
    height:84px;
    line-height:84px;
    float:left;
    text-align:center
  }

  .icon-box-two .icon span:before {
    font-size:48px;
    line-height:84px;
    color:#fff
  }

  .icon-box-two .icon-details {
    margin-left:110px
  }

  .info-box-style1 {
    margin-bottom:30px
  }

  .info-box-style1 .info-box-title {
    color:#fff;
    margin-bottom:10px
  }

  .info-box-style1 .info-box-desc {
    color:var(--text-light-gray)
  }

  .why-choose-us-section-style1 {
    position:relative
  }

  .why-choose-us-section-style1:after {
    content:"";
    position:absolute;
    height:100%;
    width:200px;
    background:#000000;
    left:-40px;
    top:0;
    opacity:0.1;
    transform:skew(20deg, 0)
  }

  @media screen and (max-width: 425px) {
    .why-choose-us-section-style1:after {
      display:none
    }
  }

  .why-choose-us-image-block {
    position:relative;
    margin-bottom:-80px;
    margin-right:45px;
    margin-left:-110px
  }

  @media screen and (max-width: 1440px) {
    .why-choose-us-image-block {
      margin-left:10px
    }
  }

  @media screen and (max-width: 1024px) {
    .why-choose-us-image-block {
      margin-left:0;
      width:95%;
      margin-bottom:60px
    }
  }

  @media screen and (max-width: 768px) {
    .why-choose-us-image-block {
      width:95%
    }
  }

  .why-choose-us-image-block::after {
    position:absolute;
    content:"";
    height:100%;
    width:66%;
    left:-40px;
    z-index:-1;
    top:-20px;
    background:var(--webex-primary-color);
    animation:float-y-axis 3s infinite;
    opacity:0.3
  }

  @media screen and (max-width: 1024px) {
    .why-choose-us-image-block::after {
      right:-40px;
      left:auto
    }
  }

  @media screen and (max-width: 425px) {
    .why-choose-us-image-block::after {
      display:none
    }
  }

  .why-choose-us-image-block .video-popup-left {
    top:auto;
    left:60px;
    bottom:60px
  }

  @media screen and (max-width: 425px) {
    .why-choose-us-image-block .video-popup-left {
      left:30px;
      bottom:30px
    }
  }

  .why-choose-us-image-block .video-popup-left a {
    border-radius:0;
    height:120px;
    width:120px;
    line-height:120px;
    box-shadow:0 0 0px 10px rgba(255, 255, 255, 0.4)
  }

  @media screen and (max-width: 425px) {
    .why-choose-us-image-block .video-popup-left a {
      height:72px;
      width:72px;
      line-height:72px
    }
  }

  .why-choose-us-image-block .video-popup-left a::before, .why-choose-us-image-block .video-popup-left a::after {
    border-radius:0
  }

  .why-choose-us-image-block2 {
    margin-top:-180px;
    position:relative
  }

  .why-choose-us-image-block2 img {
    border-radius:8px
  }

  .why-choose-us-image-block2 .call-us-now {
    position:absolute;
    top:220px;
    left:-60px;
    background:var(--webex-primary-color);
    padding:30px 40px;
    border-radius:8px
  }

  .why-choose-us-image-block2 .call-us-now:before {
    position:inherit;
    content:"\f18e";
    font-family:"Flaticon";
    color:#fff;
    font-size:92px;
    left:30px;
    top:50px;
    opacity:0.2
  }

  .why-choose-us-image-block3 {
    position:relative
  }

  .why-choose-us-image-block3 .image-block1 {
    position:absolute;
    left:0;
    width:290px;
    bottom:50px;
    border:15px solid #ffffff
  }

  .why-choose-us-image-block3 .image-block2 {
    width:480px;
    margin-left:70px
  }

  @media screen and (max-width: 425px) {
    .why-choose-us-image-block3 .image-block2 {
      width:315px;
      margin-left:60px
    }
  }

  @media screen and (max-width: 375px) {
    .why-choose-us-image-block3 .image-block2 {
      width:275px
    }
  }

  @media screen and (max-width: 320px) {
    .why-choose-us-image-block3 .image-block2 {
      width:235px;
      margin-left:50px
    }
  }

  .why-choose-us-image-block3 .video-popup-left {
    top:30px;
    right:60px;
    left:auto;
    z-index:1
  }

  .why-choose-us-image-block3 .video-popup-left a {
    border-radius:0;
    background:var(--webex-primary-color)
  }

  .why-choose-us-image-block3 .video-popup-left a:before {
    border-radius:0
  }

  .why-choose-us-image-block3 .video-popup-left a:after {
    border-radius:0;
    border:2px solid var(--webex-primary-color)
  }

  .why-choose-us-image-block3.side-line:after {
    content:"";
    position:absolute;
    background:var(--webex-primary-color);
    width:20px;
    height:270px;
    left:0;
    top:0
  }

  @media screen and (max-width: 425px) {
    .why-choose-us-image-block3.side-line:after {
      height:200px
    }
  }

  .why-choose-us-full-img {
    margin-right:-310px
  }

  @media screen and (max-width: 1024px) {
    .why-choose-us-full-img {
      margin-right:0
    }
  }

  .why-choose-us-full-img .image_01 {
    clip-path:polygon(0 0, 100% 0%, 100% 100%, 10% 100%, 0 85%)
  }

  .why-choose-us-full-img .quality-badge1 {
    position:absolute;
    width:130px;
    right:45px;
    background:#ffffffd1;
    top:60px;
    border-radius:50%;
    box-shadow:0 0 0 10px #b8a1942b;
    animation:pulse 2s infinite
  }

  .why-choose-us-full-img-style2 {
    margin-left:-310px;
    margin-top:-190px;
    margin-right:40px;
    z-index:1;
    position:relative
  }

  @media screen and (max-width: 1024px) {
    .why-choose-us-full-img-style2 {
      margin-left:0
    }
  }

  .why-choose-us-full-img-style2 .image_01 {
    border-radius:8px;
    clip-path:polygon(0 0, 100% 0%, 100% 100%, 10% 100%, 0 85%)
  }

  .why-choose-us-full-img-style2 .quality-badge1 {
    position:absolute;
    width:130px;
    right:45px;
    background:#ffffffd1;
    top:60px;
    border-radius:50%;
    box-shadow:0 0 0 10px #b8a1942b;
    animation:pulse 2s infinite
  }

  .why-choose-us-section-shape {
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
    opacity:0.5
  }

  .why-choose-us-section-shape.shape-1 {
    opacity:0.06;
    width:32%
  }

  .price-table {
    position:relative;
    display:block;
    background:var(--bg-silver);
    padding-bottom:45px;
    border-radius:8px;
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .price-table .table-header {
    position:relative;
    display:block
  }

  .price-table .table-header .pricing-plan-name {
    position:relative;
    display:block;
    color:var(--text-white);
    font-weight:normal;
    padding:20px 0;
    background:var(--webex-primary-color);
    background-image:url(../images/objects/6.png);
    background-size:contain;
    background-repeat:no-repeat;
    border-radius:8px 8px 0 0
  }

  .price-table .table-header .price {
    font-size:56px;
    color:#0b2239;
    background:var(--bg-white);
    padding:30px 0;
    border:1px solid #ddd
  }

  .price-table .table-header .price .price-currency {
    font-size:36px;
    margin-right:10px;
    vertical-align:middle;
    font-weight:600
  }

  .price-table .table-header .price .price-duration {
    font-size:15px;
    letter-spacing:0.3px;
    font-weight:500
  }

  .price-table .table-content {
    position:relative;
    display:block;
    margin-bottom:44px
  }

  .price-table .table-content .list-items li {
    padding:12px 30px;
    display:flex;
    align-items:center;
    justify-content:center
  }

  .price-table .table-content .list-items li i {
    margin-right:20px
  }

  .price-table .table-content .list-items li:nth-child(odd) {
    background:var(--bg-silver-light)
  }

  .price-table.active {
    -webkit-box-shadow:0 5px 35px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow:0 5px 35px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 5px 35px rgba(0, 0, 0, 0.1);
    -ms-box-shadow:0 5px 35px rgba(0, 0, 0, 0.1);
    -o-box-shadow:0 5px 35px rgba(0, 0, 0, 0.1);
    box-shadow:0 5px 35px rgba(0, 0, 0, 0.1)
  }

  .price-table .recommended {
    position:absolute;
    top:-20px;
    right:0;
    left:0;
    padding:3px;
    background:#b62b7d;
    margin:0 auto;
    width:40%;
    border-radius:30px;
    color:var(--text-white);
    font-size:13px
  }

  .pricing-switcher {
    display:flex;
    flex-direction:column;
    align-items:center
  }

  .pricing-switcher .switch {
    position:relative;
    display:inline-block;
    width:60px;
    height:34px;
    vertical-align:middle;
    margin:0 12px
  }

  .pricing-switcher .switch input {
    opacity:0;
    width:0;
    height:0
  }

  .pricing-switcher .switch input:checked+.slider {
    background-color:var(--webex-primary-color2)
  }

  .pricing-switcher .switch input:checked+.slider:before {
    -webkit-transform:translateX(26px);
    -ms-transform:translateX(26px);
    transform:translateX(26px)
  }

  .pricing-switcher .switch .slider {
    position:absolute;
    cursor:pointer;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:var(--webex-primary-color);
    -webkit-transition:0.4s;
    transform:translate(0px, 0px);
    transition:0.6s ease transform, 0.6s box-shadow
  }

  .pricing-switcher .switch .slider:before {
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:4px;
    bottom:4px;
    background-color:var(--bg-white);
    -webkit-transition:0.4s;
    transition:0.4s
  }

  .pricing-switcher .switch .slider.round {
    border-radius:34px
  }

  .pricing-switcher .switch .slider.round:before {
    border-radius:50%
  }

  .yearlyPrice, .monthlyPrice {
    font-size:36px;
    background:var(--bg-white);
    padding:30px 15px;
    border:1px solid #eee
  }

  .yearlyPrice span, .monthlyPrice span {
    font-size:24px;
    font-weight:500;
    color:var(--body-font-color);
    margin-left:5px
  }

  .rotate-text {
    position:absolute;
    transform:rotate(90deg);
    top:168px;
    left:-154px;
    background:var(--webex-primary-color);
    color:#fff;
    padding:12px 76px;
    font-size:22px
  }

  @media screen and (max-width: 1199px) {
    .rotate-text {
      display:none
    }
  }

  .funfact-item {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    row-gap:15px;
    position:relative;
    margin-bottom:60px
  }

  @media screen and (max-width: 1024px) {
    .funfact-item {
      justify-content:normal
    }
  }

  @media screen and (max-width: 425px) {
    .funfact-item {
      align-items:center;
      justify-content:center;
      flex-direction:column;
      text-align:center
    }
  }

  .funfact-item .funfact-icon {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    margin-right:30px;
    -moz-transition:all 500ms ease-out 0s;
    -webkit-transition:all 500ms ease-out 0s;
    -ms-transition:all 500ms ease-out 0s;
    -o-transition:all 500ms ease-out 0s;
    transition:all 500ms ease-out 0s
  }

  @media screen and (max-width: 425px) {
    .funfact-item .funfact-icon {
      margin-right:0
    }
  }

  .funfact-item .funfact-icon span {
    font-size:62px;
    color:var(--webex-primary-color)
  }

  .funfact-item .funfact-icon::before {
    color:#fff;
    font-size:4.5rem;
    opacity:0.06
  }

  .funfact-item .funfact-content .count-text {
    font-size:54px;
    display:inline-block;
    margin-bottom:10px
  }

  .funfact-item .funfact-content .title {
    font-weight:400;
    font-family:var(--body-font);
    color:var(--body-font-color);
    font-size:18px
  }

  .funfact-style2-wrapper {
    background:var(--webex-primary-color);
    margin-top:-120px;
    border-radius:8px;
    padding:60px 120px 0 120px
  }

  .funfact-style2-wrapper .funfact-item-style2 {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    row-gap:15px;
    position:relative;
    text-align:center;
    margin-bottom:60px
  }

  .funfact-style2-wrapper .funfact-item-style2 .funfact-content .count-text {
    color:#fff;
    font-size:48px;
    display:inline-block;
    margin-bottom:10px
  }

  .funfact-style2-wrapper .funfact-item-style2 .funfact-content .title {
    font-weight:400;
    font-family:var(--body-font);
    color:#fff;
    font-size:18px
  }

  .social-list li {
    display:inline;
    margin-right:5px;
    z-index:1;
    position:relative
  }

  .social-list li a {
    background:#323c5b;
    height:42px;
    width:42px;
    display:inline-block;
    color:#fff;
    text-align:center;
    border-radius:50%;
    line-height:42px;
    font-size:16px
  }

  .social-list li a:hover {
    background:var(--webex-primary-color)
  }

  .social-list.list-primary-color li a {
    background:var(--webex-primary-color)
  }

  .social-list.list-primary-color li a:hover {
    background:var(--webex-primary-color2)
  }

  .social-list.list-flat li a {
    border-radius:0
  }

  .social-list.list-lg li a {
    height:48px;
    width:48px;
    font-size:18px;
    line-height:48px
  }

  .social-list.list-sm li {
    margin-right:5px;
    height:34px;
    width:34px;
    font-size:14px;
    line-height:34px
  }

  .social-list.list-sm li a {
    height:34px;
    width:34px;
    font-size:14px;
    line-height:34px
  }

  .working-process-wrapper {
    position:relative;
    counter-reset:process-counter1
  }

  .working-process-wrapper .working-process-shape {
    position:absolute;
    top:-50px;
    left:215px;
    opacity:0.1
  }

  @media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .working-process-wrapper .working-process-shape {
      left:165px
    }
  }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .working-process-wrapper .working-process-shape {
      left:45px
    }
  }

  @media screen and (max-width: 991px) {
    .working-process-wrapper .working-process-shape {
      display:none
    }
  }

  .working-process-wrapper .process-item {
    position:relative;
    display:block;
    text-align:center;
    padding:0 40px 0
  }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .working-process-wrapper .process-item {
      padding:0 10px 0
    }
  }

  .working-process-wrapper .process-item .process-icon-box {
    position:relative;
    display:block;
    height:150px;
    width:150px;
    margin:0 auto
  }

  .working-process-wrapper .process-item .process-icon-box .process-icon {
    position:relative;
    align-items:center;
    display:flex;
    justify-content:center;
    background-color:#fff;
    box-shadow:0px 0px 57px 0px rgba(0, 0, 0, 0.1);
    height:148px;
    width:148px;
    line-height:148px;
    margin:0 auto;
    z-index:1;
    border-radius:20px 8px 20px 0px
  }

  .working-process-wrapper .process-item .process-icon-box .process-icon span:before {
    font-size:64px;
    color:var(--webex-primary-color)
  }

  .working-process-wrapper .process-item .process-icon-box .process-icon:before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    content:"";
    background-color:var(--webex-primary-color);
    transform-origin:center;
    transform-style:preserve-3d;
    -moz-transition:all 0.3s cubic-bezier(0.54, 0.33, 0.78, 0.84);
    -webkit-transition:all 0.3s cubic-bezier(0.54, 0.33, 0.78, 0.84);
    -ms-transition:all 0.3s cubic-bezier(0.54, 0.33, 0.78, 0.84);
    -o-transition:all 0.3s cubic-bezier(0.54, 0.33, 0.78, 0.84);
    transition:all 0.3s cubic-bezier(0.54, 0.33, 0.78, 0.84);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
    -webkit-transform:scale(0);
    transform:scale(0);
    z-index:-1;
    border-radius:20px 8px 20px 0px
  }

  .working-process-wrapper .process-item .process-icon-box .process-count {
    position:absolute;
    top:0;
    right:0;
    height:40px;
    width:40px;
    background-color:var(--webex-primary-color);
    z-index:2;
    border-radius:6px
  }

  .working-process-wrapper .process-item .process-icon-box .process-count:before {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    color:#fff;
    font-size:14px;
    line-height:40px;
    counter-increment:process-counter1;
    content:counters(process-counter1, ".", decimal-leading-zero);
    -moz-transition:all 200ms linear;
    -webkit-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    transition:all 200ms linear;
    transition-delay:0.1s
  }

  .working-process-wrapper .process-item .process-details {
    position:relative;
    display:block;
    margin-top:21px
  }

  .working-process-wrapper .process-item .process-details .process-title {
    margin-bottom:10px;
    color:#fff
  }

  .working-process-wrapper .process-item .process-details .process-text {
    color:#fff;
    margin-bottom:0
  }

  .working-process-wrapper .process-item:hover .process-icon-box .process-icon span:before {
    color:#fff
  }

  .working-process-wrapper .process-item:hover .process-icon-box .process-icon:before {
    transform:scale(1.1)
  }

  .working-process-wrapper .process-item:hover .process-icon-box .process-count:before {
    background-color:#fff;
    color:var(--webex-primary-color)
  }

  .anim-scroll-to-top {
    position:fixed;
    right:30px;
    bottom:30px;
    height:46px;
    width:46px;
    cursor:pointer;
    display:block;
    border-radius:50px;
    box-shadow:inset 0 0 0 2px rgba(var(--webex-primary-color-rgb), 0.2);
    z-index:99;
    opacity:0;
    visibility:hidden;
    -moz-transform:translateY(15px);
    -o-transform:translateY(15px);
    -ms-transform:translateY(15px);
    -webkit-transform:translateY(15px);
    transform:translateY(15px);
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .anim-scroll-to-top::after {
    position:absolute;
    content:"\e913";
    font-family:"webexbaseicon";
    font-weight:600;
    text-align:center;
    line-height:45px;
    font-size:18px;
    color:var(--webex-primary-color);
    left:0;
    top:0;
    height:45px;
    width:45px;
    cursor:pointer;
    display:block;
    z-index:1;
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .anim-scroll-to-top.active-progress {
    opacity:1;
    visibility:visible;
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }

  .anim-scroll-to-top svg path {
    fill:none
  }

  .anim-scroll-to-top svg.progress-circle path {
    stroke:var(--webex-primary-color);
    stroke-width:4;
    box-sizing:border-box
  }

  .call-to-action {
    position:relative;
    display:block
  }

  .call-to-action .call-to-action-inner {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:45px 75px 45px;
    background:var(--gradient-color1);
    overflow:hidden
  }

  @media only screen and (max-width: 1024px) {
    .call-to-action .call-to-action-inner {
      padding:45px 60px 45px
    }
  }

  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action .call-to-action-inner {
      flex-direction:column;
      align-items:center;
      text-align:center
    }
  }

  @media only screen and (max-width: 767px) {
    .call-to-action .call-to-action-inner {
      flex-direction:column;
      padding:57px 20px 57px;
      text-align:center
    }
  }

  .call-to-action .call-to-action-inner:after {
    content:"";
    background-image:url(../images/about/wave2.png);
    background-size:cover;
    background-position:center left;
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0.35;
    filter:brightness(1);
    animation:heartbeat 1.5s infinite alternate
  }

  .call-to-action .call-to-action-inner .call-to-action-left {
    position:relative;
    display:flex;
    align-items:center
  }

  @media only screen and (max-width: 991px) {
    .call-to-action .call-to-action-inner .call-to-action-left {
      flex-direction:column;
      align-items:center;
      text-align:center
    }
  }

  @media only screen and (max-width: 991px) {
    .call-to-action .call-to-action-inner .call-to-action-left .call-to-action-icon {
      margin-bottom:15px
    }
  }

  .call-to-action .call-to-action-inner .call-to-action-left .call-to-action-icon span:before {
    font-size:64px;
    color:#fff;
    position:relative;
    display:inline-block;
    line-height:64px
  }

  .call-to-action .call-to-action-inner .call-to-action-left .call-to-action-content {
    position:relative;
    margin-left:30px
  }

  @media only screen and (max-width: 991px) {
    .call-to-action .call-to-action-inner .call-to-action-left .call-to-action-content {
      margin-left:0
    }
  }

  .call-to-action .call-to-action-inner .call-to-action-left .call-to-action-content .call-to-action-sub-title {
    text-transform:uppercase;
    color:#fff;
    margin:0;
    z-index:1;
    position:relative
  }

  .call-to-action .call-to-action-inner .call-to-action-left .call-to-action-content .call-to-action-title {
    color:#fff;
    font-size:42px;
    z-index:1;
    position:relative
  }

  @media only screen and (max-width: 991px) {
    .call-to-action .call-to-action-inner .call-to-action-left .call-to-action-content .call-to-action-title {
      margin-bottom:30px
    }
  }

  .dot-circle {
    position:relative
  }

  .dot-circle:after {
    background-image:radial-gradient(var(--webex-primary-color) 1px, #ff000000 2.2px);
    background-size:0.7rem 0.7rem;
    position:absolute;
    left:20px;
    content:"";
    width:170px;
    height:260px;
    top:60px;
    z-index:-1;
    opacity:0.3;
    animation:float-y-axis 4s infinite alternate
  }

  .team-section-obj1 {
    position:absolute;
    bottom:0;
    right:0;
    opacity:0.1
  }

  .request-a-call-back-form-section-style1 .request-a-call-back-section-obj1 {
    position:absolute;
    bottom:20px;
    left:170px;
    width:135px;
    opacity:0.5;
    animation:float-obj-x infinite 3s
  }

  @media screen and (max-width: 425px) {
    .request-a-call-back-form-section-style1 .request-a-call-back-section-obj1 {
      display:none
    }
  }

  .request-a-call-back-form-section-style1 .brand-obj1 {
    position:absolute;
    bottom:-165px;
    right:56px;
    opacity:0.05;
    animation:float-obj-y infinite 3s
  }

  @media screen and (max-width: 425px) {
    .request-a-call-back-form-section-style1 .brand-obj1 {
      display:none
    }
  }

  .request-a-call-back-form-section-style3 .request-a-call-back-section-obj1 {
    position:absolute;
    bottom:20px;
    left:170px;
    width:135px;
    opacity:0.5;
    animation:float-obj-x infinite 3s
  }

  @media screen and (max-width: 425px) {
    .request-a-call-back-form-section-style3 .request-a-call-back-section-obj1 {
      display:none
    }
  }

  .request-a-call-back-form-section-style3 .brand-obj1 {
    position:absolute;
    bottom:-165px;
    right:56px;
    opacity:0.05;
    animation:float-obj-y infinite 3s
  }

  @media screen and (max-width: 425px) {
    .request-a-call-back-form-section-style3 .brand-obj1 {
      display:none
    }
  }

  .about-us-section-style3 {
    position:relative
  }

  .about-us-section-style3 .arrow-obj1 {
    position:absolute;
    bottom:120px;
    left:170px;
    width:135px;
    opacity:0.5;
    z-index:0;
    animation:float-obj-x infinite 3s
  }

  @media screen and (max-width: 1024px) {
    .about-us-section-style3 .arrow-obj1 {
      display:none
    }
  }

  .about-us-section-style3 .brand-obj1 {
    position:absolute;
    top:-185px;
    right:56px;
    opacity:0.05;
    z-index:-1;
    animation:float-obj-y infinite 3s
  }

  @media screen and (max-width: 1024px) {
    .about-us-section-style3 .brand-obj1 {
      display:none
    }
  }

  .why-choose-us-section-style1 {
    position:relative
  }

  .why-choose-us-section-style1 .why-choose-us-style2-obj1 {
    position:absolute;
    bottom:-43px;
    right:0;
    animation:float-obj-y infinite 3s;
    opacity:0.6;
    mix-blend-mode:color-dodge
  }

  @media screen and (max-width: 1024px) {
    .why-choose-us-section-style1 .why-choose-us-style2-obj1 {
      opacity:0.4
    }
  }

  @media screen and (max-width: 425px) {
    .why-choose-us-section-style1 .why-choose-us-style2-obj1 {
      display:none
    }
  }

  .why-choose-us-section-style1 .why-choose-us-style2-obj2 {
    position:absolute;
    bottom:-75px;
    right:0;
    animation:float-obj-y infinite 4s;
    opacity:0.7;
    mix-blend-mode:color-dodge
  }

  @media screen and (max-width: 1024px) {
    .why-choose-us-section-style1 .why-choose-us-style2-obj2 {
      opacity:0.4
    }
  }

  @media screen and (max-width: 425px) {
    .why-choose-us-section-style1 .why-choose-us-style2-obj2 {
      display:none
    }
  }

  .footer-section-obj1 {
    position:absolute;
    bottom:30px;
    width:520px;
    left:-135px;
    opacity:0.12;
    z-index:0;
    animation:float-obj-y infinite 3s
  }

  @media screen and (max-width: 425px) {
    .footer-section-obj1 {
      width:275px;
      margin:0 auto;
      left:0;
      right:0
    }
  }

  .footer-section-obj2 {
    position:absolute;
    top:30px;
    width:320px;
    right:0;
    animation:float-obj-x infinite 3s;
    opacity:0.02
  }

  .shine-effect {
    position:relative;
    overflow:hidden
  }

  .shine-effect:before {
    position:absolute;
    top:0;
    left:-80%;
    z-index:2;
    display:block;
    content:"";
    width:50%;
    height:100%;
    background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    -webkit-transform:skewX(-25deg);
    -ms-transform:skewX(-25deg);
    transform:skewX(-25deg);
    z-index:1
  }

  .shine-effect:hover:before {
    -webkit-animation:shine 1.3s;
    animation:shine 1.3s
  }

  .shape-position {
    position:relative;
    overflow:hidden
  }

  .shape-position .shape-obj1 {
    position:absolute;
    height:600px;
    width:600px;
    border-radius:30%;
    background-image:-webkit-linear-gradient(230deg, rgba(255, 255, 255, 0) 0%, #f02830 100%);
    top:-115px;
    right:-366px;
    opacity:0.1;
    z-index:0;
    animation:float-obj-y2 infinite 2s
  }

  .shape-position .shape-obj2 {
    position:absolute;
    height:600px;
    width:600px;
    border-radius:20%;
    background-image:-webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #f02830 100%);
    bottom:-200px;
    left:-335px;
    opacity:0.08;
    z-index:0;
    animation:float-obj-y2 infinite 3s
  }

  .text-obj2 {
    position:relative
  }

  .text-obj2:after {
    content:"";
    position:absolute;
    background:url(../images/objects/funfact-obj1.png);
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    z-index:-1;
    height:100%;
    width:245px;
    top:0px;
    right:0;
    opacity:0.35;
    animation:pulse infinite 2s
  }

  .shine-efffect {
    position:relative;
    overflow:hidden
  }

  .shine-efffect:before {
    position:absolute;
    top:0;
    left:-80%;
    z-index:2;
    display:block;
    content:'';
    width:50%;
    height:100%;
    background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    -webkit-transform:skewX(-25deg);
    -ms-transform:skewX(-25deg);
    transform:skewX(-25deg);
    z-index:1
  }

  .shine-efffect:hover:before {
    -webkit-animation:shine 1.3s;
    animation:shine 1.3s
  }

  .image-video-block {
    position:relative;
    display:flex;
    align-items:center;
    border-radius:10px 0 0 10px
  }

  .image-video-block img {
    border-radius:10px 0 0 10px;
    width:100%
  }

  .image-video-block .video-link {
    position:absolute;
    left:30px;
    bottom:30px;
    text-align:center
  }

  .image-video-block .video-link a {
    display:inline-block;
    z-index:6;
    position:relative
  }

  .image-video-block .video-link a:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background-color:#fff;
    z-index:-1;
    animation:pulse-border-2 1s ease-out infinite
  }

  .image-video-block .video-link a i {
    display:block;
    position:relative;
    height:72px;
    width:72px;
    line-height:72px;
    background:var(--webex-primary-color);
    z-index:2
  }

  .image-video-block .video-link a i::before {
    font-size:16px;
    color:#fff;
    z-index:6;
    position:relative
  }

  .video-block {
    display:inline-block
  }

  .video-block .video-link {
    text-align:center
  }

  .video-block .video-link a {
    display:inline-block
  }

  .video-block .video-link a i {
    display:inline-block;
    position:relative;
    height:75px;
    width:75px;
    line-height:75px;
    background:#b98e75;
    border-radius:50%;
    z-index:3;
    border:1px solid #ffffff1a
  }

  .video-block .video-link a i::before {
    font-size:18px;
    color:#fff;
    border-radius:50%;
    z-index:3;
    position:relative
  }

  .video-block .video-link a i:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    background-color:#ad836ab8;
    border-radius:50%;
    animation:pulse-border-2 1s ease-out infinite;
    z-index:0;
    border:1px solid #b98e75
  }

  .about-image-box-style1 {
    position:relative
  }

  .about-image-box-style1 .about-image1 {
    position:absolute;
    left:0;
    width:250px;
    bottom:60px;
    border:10px solid #fff;
    z-index:1
  }

  .about-image-box-style1 .about-image2 {
    width:465px;
    margin-left:60px;
    clip-path:polygon(0% 0%, 100% 0, 100% 87%, 87% 100%, 0% 100%)
  }

  @media screen and (max-width: 1024px) {
    .about-image-box-style1 .about-image2 {
      width:520px
    }
  }

  @media screen and (max-width: 767px) {
    .about-image-box-style1 .about-image2 {
      margin-left:0
    }
  }

  @media screen and (max-width: 768px) {
    .about-image-box-style1 .about-image2 {
      width:530px
    }
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style1 .about-image2 {
      width:400px
    }
  }

  .about-image-box-style1 .about-badge1 {
    position:absolute;
    width:130px;
    right:45px;
    background:#fff;
    top:60px;
    border-radius:50%;
    box-shadow:0 0 0 10px #b8a1942b;
    animation:pulse 2s infinite
  }

  @media screen and (max-width: 1024px) {
    .about-image-box-style1 .about-badge1 {
      right:-30px
    }
  }

  @media screen and (max-width: 768px) {
    .about-image-box-style1 .about-badge1 {
      right:40px
    }
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style1 .about-badge1 {
      display:none
    }
  }

  .about-image-box-style1.dot-circle:after {
    left:-75px;
    top:-75px;
    width:250px;
    height:250px;
    border-radius:50%
  }

  .about-image-box-style2 {
    position:relative
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style2 {
      margin-bottom:40px
    }
  }

  .about-image-box-style2 .experience {
    background:url(../images/bg/2.jpg);
    text-align:center;
    position:absolute;
    background-size:cover;
    width:230px;
    height:230px;
    right:140px;
    bottom:50px;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column-reverse;
    border-radius:50%
  }

  @media only screen and (max-width: 991px) {
    .about-image-box-style2 .experience {
      right:300px;
      bottom:30px
    }
  }

  @media only screen and (max-width: 425px) {
    .about-image-box-style2 .experience {
      display:none
    }
  }

  .about-image-box-style2 .experience:after {
    content:"";
    background:rgba(var(--webex-primary-color-rgb), 0.92);
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:0;
    border-radius:50%
  }

  .about-image-box-style2 .experience .experience-year {
    z-index:1;
    position:relative;
    color:#fff;
    font-size:84px;
    line-height:75px;
    margin-bottom:10px;
    -webkit-text-fill-color:#bc917600;
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#ffffff;
    font-family:var(--body-font)
  }

  .about-image-box-style2 .experience .experience-text {
    z-index:1;
    position:relative;
    color:#fff;
    margin-bottom:0
  }

  .about-image-box-style2 .about-image1 {
    position:absolute;
    right:-110px;
    width:415px;
    bottom:45px;
    border:15px solid #ffffff;
    z-index:3
  }

  @media only screen and (max-width: 991px) {
    .about-image-box-style2 .about-image1 {
      right:0
    }
  }

  .about-image-box-style2 .about-image2 {
    width:490px;
    margin-left:70px;
    position:relative;
    overflow:hidden
  }

  .about-image-box-style2 .about-image2:before {
    position:absolute;
    top:0;
    left:-80%;
    z-index:2;
    display:block;
    content:"";
    width:50%;
    height:100%;
    background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    -webkit-transform:skewX(-25deg);
    -ms-transform:skewX(-25deg);
    transform:skewX(-25deg);
    z-index:1
  }

  @media only screen and (max-width: 1024px) {
    .about-image-box-style2 .about-image2 {
      margin-left:0
    }
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style2 .about-image2 {
      width:100%
    }
  }

  .about-image-box-style2 .about-image2:hover:before {
    -webkit-animation:shine 1.3s;
    animation:shine 1.3s
  }

  .about-image-box-style2 .video-popup-left {
    top:30px;
    right:60px;
    left:auto;
    z-index:1
  }

  .about-image-box-style2 .video-popup-left a {
    border-radius:0;
    background:var(--webex-primary-color)
  }

  .about-image-box-style2 .video-popup-left a:before {
    border-radius:0
  }

  .about-image-box-style2 .video-popup-left a:after {
    border-radius:0;
    border:2px solid var(--webex-primary-color)
  }

  .about-image-box-style2.about-side-line:after {
    content:"";
    position:absolute;
    border:80px solid var(--webex-primary-color2);
    width:400px;
    height:400px;
    right:-230px;
    top:20px;
    border-radius:50%;
    z-index:-1;
    opacity:0.08
  }

  @media only screen and (max-width: 991px) {
    .about-image-box-style2.about-side-line:after {
      right:0
    }
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style2.about-side-line:after {
      display:none
    }
  }

  .about-image-box-style3 {
    position:relative;
    height:100%
  }

  .about-image-box-style3 .about-image1 {
    position:absolute;
    left:0;
    width:420px;
    top:240px;
    z-index:1
  }

  @media screen and (max-width: 1024px) {
    .about-image-box-style3 .about-image1 {
      left:10px;
      top:285px
    }
  }

  .about-image-box-style3 .about-image2 {
    width:520px;
    clip-path:polygon(0% 5%, 100% 0, 100% 87%, 100% 100%, 10% 100%);
    float:right;
    margin-bottom:150px
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style3 .about-image2 {
      margin-bottom:0
    }
  }

  .about-image-box-style3 .years-of-experience {
    position:absolute;
    bottom:110px;
    right:60px;
    width:275px;
    font-size:18px;
    font-weight:bold;
    line-height:25px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    align-items:center;
    -ms-flex-align:start;
    background-color:#fff;
    -webkit-box-shadow:0px 0px 45px 0px rgba(0, 0, 0, 0.07);
    box-shadow:0px 0px 45px 0px rgba(0, 0, 0, 0.07);
    border-right:8px solid var(--webex-primary-color);
    padding-left:45px;
    padding-right:40px;
    padding-top:25px;
    padding-bottom:22px;
    border-radius:15px;
    border-bottom-right-radius:0;
    z-index:1
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style3 .years-of-experience {
      bottom:30px
    }
  }

  .about-image-box-style3 .years-of-experience span {
    font-weight:bold;
    line-height:1;
    display:block;
    font-size:64px;
    color:var(--webex-primary-color2);
    margin-right:20px;
    margin-top:0px;
    letter-spacing:-0.04em
  }

  .about-image-box-style3.dot-circle:after {
    right:auto;
    left:0;
    top:0;
    width:170px;
    height:200px
  }

  .about-image-box-style4 {
    position:relative;
    height:100%
  }

  .about-image-box-style4 .about-image1 {
    position:absolute;
    left:200px;
    width:385px;
    top:200px;
    z-index:1
  }

  @media screen and (max-width: 1024px) {
    .about-image-box-style4 .about-image1 {
      left:115px;
      top:285px;
      width:278px
    }
  }

  @media screen and (max-width: 768px) {
    .about-image-box-style4 .about-image1 {
      right:100px;
      left:auto;
      bottom:60px;
      top:auto
    }
  }

  .about-image-box-style4 .about-image2 {
    width:430px;
    margin-bottom:150px
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style4 .about-image2 {
      margin-bottom:0
    }
  }

  .about-image-box-style4 .years-of-experience {
    position:absolute;
    bottom:15px;
    left:0;
    width:175px;
    font-size:18px;
    font-weight:bold;
    line-height:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    -ms-flex-align:start;
    background-color:#fff;
    -webkit-box-shadow:0px 0px 45px 0px rgba(0, 0, 0, 0.07);
    box-shadow:0px 0px 45px 0px rgba(0, 0, 0, 0.07);
    border-radius:50%;
    padding:30px;
    border-top-right-radius:0;
    z-index:1
  }

  @media screen and (max-width: 1024px) {
    .about-image-box-style4 .years-of-experience {
      left:-1px;
      bottom:200px
    }
  }

  @media screen and (max-width: 768px) {
    .about-image-box-style4 .years-of-experience {
      bottom:80px;
      left:15px
    }
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style4 .years-of-experience {
      bottom:30px
    }
  }

  .about-image-box-style4 .years-of-experience span {
    font-weight:bold;
    line-height:1;
    display:block;
    font-size:64px;
    color:var(--webex-primary-color2);
    margin-right:20px;
    margin-top:0px;
    letter-spacing:-0.04em
  }

  .about-image-box-style4.dot-circle:after {
    right:35px;
    left:auto;
    top:35px;
    width:200px;
    height:200px;
    border-radius:50%
  }

  .about-image-box-style5 {
    position:relative
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style5 {
      margin-bottom:40px
    }
  }

  .about-image-box-style5 .about-image1 {
    position:absolute;
    right:0;
    width:275px;
    bottom:45px;
    z-index:3
  }

  @media only screen and (max-width: 991px) {
    .about-image-box-style5 .about-image1 {
      right:50px
    }
  }

  .about-image-box-style5 .about-image2 {
    width:450px;
    margin-right:70px;
    position:relative;
    overflow:hidden
  }

  .about-image-box-style5 .about-image2:before {
    position:absolute;
    top:0;
    left:-80%;
    z-index:2;
    display:block;
    content:"";
    width:50%;
    height:100%;
    background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.2)));
    background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    -webkit-transform:skewX(-25deg);
    -ms-transform:skewX(-25deg);
    transform:skewX(-25deg);
    z-index:1
  }

  @media only screen and (max-width: 1024px) {
    .about-image-box-style5 .about-image2 {
      margin-left:0;
      margin-bottom:50px
    }
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style5 .about-image2 {
      width:100%
    }
  }

  .about-image-box-style5 .about-image2:hover:before {
    -webkit-animation:shine 1.3s;
    animation:shine 1.3s
  }

  .about-image-box-style5 .video-popup-left {
    top:30px;
    right:60px;
    left:auto;
    z-index:1
  }

  .about-image-box-style5 .video-popup-left a {
    border-radius:0;
    background:var(--webex-primary-color)
  }

  .about-image-box-style5 .video-popup-left a:before {
    border-radius:0
  }

  .about-image-box-style5 .video-popup-left a:after {
    border-radius:0;
    border:2px solid var(--webex-primary-color)
  }

  .about-image-box-style5.about-side-line:after {
    content:"";
    position:absolute;
    border:80px solid var(--webex-primary-color2);
    width:400px;
    height:400px;
    right:-35px;
    top:35px;
    z-index:-1;
    opacity:0.08
  }

  @media only screen and (max-width: 991px) {
    .about-image-box-style5.about-side-line:after {
      right:0
    }
  }

  @media screen and (max-width: 425px) {
    .about-image-box-style5.about-side-line:after {
      display:none
    }
  }

  .about-style4-info-box, .about-style3-info-box {
    position:relative;
    display:block;
    margin-bottom:30px
  }

  .about-style4-info-box .title, .about-style3-info-box .title {
    text-transform:capitalize;
    margin-bottom:8px;
    display:flex;
    align-items:center
  }

  .about-style4-info-box .title span, .about-style3-info-box .title span {
    margin-right:15px
  }

  .about-style4-info-box .title span:before, .about-style3-info-box .title span:before {
    color:var(--webex-primary-color)
  }

  .about-style4-info-box .text, .about-style3-info-box .text {
    margin:0
  }

  .experience {
    background:url(../images/bg/2.jpg);
    padding:40px;
    text-align:center;
    position:relative;
    background-size:cover
  }

  .experience:after {
    content:"";
    background:rgba(var(--webex-primary-color-rgb), 0.92);
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    top:0;
    z-index:0
  }

  .experience .experience-year {
    z-index:1;
    position:relative;
    color:#fff;
    font-size:84px;
    line-height:75px;
    -webkit-text-fill-color:#bc917600;
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#ffffff;
    font-family:var(--body-font)
  }

  .experience .experience-text {
    z-index:1;
    position:relative;
    color:#fff;
    margin-bottom:5px
  }

  .about-us-section-style3 .about-style3-author-area {
    display:flex;
    align-items:center
  }

  @media screen and (max-width: 425px) {
    .about-us-section-style3 .about-style3-author-area {
      align-items:start;
      flex-direction:column
    }
  }

  .about-us-section-style3 .about-style3-author-area .author-content-area .author-content .author-image {
    margin-right:15px;
    border:2px solid var(--webex-primary-color);
    max-width:65px;
    border-radius:50%
  }

  .about-us-section-style3 .about-style3-author-area .author-content-area .author-content .author-image img {
    border-radius:50%
  }

  .signature {
    width:110px
  }

  .service-section-style2 {
    counter-reset:my-sec-counter1
  }

  .service-inner-page-section-style1 {
    counter-reset:my-sec-counter
  }

  .service-style1 {
    margin-bottom:60px
  }

  .service-style1 .thumb {
    position:relative
  }

  .service-style1 .thumb .overlay {
    position:absolute;
    left:0;
    top:0;
    padding:37px;
    z-index:1;
    height:80%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out;
    width:100%;
    visibility:hidden;
    opacity:0
  }

  @media screen and (max-width: 375px) {
    .service-style1 .thumb .overlay {
      padding:15px
    }
  }

  .service-style1 .thumb .overlay::after {
    position:absolute;
    left:0;
    top:0;
    content:"";
    height:100%;
    width:100%;
    background:var(--webex-secondary-color);
    z-index:-1;
    opacity:0.9;
    border-radius:5px;
    -webkit-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out
  }

  .service-style1 .thumb .overlay i {
    display:inline-block;
    font-size:46px;
    color:#fff;
    margin-bottom:30px;
    height:76px;
    width:76px;
    line-height:76px;
    background:var(--webex-primary-color);
    border-radius:6px
  }

  .service-style1 .thumb .overlay .description {
    margin:0;
    color:#fbf6f6
  }

  @media screen and (max-width: 375px) {
    .service-style1 .thumb .overlay .description {
      display:none
    }
  }

  .service-style1 .thumb .overlay .content .title {
    margin-bottom:15px
  }

  @media screen and (max-width: 375px) {
    .service-style1 .thumb .overlay .content .title {
      margin-bottom:0
    }
  }

  .service-style1 .thumb .overlay .content .title a {
    color:#fff
  }

  .service-style1 .thumb img {
    border-radius:5px;
    width:100%
  }

  .service-style1 .thumb .visible_title_area {
    margin-left:30px;
    margin-right:30px;
    position:absolute;
    background:#fff;
    bottom:-30px;
    padding:15px 30px;
    border-radius:8px;
    -webkit-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out;
    right:0;
    left:0;
    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;
    box-shadow:0 0 20px 0px #1116291c
  }

  @media screen and (max-width: 991px) {
    .service-style1 .thumb .visible_title_area {
      margin-left:15px;
      margin-right:15px;
      justify-content:flex-start
    }
  }

  @media screen and (max-width: 375px) {
    .service-style1 .thumb .visible_title_area {
      flex-direction:column;
      padding:30px 0
    }
  }

  .service-style1 .thumb .visible_title_area .title {
    margin:0
  }

  @media screen and (max-width: 991px) {
    .service-style1 .thumb .visible_title_area .title {
      margin-left:15px
    }
  }

  .service-style1 .thumb .visible_title_area .title a {
    color:var(--heading-font-color)
  }

  .service-style1 .thumb .visible_title_area .icon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-right:1px solid #eee
  }

  @media screen and (max-width: 375px) {
    .service-style1 .thumb .visible_title_area .icon {
      border-right:none;
      margin-bottom:15px
    }
  }

  .service-style1 .thumb .visible_title_area .icon i {
    position:relative;
    display:inline-block;
    color:var(--webex-primary-color);
    text-align:center;
    font-size:45px;
    margin-right:20px;
    background:var(--webex-primary-color);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    background-size:220% 150%
  }

  @media screen and (max-width: 991px) {
    .service-style1 .thumb .visible_title_area .icon i {
      margin-right:15px
    }
  }

  .service-style1 .thumb:hover .overlay {
    top:0;
    opacity:1;
    visibility:visible;
    height:100%
  }

  .service-style2 .service-item {
    position:relative;
    margin-bottom:30px;
    transition:all 400ms ease
  }

  .service-style2 .service-item:hover {
    transform:translateY(-6px)
  }

  .service-style2 .service-item:hover .service-image-block img {
    opacity:0.3;
    transform:scale(1.05)
  }

  .service-style2 .service-item .service-image-block {
    position:relative;
    display:block;
    overflow:hidden;
    background:var(--webex-secondary-color);
    border-radius:10px 10px 0 0
  }

  .service-style2 .service-item .service-image-block img {
    width:100%;
    transition:all 500ms ease
  }

  .service-style2 .service-item .service-content-block {
    position:relative;
    display:block;
    padding:65px 30px 30px 30px;
    box-shadow:0 0px 30px rgba(30, 13, 81, 0.08);
    border-radius:0 0 60px 8px
  }

  .service-style2 .service-item .service-content-block .service-count {
    position:absolute;
    top:15px;
    right:10px
  }

  .service-style2 .service-item .service-content-block .service-count:before {
    color:transparent;
    opacity:0.15;
    font-size:81px;
    -webkit-text-stroke:1px var(--webex-primary-color);
    line-height:45px;
    font-weight:700;
    counter-increment:my-sec-counter1;
    content:counters(my-sec-counter1, ".", decimal-leading-zero);
    transition:all 200ms linear;
    transition-delay:0.1s
  }

  .service-style2 .service-item .service-content-block .service-icon-box {
    position:absolute;
    background:var(--gradient-color1);
    width:80px;
    height:80px;
    font-size:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-align:center;
    left:30px;
    top:-40px;
    z-index:1;
    clip-path:polygon(0% 0%, 100% 15%, 100% 100%, 100% 100%, 0% 100%)
  }

  .service-style2 .service-item .service-content-block .service-title {
    position:relative;
    display:block;
    margin-bottom:16px
  }

  .service-style2 .service-item .service-content-block .service-title a {
    display:inline-block
  }

  .service-style2 .service-item .service-content-block .service-text {
    margin-bottom:0
  }

  .service-style3 {
    position:relative;
    margin-bottom:30px;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .service-style3 .service-inner {
    position:relative;
    display:block;
    overflow:hidden;
    padding:45px 45px 40px 45px;
    z-index:1;
    box-shadow:0px 2px 25px rgba(52, 62, 85, 0.07);
    border-radius:10px;
    background:#fff;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .service-style3 .service-inner:before {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    content:"";
    background-color:var(--webex-primary-color);
    border-radius:10px;
    z-index:-1;
    border-radius:10px;
    transition:transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin:center center;
    -webkit-transform:scale(1, 0);
    transform:scale(1, 0)
  }

  .service-style3 .service-inner .service-icon::before {
    font-size:64px;
    color:var(--webex-primary-color);
    line-height:1;
    display:block;
    margin-bottom:25px
  }

  .service-style3 .service-inner .service-title {
    margin-bottom:20px
  }

  .service-style3 .service-inner .service-description {
    margin-bottom:0
  }

  .service-style3 .service-inner .services-link {
    color:var(--webex-primary-color)
  }

  .service-style3 .service-inner .services-link:hover {
    color:var(--text-white)
  }

  .service-style3 .service-inner .service-inner-obj:after {
    background:url(../images/objects/6.png);
    background-repeat:no-repeat;
    content:"";
    position:absolute;
    height:170px;
    width:170px;
    bottom:0;
    right:0;
    opacity:0.1;
    background-size:cover;
    transition:500ms;
    transition-delay:150ms
  }

  .service-style3:hover {
    transform:translateY(-10px)
  }

  .service-style3:hover .service-inner:before {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    transform-origin:center center
  }

  .service-style3:hover .service-inner .service-inner-obj:after {
    opacity:0.3;
    transform:scale(1.2)
  }

  .service-style3:hover .service-inner .service-icon::before {
    position:relative;
    color:var(--text-white);
    z-index:1
  }

  .service-style3:hover .service-inner .service-title {
    position:relative;
    color:var(--text-white);
    z-index:1
  }

  .service-style3:hover .service-inner .services-link {
    color:var(--text-white)
  }

  .service-style3:hover .service-inner .service-description {
    position:relative;
    color:var(--text-white);
    z-index:1
  }

  .service-style4 {
    position:relative;
    display:block;
    border-radius:8px;
    background-color:#fbf7f7;
    padding:40px 40px 30px 40px;
    border-bottom:4px solid var(--webex-secondary-color);
    transition:all 200ms linear;
    transition-delay:0.1s;
    z-index:1
  }

  .service-style4:hover::before {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    transform-origin:top center
  }

  .service-style4:hover .icon span {
    color:#ffffff
  }

  .service-style4:hover .details .title a {
    color:#ffffff
  }

  .service-style4:hover .details .text {
    color:#fff
  }

  .service-style4:hover .details .service-item-link a {
    color:#fff
  }

  .service-style4::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:-4px;
    right:0;
    border-bottom:4px solid var(--webex-secondary-color);
    border-radius:8px;
    background-color:var(--webex-secondary-color);
    transition:-webkit-transform 0.4s ease;
    transition:transform 0.4s ease;
    transition:transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin:bottom right;
    -webkit-transform:scale(1, 0);
    transform:scale(1, 0);
    z-index:-1
  }

  .service-style4 .icon {
    position:relative;
    display:block;
    line-height:0
  }

  .service-style4 .icon span {
    position:relative;
    display:inline-block;
    color:var(--webex-primary-color);
    font-size:56px;
    line-height:56px;
    transition:all 200ms linear;
    transition-delay:0.1s
  }

  .service-style4 .details {
    position:relative;
    display:block;
    margin-top:25px
  }

  .service-style4 .details .title {
    font-size:22px;
    line-height:32px;
    margin-bottom:7px;
    transition:all 200ms linear;
    transition-delay:0.1s
  }

  .service-style4 .details .title a {
    color:var(--webex-secondary-color);
    transition:all 200ms linear;
    transition-delay:0.1s
  }

  .service-style4 .details .text {
    color:#494949;
    transition:all 200ms linear;
    transition-delay:0.1s
  }

  .service-style4 .details .service-item-link a {
    position:relative;
    padding-left:0;
    display:inline-block;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s;
    font-weight:500;
    font-size:16px;
    color:var(--webex-primary-color)
  }

  .service-style4 .details .service-item-link a:hover {
    padding-left:35px;
    color:#fff
  }

  .service-style4 .details .service-item-link a:hover:after {
    width:25px
  }

  .service-style4 .details .service-item-link a:after {
    background:var(--webex-primary-color);
    position:absolute;
    content:"";
    height:2px;
    width:0;
    left:0;
    top:15px;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .service-style5 {
    margin-bottom:25px
  }

  .service-style5 .service-item-thumb {
    position:relative
  }

  .service-style5 .service-item-thumb .service-item-content {
    padding:30px;
    box-shadow:0 2px 28px 0 rgba(0, 0, 0, 0.09);
    position:absolute;
    background:#fff;
    border-radius:12px 0 12px 12px;
    bottom:20px;
    left:0;
    right:0;
    width:86%;
    margin:0 auto;
    z-index:2;
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .service-style5 .service-item-thumb .service-item-content .services-count {
    position:absolute;
    top:50px;
    right:70px;
    height:45px;
    width:56px;
    text-align:center
  }

  .service-style5 .service-item-thumb .service-item-content .services-count:before {
    position:absolute;
    top:15px;
    right:-40px;
    color:transparent;
    opacity:0.2;
    font-size:120px;
    font-family:var(--secondary-font1);
    -webkit-text-stroke:1px var(--webex-primary-color);
    counter-increment:my-sec-counter;
    content:counters(my-sec-counter, ".", decimal-leading-zero);
    -moz-transition:all 200ms ease;
    -webkit-transition:all 200ms ease;
    -ms-transition:all 200ms ease;
    -o-transition:all 200ms ease;
    transition:all 200ms ease;
    transition-delay:0.1s
  }

  .service-style5 .service-item-thumb .service-item-content .service-item-icon {
    position:absolute;
    right:20px;
    background:var(--webex-primary-color);
    color:#fff;
    padding:16px 20px;
    top:-38px;
    border-radius:12px 12px 12px 0;
    z-index:2;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .service-style5 .service-item-thumb .service-item-content .service-item-icon i {
    -moz-transition:0.6s linear;
    -webkit-transition:0.6s linear;
    -ms-transition:0.6s linear;
    -o-transition:0.6s linear;
    transition:0.6s linear
  }

  .service-style5 .service-item-thumb .service-item-content .service-item-icon i:before {
    font-size:38px;
    line-height:42px
  }

  .service-style5 .service-item-thumb .service-item-content .service-item-inner-icon {
    -moz-transform:scale(0.8);
    -o-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    position:absolute;
    right:-10px;
    bottom:-15px;
    font-size:6rem;
    color:var(--webex-primary-color);
    opacity:0.2;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .service-style5 .service-item-thumb:before {
    background:var(--webex-secondary-color);
    position:absolute;
    height:0;
    width:100%;
    left:0;
    top:0;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s;
    content:""
  }

  .service-style5 .service-item-thumb:after {
    position:absolute;
    content:"";
    background:var(--webex-secondary-color);
    height:100%;
    width:100%;
    left:0;
    top:0;
    bottom:0;
    opacity:0.2;
    z-index:1;
    -moz-transition:all 600ms ease-out 0s;
    -webkit-transition:all 600ms ease-out 0s;
    -ms-transition:all 600ms ease-out 0s;
    -o-transition:all 600ms ease-out 0s;
    transition:all 600ms ease-out 0s
  }

  .service-style5:hover .service-item-thumb .service-item-icon i {
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg)
  }

  .service-style5:hover .service-item-thumb .service-item-content {
    -moz-transform:translateY(-8px);
    -o-transform:translateY(-8px);
    -ms-transform:translateY(-8px);
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
  }

  .service-style5:hover .service-item-thumb .service-item-content .service-item-inner-icon {
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1);
    right:0;
    bottom:0;
    opacity:0.1
  }

  .service-style5:hover .service-item-thumb:before {
    height:100%;
    opacity:0.8
  }

  .service-style5:hover .service-item-thumb:after {
    height:0
  }

  .service-load-more {
    display:inline-block;
    background:var(--bg-silver);
    padding:12px 42px;
    position:relative
  }

  @media only screen and (max-width: 425px) {
    .service-load-more {
      padding:20px 42px
    }
  }

  .service-load-more .text {
    font-size:18px;
    line-height:1.4
  }

  .service-load-more:before {
    content:"";
    position:absolute;
    height:10px;
    width:10px;
    background:var(--webex-primary-color);
    left:0;
    top:0;
    -moz-transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
  }

  .service-load-more:after {
    content:"";
    position:absolute;
    height:10px;
    width:10px;
    background:var(--webex-primary-color);
    right:0;
    bottom:0;
    -moz-transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
  }

  .service-load-more:hover .text {
    position:relative;
    z-index:1
  }

  .service-load-more:hover:before {
    height:100%;
    width:10px;
    opacity:0.3
  }

  .service-load-more:hover:after {
    height:100%;
    width:10px;
    opacity:0.3
  }

  .service-wrapper:hover .visible_title_area {
    -webkit-transition:all 0.35s ease-in-out;
    transition:all 0.35s ease-in-out;
    bottom:0;
    visibility:hidden;
    opacity:0
  }

  .service-description .title {
    margin-bottom:10px
  }

  .service-nav-menu .service-link-list {
    background:var(--bg-silver);
    padding:40px
  }

  @media screen and (max-width: 425px) {
    .service-nav-menu .service-link-list {
      padding:30px
    }
  }

  .service-nav-menu .service-link-list ul li a {
    display:block;
    color:var(--heading-font-color);
    padding:12px 20px;
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s;
    position:relative;
    z-index:1;
    background:var(--bg-white);
    margin-bottom:10px;
    font-weight:500;
    overflow:hidden
  }

  .service-nav-menu .service-link-list ul li a:before {
    content:"";
    width:10px;
    top:0;
    left:-6px;
    height:100%;
    position:absolute;
    transition:all 0.4s ease-out;
    z-index:-1;
    background:var(--webex-primary-color);
    transform:skewX(13deg)
  }

  .service-nav-menu .service-link-list ul li a i {
    font-size:16px;
    margin-right:15px;
    vertical-align:middle;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-7px)
  }

  .service-nav-menu .service-link-list ul li a:hover {
    color:#fff
  }

  .service-nav-menu .service-link-list ul li a:hover:before {
    background-color:var(--webex-primary-color);
    height:100%;
    width:105%;
    top:0
  }

  .service-nav-menu .service-link-list ul li.active a {
    color:#ffffff
  }

  .service-nav-menu .service-link-list ul li.active a:before {
    content:"";
    width:105%;
    top:0;
    height:100%;
    position:absolute;
    transition:all 0.4s ease-out;
    z-index:-1;
    background-color:var(--webex-primary-color)
  }

  .service-nav-menu .service-link-list ul li:last-child a {
    border-bottom:none;
    margin-bottom:0
  }

  .service-section-title-area {
    background:var(--bg-blue-color);
    padding:90px 0 240px;
    margin:0 110px;
    margin-top:-180px
  }

  .service-section-content {
    margin-top:-180px
  }

  .service-features-icon {
    margin-right:25px
  }

  .service-features-icon span {
    background:var(--webex-primary-color);
    padding:15px;
    display:inline-block;
    border-radius:8px
  }

  .service-features-icon span:before {
    font-size:42px;
    line-height:42px;
    color:#fff
  }

  .project-section .project-filter ul li {
    display:inline-block;
    border:1px solid #d6d6df;
    padding:8px 25px;
    margin-bottom:10px;
    cursor:pointer;
    color:#373959;
    font-weight:500;
    border-radius:25px;
    margin-right:5px
  }

  .project-section .project-filter ul li:hover, .project-section .project-filter ul li.active {
    background:var(--webex-primary-color);
    color:#fff;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
  }

  .project-item-style1 {
    position:relative;
    overflow:hidden;
    max-width:560px;
    margin:0 auto 30px
  }

  .project-item-style1 .icon {
    position:absolute;
    top:15px;
    right:30px;
    font-size:72px;
    z-index:2;
    color:#fff;
    opacity:0;
    visibility:hidden;
    transform:scale(0) rotateY(360deg)
  }

  .project-item-style1 .bg-overlay {
    content:"";
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background:var(--gradient-color1);
    opacity:0;
    z-index:1;
    -webkit-transition:all 0.35s;
    transition:all 0.35s;
    -moz-transition:all 0.35s;
    -ms-transition:all 0.35s
  }

  .project-item-style1 .project-item-thumb {
    position:relative;
    text-align:center
  }

  .project-item-style1 .project-item-thumb .project-item-link-image {
    display:block
  }

  .project-item-style1 .project-item-thumb .project-item-link-image img {
    -webkit-transition:all 0.35s;
    transition:all 0.35s;
    -moz-transition:all 0.35s;
    -ms-transition:all 0.35s
  }

  .project-item-style1 .project-item-thumb .project-item-link-image:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background:-webkit-gradient(linear, left bottom, left top, from(#09085b), to(transparent));
    -webkit-transition:all 0.35s;
    transition:all 0.35s;
    -moz-transition:all 0.35s;
    -ms-transition:all 0.35s
  }

  .project-item-style1 .project-item-details {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    z-index:1;
    padding:5px 40px 40px;
    opacity:1;
    visibility:visible;
    -moz-transition:all 0.35s;
    -webkit-transition:all 0.35s;
    -ms-transition:all 0.35s;
    -o-transition:all 0.35s;
    transition:all 0.35s
  }

  .project-item-style1 .project-item-details .project-item-details-inner .project-item-category {
    font-size:14px;
    line-height:18px;
    position:relative;
    font-weight:500;
    color:rgba(255, 255, 255, 0.8)
  }

  .project-item-style1 .project-item-details .project-item-details-inner .project-item-category a {
    color:rgba(255, 255, 255, 0.8);
    display:inline-block;
    position:relative
  }

  .project-item-style1 .project-item-details .project-item-details-inner .title {
    display:block;
    margin:5px 0 30px;
    color:#fff
  }

  .project-item-style1 .project-item-details .project-item-details-inner .project-item-link-icon a {
    display:inline-block;
    width:56px;
    height:56px;
    color:#fff;
    border:1px solid #fff;
    font-size:16px;
    line-height:62px;
    border-radius:50%;
    text-align:center;
    background:transparent;
    -webkit-transition:all 0.35s;
    transition:all 0.35s;
    -moz-transition:all 0.35s;
    -ms-transition:all 0.35s
  }

  .project-item-style1 .project-item-details-hover {
    bottom:-45px;
    z-index:6;
    visibility:hidden;
    position:absolute;
    left:0;
    width:100%;
    padding:5px 40px 40px;
    opacity:0;
    -webkit-transition:all 0.35s;
    transition:all 0.35s;
    -moz-transition:all 0.35s;
    -ms-transition:all 0.35s
  }

  .project-item-style1 .project-item-details-hover .project-item-details-inner .project-item-category {
    font-size:14px;
    line-height:18px;
    position:relative;
    font-weight:500;
    color:rgba(255, 255, 255, 0.8)
  }

  .project-item-style1 .project-item-details-hover .project-item-details-inner .project-item-category a {
    color:rgba(255, 255, 255, 0.8);
    display:inline-block;
    position:relative
  }

  .project-item-style1 .project-item-details-hover .project-item-details-inner .title {
    display:block;
    margin:5px 0 10px;
    color:#fff
  }

  .project-item-style1 .project-item-details-hover .project-item-details-inner .title a {
    color:#fff
  }

  .project-item-style1 .project-item-details-hover .project-item-details-inner .desc {
    font-size:16px;
    color:rgba(255, 255, 255, 0.8);
    margin-bottom:20px;
    line-height:28px
  }

  .project-item-style1 .project-item-details-hover .project-item-details-inner .project-item-link-icon a {
    display:inline-block;
    width:56px;
    height:56px;
    background:#fff;
    font-size:16px;
    line-height:62px;
    border-radius:50%;
    text-align:center;
    -webkit-transition:all 0.35s;
    transition:all 0.35s;
    -moz-transition:all 0.35s;
    -ms-transition:all 0.35s;
    color:var(--webex-primary-color)
  }

  .project-item-style1 .project-item-details-hover .project-item-details-inner .project-item-link-icon a:hover {
    background:#fff
  }

  .project-item-style1 .project-item-details-hover .project-item-details-inner .project-item-link-icon a:hover i {
    color:var(--webex-primary-color)
  }

  .project-item-style1:hover .icon {
    opacity:0.5;
    visibility:visible;
    transform:scale(1);
    transition:all 500ms ease 500ms
  }

  .project-item-style1:hover .bg-overlay {
    opacity:0.6;
    top:0
  }

  .project-item-style1:hover .project-item-thumb .project-item-link-image img {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    filter:blur(3px)
  }

  .project-item-style1:hover .project-item-details {
    opacity:0
  }

  .project-item-style1:hover .project-item-details-hover {
    opacity:1;
    bottom:0;
    visibility:visible;
    z-index:2;
    -webkit-transition:all 500ms ease 500ms;
    transition:all 500ms ease 500ms
  }

  .project-item-style2 {
    position:relative;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s;
    overflow:hidden
  }

  .project-item-style2:hover::before {
    opacity:0.8;
    visibility:visible;
    bottom:0;
    height:100%;
    border-radius:5px
  }

  .project-item-style2:hover .project-content-box .project-text {
    opacity:1;
    visibility:visible;
    bottom:30px
  }

  .project-item-style2:hover .project-content-box .project-icon {
    opacity:1;
    visibility:visible;
    transform:rotateY(360deg)
  }

  .project-item-style2 img {
    border-radius:5px
  }

  .project-item-style2::before {
    content:"";
    position:absolute;
    background:var(--webex-primary-color);
    left:0;
    width:100%;
    height:0;
    opacity:0;
    visibility:hidden;
    border-radius:5px;
    bottom:0;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .project-item-style2 .project-content-box .project-icon {
    position:absolute;
    right:20px;
    top:20px;
    opacity:0;
    visibility:hidden;
    -moz-transition:all 500ms ease-out 0s;
    -webkit-transition:all 500ms ease-out 0s;
    -ms-transition:all 500ms ease-out 0s;
    -o-transition:all 500ms ease-out 0s;
    transition:all 500ms ease-out 0s
  }

  .project-item-style2 .project-content-box .project-icon i {
    color:var(--webex-primary-color);
    width:50px;
    height:50px;
    line-height:50px;
    font-size:15px;
    text-align:center;
    display:inline-block;
    background:#ffffff;
    -moz-transition:all 200ms ease-out 0s;
    -webkit-transition:all 200ms ease-out 0s;
    -ms-transition:all 200ms ease-out 0s;
    -o-transition:all 200ms ease-out 0s;
    transition:all 200ms ease-out 0s
  }

  .project-item-style2 .project-content-box .project-text {
    position:absolute;
    bottom:0;
    left:30px;
    opacity:0;
    visibility:hidden;
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s
  }

  .project-item-style2 .project-content-box .project-text a {
    -moz-transition:all 300ms ease-out 0s;
    -webkit-transition:all 300ms ease-out 0s;
    -ms-transition:all 300ms ease-out 0s;
    -o-transition:all 300ms ease-out 0s;
    transition:all 300ms ease-out 0s;
    margin-top:5px;
    display:inline-block;
    color:#fff
  }

  .project-item-style2 .project-content-box .project-text a:hover {
    color:#fff
  }

  .project-item-style2 .project-content-box .project-text .sub-title {
    position:relative;
    font-weight:500;
    font-size:14px;
    color:#202020;
    background:var(--webex-primary-color3);
    padding:6px 12px
  }

  .project-item-style3 .project-item-thumb {
    position:relative;
    overflow:hidden
  }

  .project-item-style3 .project-item-thumb img {
    width:100%;
    -webkit-transform:scale(1.01);
    transform:scale(1.01);
    transition:all 900ms ease
  }

  .project-item-style3 .project-item-thumb .project-item-link-icon a {
    position:absolute;
    z-index:2;
    top:50px;
    right:-34px;
    width:52px;
    margin-top:-25px;
    margin-left:-25px;
    height:52px;
    background:var(--webex-primary-color);
    text-align:center;
    line-height:60px;
    color:#fff;
    visibility:hidden;
    opacity:0;
    -moz-transition:all 500ms ease-out 0s;
    -webkit-transition:all 500ms ease-out 0s;
    -ms-transition:all 500ms ease-out 0s;
    -o-transition:all 500ms ease-out 0s;
    transition:all 500ms ease-out 0s
  }

  .project-item-style3 .project-item-thumb .project-item-details {
    padding:15px;
    position:absolute;
    width:88%;
    margin:0 auto;
    left:20px;
    bottom:20px;
    -moz-transition:all 500ms ease-out 0s;
    -webkit-transition:all 500ms ease-out 0s;
    -ms-transition:all 500ms ease-out 0s;
    -o-transition:all 500ms ease-out 0s;
    transition:all 500ms ease-out 0s;
    opacity:1;
    transform-origin:bottom;
    z-index:2;
    opacity:0
  }

  .project-item-style3 .project-item-thumb .project-item-details .project-item-category {
    color:var(--webex-primary-color);
    padding-left:40px;
    margin-bottom:5px;
    position:relative
  }

  .project-item-style3 .project-item-thumb .project-item-details .project-item-category:after {
    content:"";
    height:1px;
    width:30px;
    background:var(--webex-primary-color);
    position:absolute;
    left:0;
    top:13px
  }

  .project-item-style3 .project-item-thumb .project-item-details .project-item-title a {
    color:#fff
  }

  .project-item-style3 .project-item-thumb .project-item-details .project-item-title a:hover {
    color:var(--webex-primary-color)
  }

  .project-item-style3 .project-item-thumb:after {
    position:absolute;
    background:linear-gradient(-60deg, #3d260ddb, #060505cc);
    height:100%;
    width:100%;
    content:"";
    left:0;
    bottom:0;
    opacity:0;
    -moz-transition:all 500ms ease-out 0s;
    -webkit-transition:all 500ms ease-out 0s;
    -ms-transition:all 500ms ease-out 0s;
    -o-transition:all 500ms ease-out 0s;
    transition:all 500ms ease-out 0s
  }

  .project-item-style3:hover .project-item-thumb img {
    -moz-transform:scale(1.2) rotate(3deg);
    -o-transform:scale(1.2) rotate(3deg);
    -ms-transform:scale(1.2) rotate(3deg);
    -webkit-transform:scale(1.2) rotate(3deg);
    transform:scale(1.2) rotate(3deg)
  }

  .project-item-style3:hover .project-item-thumb .project-item-link-icon a {
    visibility:visible;
    opacity:1;
    right:28px
  }

  .project-item-style3:hover .project-item-thumb .project-item-details {
    opacity:1;
    bottom:20px;
    left:30px
  }

  .project-item-style3:hover .project-item-thumb:after {
    opacity:1
  }

  .project-item-style3:hover .project-item-thumb:before {
    -moz-transform:perspective(0) rotateX(0);
    -o-transform:perspective(0) rotateX(0);
    -ms-transform:perspective(0) rotateX(0);
    -webkit-transform:perspective(0) rotateX(0);
    transform:perspective(0) rotateX(0)
  }

  .owl-carousel.project-nav .owl-nav button.owl-prev, .owl-carousel.project-nav .owl-nav button.owl-next {
    opacity:1;
    visibility:visible;
    top:-21%;
    right:19.5%;
    height:64px;
    width:64px;
    line-height:64px
  }

  .owl-carousel.project-nav .owl-nav button.owl-prev {
    right:23.5%;
    left:auto
  }

  .owl-carousel.project-nav .owl-nav button.owl-prev:hover, .owl-carousel.project-nav .owl-nav button.owl-next:hover {
    background:#fff
  }

  .owl-carousel.project-nav .owl-nav button.owl-prev:hover i, .owl-carousel.project-nav .owl-nav button.owl-next:hover i {
    color:var(--webex-primary-color)
  }

  .project-details-page .project-thumb {
    margin-bottom:40px
  }

  .project-details-page .project-info {
    background:#fff;
    margin-top:-112px
  }

  .project-details-page .project-info .project-info-title {
    padding:24px 30px;
    background:var(--gradient-color1)
  }

  .project-details-page .project-info .project-info-title .title {
    color:#fff;
    margin-bottom:0
  }

  .project-details-page .project-info .project-info-body {
    padding:10px 15px 30px 30px;
    background:var(--bg-silver);
    border:1px solid #eee
  }

  .project-details-page .project-info .project-info-body .project-info-list {
    display:flex;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid #ecebec
  }

  .project-details-page .project-info .project-info-body .project-info-list .project-info-icon i {
    height:42px;
    width:42px;
    background-clip:text;
    -o-background-clip:text;
    -ms-background-clip:text;
    -moz-background-clip:text;
    -webkit-background-clip:text;
    text-fill-color:transparent;
    -o-text-fill-color:transparent;
    -ms-text-fill-color:transparent;
    -moz-text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    background-image:var(--gradient-color1);
    font-size:36px;
    display:flex;
    align-items:center;
    justify-content:center
  }

  .project-details-page .project-info .project-info-body .project-info-list .info-details {
    margin-left:20px
  }

  .project-details-page .project-info .project-info-body .project-info-list .info-details .name {
    margin-bottom:0
  }

  .project-details-page .project-info .project-info-body .project-info-list:last-child {
    border-bottom:none
  }

  .news-wrapper-style1 .news-thumb {
    position:relative;
    overflow:hidden
  }

  .news-wrapper-style1 .news-thumb:after {
    position:absolute;
    background:linear-gradient(-60deg, #252531e3, #332304ed);
    height:100%;
    width:100%;
    content:"";
    left:0;
    bottom:0;
    opacity:0.15;
    -moz-transition:all 500ms ease-out 0s;
    -webkit-transition:all 500ms ease-out 0s;
    -ms-transition:all 500ms ease-out 0s;
    -o-transition:all 500ms ease-out 0s;
    transition:all 500ms ease-out 0s
  }

  .news-wrapper-style1 .news-thumb img {
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .news-wrapper-style1 .news-thumb .news-top-meta {
    position:absolute;
    bottom:30px;
    left:30px;
    background:var(--gradient-color2);
    color:#fff;
    padding:5px 18px;
    font-size:14px;
    -moz-transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    text-align:center;
    z-index:1
  }

  .news-wrapper-style1 .news-thumb .news-meta {
    width:210px;
    position:absolute;
    bottom:0;
    left:0;
    font-size:12px;
    text-align:center;
    display:flex;
    z-index:1
  }

  .news-wrapper-style1 .news-thumb .news-meta a {
    color:#fff
  }

  .news-wrapper-style1 .news-thumb .news-meta i {
    font-size:15px;
    margin-right:8px;
    vertical-align:middle;
    color:#ffffff
  }

  .news-wrapper-style1 .news-thumb .news-meta .admin {
    background:#ececec;
    padding:2px 20px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1.2px;
    font-size:11px;
    color:var(--webex-secondary-color)
  }

  .news-wrapper-style1 .news-thumb .news-meta .admin a {
    color:var(--webex-secondary-color)
  }

  .news-wrapper-style1 .news-thumb .news-meta .comment {
    background:var(--webex-primary-color);
    padding:2px 17.9px;
    min-width:96px
  }

  .news-wrapper-style1 .news-description {
    padding:45px 25px 30px 25px;
    background:var(--bg-white);
    border:1px solid #eee;
    margin-right:40px;
    margin-top:-50px;
    position:relative
  }

  @media screen and (max-width: 768px) {
    .news-wrapper-style1 .news-description {
      margin-right:0
    }
  }

  .news-wrapper-style1 .news-description .news-bottom-meta {
    color:#828c99
  }

  .news-wrapper-style1 .news-description .the-title {
    margin-bottom:30px
  }

  .news-wrapper-style1 .news-description .the-content {
    margin-bottom:25px
  }

  .news-wrapper-style1 .news-description .news-bottom-part {
    display:flex;
    align-items:center;
    justify-content:space-between
  }

  .news-wrapper-style1 .news-description .news-bottom-part .post-author {
    display:flex;
    align-items:center
  }

  .news-wrapper-style1 .news-description .news-bottom-part .post-author span a {
    color:var(--webex-primary-color)
  }

  .news-wrapper-style1 .news-description .news-bottom-part .post-author span a:hover {
    color:var(--webex-primary-color)
  }

  .news-wrapper-style1 .news-description .news-bottom-part .post-author .author-img {
    margin-right:10px
  }

  .news-wrapper-style1 .news-description .news-bottom-part .post-author .author-img img {
    width:48px;
    border:2px solid var(--webex-primary-color)
  }

  .news-wrapper-style1 .news-description .news-bottom-part .post-link {
    color:var(--theme-text-gray)
  }

  .news-wrapper-style1 .news-description .news-bottom-part .post-link>a {
    color:var(--theme-text-gray)
  }

  .news-wrapper-style1:hover .news-thumb img {
    transform:scale(1.1)
  }

  .news-wrapper-style1:hover .news-thumb:after {
    opacity:0.8
  }

  .news-wrapper-style2 .news-thumb {
    position:relative;
    overflow:hidden;
    border-radius:8px 8px 0 0
  }

  .news-wrapper-style2 .news-thumb:after {
    position:absolute;
    background:linear-gradient(-60deg, #252531e3, #332304ed);
    height:100%;
    width:100%;
    content:"";
    left:0;
    bottom:0;
    opacity:0.15;
    border-radius:8px 8px 0 0;
    -moz-transition:all 500ms ease-out 0s;
    -webkit-transition:all 500ms ease-out 0s;
    -ms-transition:all 500ms ease-out 0s;
    -o-transition:all 500ms ease-out 0s;
    transition:all 500ms ease-out 0s
  }

  .news-wrapper-style2 .news-thumb img {
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s;
    border-radius:8px 8px 0 0
  }

  .news-wrapper-style2 .news-thumb .news-top-meta {
    position:absolute;
    bottom:30px;
    right:30px;
    background:var(--webex-primary-color);
    color:#fff;
    padding:5px 18px;
    font-size:14px;
    -moz-transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    text-align:center;
    z-index:1
  }

  .news-wrapper-style2 .news-thumb .news-meta {
    width:210px;
    position:absolute;
    bottom:0;
    left:0;
    font-size:12px;
    text-align:center;
    display:flex;
    z-index:1
  }

  .news-wrapper-style2 .news-thumb .news-meta a {
    color:#fff
  }

  .news-wrapper-style2 .news-thumb .news-meta i {
    font-size:15px;
    margin-right:8px;
    vertical-align:middle;
    color:#ffffff
  }

  .news-wrapper-style2 .news-thumb .news-meta .admin {
    background:#ececec;
    padding:2px 20px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1.2px;
    font-size:11px;
    color:var(--webex-secondary-color)
  }

  .news-wrapper-style2 .news-thumb .news-meta .admin a {
    color:var(--webex-secondary-color)
  }

  .news-wrapper-style2 .news-thumb .news-meta .comment {
    background:var(--webex-primary-color);
    padding:2px 17.9px;
    min-width:96px
  }

  .news-wrapper-style2 .news-description {
    padding:30px 25px;
    background:var(--bg-white);
    border:1px solid #eee;
    border-radius:0 0 8px 8px
  }

  .news-wrapper-style2 .news-description .news-bottom-meta {
    color:#828c99
  }

  .news-wrapper-style2 .news-description .the-content {
    margin-bottom:25px
  }

  .news-wrapper-style2 .news-description .news-bottom-part {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px
  }

  .news-wrapper-style2 .news-description .news-bottom-part .post-author {
    display:flex;
    align-items:center
  }

  .news-wrapper-style2 .news-description .news-bottom-part .post-author span a {
    color:var(--webex-primary-color)
  }

  .news-wrapper-style2 .news-description .news-bottom-part .post-author span a:hover {
    color:var(--webex-primary-color)
  }

  .news-wrapper-style2 .news-description .news-bottom-part .post-author .author-img {
    margin-right:10px
  }

  .news-wrapper-style2 .news-description .news-bottom-part .post-author .author-img img {
    width:48px;
    border:2px solid var(--webex-primary-color)
  }

  .news-wrapper-style2 .news-description .news-bottom-part .post-link {
    color:var(--theme-text-gray)
  }

  .news-wrapper-style2 .news-description .news-bottom-part .post-link>a {
    color:var(--theme-text-gray)
  }

  .news-wrapper-style2:hover .news-thumb img {
    transform:scale(1.1)
  }

  .news-wrapper-style2:hover .news-thumb:after {
    opacity:0.8
  }

  .default__news-wrapper {
    position:relative;
    display:block;
    margin-bottom:60px
  }

  .default__news-wrapper .default__post-thumb {
    position:relative;
    display:block
  }

  .default__news-wrapper .default__post-thumb img {
    width:100%
  }

  .default__news-wrapper .default__news-content-area {
    position:relative;
    display:block;
    margin-top:25px
  }

  .default__news-wrapper .default__news-content-area .default__news-post-meta {
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    position:relative;
    margin-left:-5px;
    margin-right:-5px;
    margin-bottom:10px
  }

  .default__news-wrapper .default__news-content-area .default__news-post-meta li {
    position:relative;
    display:block;
    line-height:26px;
    padding-left:5px;
    padding-right:10px
  }

  .default__news-wrapper .default__news-content-area .default__news-post-meta li a {
    color:#a49e98;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease
  }

  .default__news-wrapper .default__news-content-area .default__news-post-meta li a i {
    color:var(--webex-primary-color)
  }

  .default__news-wrapper .default__news-content-area .default__news-post-title {
    margin-bottom:20px;
    font-size:26px
  }

  .default__news-wrapper .default__news-content-area .default__news-post-title a {
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    word-break:break-word
  }

  .default__news-wrapper .default__news-content-area .default__news-post-title a:hover {
    color:var(--webex-primary-color)
  }

  .default__news-wrapper .default__news-content-area .default__news-post-excerpt {
    margin-bottom:25px
  }

  .default__news-wrapper .default__news-content-area .default__news-readmore-btn a.readmore-btn {
    clear:both;
    background-color:var(--webex-primary-color);
    border-color:var(--webex-primary-color);
    border:1px solid;
    border-radius:5px;
    padding:12px 25px;
    line-height:1.5em;
    color:#fff;
    font-size:1em;
    text-transform:none;
    font-weight:600;
    box-shadow:none;
    display:inline-block;
    -moz-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear
  }

  .default__news-wrapper .default__news-content-area .default__news-readmore-btn a.readmore-btn:hover {
    color:var(--webex-primary-color);
    border-color:var(--webex-primary-color);
    background-color:#fff
  }

  .default__news-wrapper+.default__news-wrapper {
    margin-top:15px
  }

  .blog-single-news .single-news-details .single-news-content .news-description {
    padding:25px 0 30px 0
  }

  .blog-single-news .single-news-details .single-news-content .news-description .the-title {
    margin-bottom:25px
  }

  .blog-single-news .single-news-details .single-news-content .news-description .news-bottom-part {
    display:flex;
    align-items:center
  }

  @media screen and (max-width: 425px) {
    .blog-single-news .single-news-details .single-news-content .news-description .news-bottom-part {
      flex-direction:column;
      align-items:flex-start
    }
  }

  .blog-single-news .single-news-details .single-news-content .news-description .news-bottom-part .post-author {
    display:flex;
    align-items:center
  }

  .blog-single-news .single-news-details .single-news-content .news-description .news-bottom-part .post-author a {
    color:var(--webex-primary-color)
  }

  .blog-single-news .single-news-details .single-news-content .news-description .news-bottom-part .post-author a:hover {
    color:var(--webex-primary-color)
  }

  .blog-single-news .single-news-details .single-news-content .news-description .news-bottom-part .post-author .author-img {
    width:54px;
    border:2px solid var(--webex-primary-color);
    border-radius:50%;
    margin-right:15px
  }

  .blog-single-news .single-news-details .single-news-content .news-description .news-bottom-part .post-link>a {
    color:var(--theme-text-gray)
  }

  .blog-single-news .single-news-details .single-news-content .news-description .news-bottom-part .post-link>a:hover {
    color:var(--webex-primary-color)
  }

  .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area {
    margin:45px 0 38px;
    border-top:2px solid #eee;
    padding:40px 0px 45px;
    border-bottom:1px solid #eeee
  }

  .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-tags ul li {
    display:inline
  }

  .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-tags ul li a {
    padding:6px 12px;
    background:var(--bg-silver);
    font-size:14px;
    color:var(--body-font-color);
    border-radius:0;
    margin-right:5px;
    display:inline-block
  }

  .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-tags ul li a:hover {
    color:#fff;
    background-color:var(--webex-primary-color)
  }

  .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-share .social-icons li {
    display:inline-block
  }

  .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-share .social-icons li a {
    display:block;
    color:var(--webex-primary-color);
    text-align:center;
    font-size:18px;
    margin-left:15px
  }

  .blog-single-news .single-news-details .single-news-content .single-news-tag-social-area .single-news-share .social-icons li a:hover {
    color:var(--webex-primary-color)
  }

  .blog-single-news .single-news-details .single-news-content .comments-area {
    background:var(--bg-silver);
    padding:30px 30px;
    margin-top:40px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comments-title {
    margin-bottom:10px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .children {
    margin-left:45px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body {
    padding-top:30px;
    display:inline-block;
    border-bottom:1px solid #e8e8e8
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-author-thumb {
    margin-top:5px;
    margin-right:28px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-author-thumb img {
    border-radius:6px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content {
    margin-left:95px;
    position:relative;
    overflow:hidden
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-author {
    margin-bottom:5px;
    font-size:18px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-text {
    margin-bottom:35px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-meta .comment-metadata {
    margin-bottom:10px
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-meta .comment-metadata span {
    font-size:14px;
    color:#8b8b8b
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply {
    position:absolute;
    top:10px;
    right:0
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply .comment-reply-link {
    padding:8px 24px;
    font-size:13px;
    color:#fff;
    background:var(--webex-primary-color);
    border:1px solid transparent;
    -moz-transition:all 200ms ease-out 0s;
    -webkit-transition:all 200ms ease-out 0s;
    -ms-transition:all 200ms ease-out 0s;
    -o-transition:all 200ms ease-out 0s;
    transition:all 200ms ease-out 0s
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply .comment-reply-link:hover {
    background:var(--webex-primary-color2)
  }

  .blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply .comment-reply-link i {
    vertical-align:middle;
    margin-left:5px
  }

  .single-news-details.news-wrapper {
    box-shadow:none
  }

  .team-style1 .team-upper-part {
    position:relative;
    overflow:hidden
  }

  .team-style1 .team-upper-part img {
    -moz-transition:all 0.4s ease-out 0s;
    -webkit-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s;
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
  }

  .team-style1 .team-upper-part:before {
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    background:var(--webex-secondary-color);
    top:0;
    left:0;
    z-index:1;
    opacity:0;
    -moz-transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    transition:all 0.5s ease-out 0s
  }

  .team-style1 .team-upper-part .team-social {
    position:absolute;
    bottom:30px;
    right:5px;
    width:40px;
    height:40px;
    margin-right:25px;
    text-align:center;
    background:var(--gradient-color2);
    z-index:1
  }

  .team-style1 .team-upper-part .team-social i {
    color:#fff;
    font-size:18px;
    font-weight:200;
    line-height:40px;
    margin:0 auto;
    cursor:pointer
  }

  .team-style1 .team-upper-part .team-social .social-list {
    position:absolute;
    bottom:40px;
    left:0;
    min-height:100%;
    visibility:hidden;
    background:#fff;
    opacity:0;
    z-index:1;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    transform:scaleY(0);
    transform-origin:bottom center
  }

  .team-style1 .team-upper-part .team-social .social-list li {
    display:block;
    margin:0
  }

  .team-style1 .team-upper-part .team-social .social-list li:last-child {
    margin-bottom:0
  }

  .team-style1 .team-upper-part .team-social .social-list li a {
    width:40px;
    height:40px;
    border-radius:0;
    background-color:#fff;
    border-bottom:1px solid #eee
  }

  .team-style1 .team-upper-part .team-social .social-list li a i {
    color:var(--webex-primary-color);
    font-size:16px;
    margin:0 auto
  }

  .team-style1 .team-upper-part .team-social .social-list li a:hover {
    background-color:var(--webex-primary-color)
  }

  .team-style1 .team-upper-part .team-social .social-list li a:hover i {
    color:#fff
  }

  .team-style1 .team-upper-part .team-social:hover .social-list {
    visibility:visible;
    opacity:1;
    transform:scaleY(1)
  }

  .team-style1 .team-bottom-part {
    background:var(--bg-silver);
    padding:20px;
    position:relative;
    padding-left:40px;
    overflow:hidden
  }

  .team-style1 .team-bottom-part:after {
    background:var(--gradient-color2);
    height:100%;
    width:50px;
    left:-25px;
    top:0;
    opacity:0.05;
    content:"";
    -moz-transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    position:absolute;
    z-index:0
  }

  .team-style1 .team-bottom-part:before {
    background:var(--gradient-color2);
    height:100px;
    width:100px;
    right:-80px;
    bottom:0;
    opacity:0.1;
    content:"";
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -moz-transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
    position:absolute;
    z-index:0
  }

  .team-style1 .team-bottom-part .team-title {
    margin-bottom:5px
  }

  .team-style1 .team-bottom-part .designation {
    margin-bottom:0;
    font-size:17px;
    color:var(--webex-primary-color);
    font-weight:600;
    line-height:1;
    letter-spacing:0.02em
  }

  .team-style1:hover .team-upper-part img {
    -moz-transform:scale(1.08);
    -o-transform:scale(1.08);
    -ms-transform:scale(1.08);
    -webkit-transform:scale(1.08);
    transform:scale(1.08)
  }

  .team-style1:hover .team-upper-part:before {
    opacity:0.5
  }

  .team-style1:hover .team-upper-part:after {
    -moz-transform:translateY(-160%) skewY(-65deg);
    -o-transform:translateY(-160%) skewY(-65deg);
    -ms-transform:translateY(-160%) skewY(-65deg);
    -webkit-transform:translateY(-160%) skewY(-65deg);
    transform:translateY(-160%) skewY(-65deg);
    opacity:0
  }

  .team-style1:hover .team-upper-part .social-list.vertical-style li {
    opacity:1;
    transform:translateY(0px);
    transition-delay:0.15s
  }

  .team-style1:hover .team-upper-part .social-list.vertical-style li:nth-child(1) {
    transform:translateY(0px);
    transition-delay:0.3s
  }

  .team-style1:hover .team-upper-part .social-list.vertical-style li:nth-child(2) {
    transform:translateY(0px);
    transition-delay:0.25s
  }

  .team-style1:hover .team-upper-part .social-list.vertical-style li:nth-child(3) {
    transform:translateY(0px);
    transition-delay:0.2s
  }

  .team-style1:hover .team-bottom-part:after {
    height:100%;
    width:100%;
    z-index:0;
    top:0;
    opacity:1;
    transform:rotate(0);
    left:0
  }

  .team-style1:hover .team-bottom-part:before {
    height:100%;
    z-index:0;
    bottom:0;
    opacity:0.15;
    transform:rotate(-45deg);
    background:#fff;
    z-index:1
  }

  .team-style1:hover .team-bottom-part .team-title {
    z-index:1;
    color:#fff;
    position:sticky
  }

  .team-style1:hover .team-bottom-part .team-title a {
    color:#fff
  }

  .team-style1:hover .team-bottom-part .designation {
    z-index:1;
    position:sticky;
    color:#fff
  }

  .team-style2 .team-item {
    position:relative;
    margin-top:90px;
    margin-bottom:30px;
    text-align:center;
    padding:135px 30px 45px 30px;
    border-radius:8px;
    background-color:var(--bg-silver);
    transition:all 300ms ease
  }

  .team-style2 .team-item:hover:after {
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1);
    transform-origin:center bottom;
    border-radius:8px
  }

  .team-style2 .team-item:hover .team-content-block .team-title a {
    color:#ffffff
  }

  .team-style2 .team-item:hover .team-content-block .team-designation {
    color:#ffffff
  }

  .team-style2 .team-item:hover .team-content-block .team-social-icons {
    border-top:1px solid #5e39e6
  }

  .team-style2 .team-item:hover .team-content-block .team-social-icons .social-list li a {
    background:#fff;
    color:var(--webex-primary-color)
  }

  .team-style2 .team-item:after {
    content:"";
    background:var(--gradient-color2);
    height:100%;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    z-index:0;
    transition:transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin:center bottom;
    -webkit-transform:scale(1, 0);
    transform:scale(1, 0);
    border-radius:8px
  }

  .team-style2 .team-item .team-image-block {
    position:absolute;
    left:0;
    top:-90px;
    width:100%;
    height:auto;
    overflow:hidden;
    z-index:1
  }

  .team-style2 .team-item .team-image-block img {
    width:200px;
    max-width:200px;
    height:200px;
    object-fit:cover;
    border-radius:50%
  }

  .team-style2 .team-item .team-content-block .team-title {
    position:relative;
    margin-top:20px;
    z-index:1
  }

  .team-style2 .team-item .team-content-block .team-designation {
    position:relative;
    margin-top:5px;
    margin-bottom:0;
    color:#7a7a7c;
    font-weight:500;
    z-index:1
  }

  .team-style2 .team-item .team-content-block .team-social-icons {
    position:relative;
    margin-top:25px;
    z-index:1;
    border-top:1px solid #e8e8e8;
    padding-top:30px;
    transition:all 600ms ease
  }

  .team-style2 .team-item .team-content-block .team-social-icons .social-list li a {
    background:var(--gradient-color2)
  }

  .team-style2 .team-item .team-content-block .team-social-icons .social-list li:last-child {
    margin-right:0
  }

  .team-block-style3 {
    position:relative;
    margin-bottom:25px;
    z-index:1;
    box-shadow:0px 3px 10px rgba(5, 17, 69, 0.06);
    -moz-transition:.4s;
    -webkit-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    transition:.4s
  }

  .team-block-style3 .team-upper-part {
    position:relative;
    text-align:center;
    overflow:hidden
  }

  .team-block-style3 .team-upper-part img {
    display:block;
    margin:0 auto;
    -moz-transition:all 0.6s ease-out 0s;
    -webkit-transition:all 0.6s ease-out 0s;
    -ms-transition:all 0.6s ease-out 0s;
    -o-transition:all 0.6s ease-out 0s;
    transition:all 0.6s ease-out 0s;
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
  }

  .team-block-style3 .team-upper-part:after {
    content:"";
    background:var(--webex-secondary-color);
    position:absolute;
    height:0;
    width:100%;
    left:0;
    top:0;
    opacity:0;
    -moz-transition:all 0.4s ease-out 0s;
    -webkit-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
  }

  .team-block-style3 .team-bottom-part {
    background-color:#fff;
    padding:20px 30px 16px 30px;
    position:relative
  }

  .team-block-style3 .team-bottom-part .team-social {
    position:absolute;
    top:30px;
    right:5px;
    width:40px;
    height:40px;
    margin-right:25px;
    text-align:center;
    background-color:var(--webex-primary-color)
  }

  .team-block-style3 .team-bottom-part .team-social i {
    color:#fff;
    font-size:18px;
    font-weight:200;
    line-height:40px;
    margin:0 auto;
    cursor:pointer
  }

  .team-block-style3 .team-bottom-part .team-social .social-list {
    position:absolute;
    bottom:0;
    left:0;
    min-height:100%;
    visibility:hidden;
    opacity:0;
    z-index:1;
    -moz-transition:all 0.4s ease-out 0s;
    -webkit-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s
  }

  .team-block-style3 .team-bottom-part .team-social .social-list li {
    display:block;
    margin:0
  }

  .team-block-style3 .team-bottom-part .team-social .social-list li:last-child {
    margin-bottom:0
  }

  .team-block-style3 .team-bottom-part .team-social .social-list li a {
    width:40px;
    height:40px;
    margin-bottom:5px;
    border-radius:0;
    background-color:#fff;
    box-shadow:0px 5px 20px rgba(5, 17, 69, 0.08)
  }

  .team-block-style3 .team-bottom-part .team-social .social-list li a i {
    color:var(--webex-primary-color);
    font-size:16px;
    margin:0 auto
  }

  .team-block-style3 .team-bottom-part .team-social .social-list li a:hover {
    background-color:var(--webex-primary-color)
  }

  .team-block-style3 .team-bottom-part .team-social .social-list li a:hover i {
    color:#fff
  }

  .team-block-style3 .team-bottom-part .team-social:hover .social-list {
    visibility:visible;
    opacity:1;
    bottom:calc(100% + 5px)
  }

  .team-block-style3 .team-bottom-part .team-title {
    margin:0 0 2px
  }

  .team-block-style3 .team-bottom-part .designation {
    color:var(--webex-primary-color)
  }

  .team-block-style3:hover .team-upper-part img {
    filter:grayscale(1);
    -moz-transform:scale(1.1) rotate(-2deg);
    -o-transform:scale(1.1) rotate(-2deg);
    -ms-transform:scale(1.1) rotate(-2deg);
    -webkit-transform:scale(1.1) rotate(-2deg);
    transform:scale(1.1) rotate(-2deg)
  }

  .team-block-style3:hover .team-upper-part:after {
    opacity:0.5;
    height:100%
  }

  .team-block2 {
    position:relative
  }

  .team-block2 .team-upper-part {
    position:relative;
    text-align:center;
    overflow:hidden
  }

  .team-block2 .team-upper-part img {
    -moz-transition:all 0.4s ease-out 0s;
    -webkit-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s;
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    transform:scale(1)
  }

  .team-block2 .team-bottom-part {
    text-align:center;
    padding:30px 20px;
    position:relative;
    background:var(--bg-silver)
  }

  .team-block2 .team-bottom-part .designation {
    color:#54515a;
    font-weight:400;
    margin-bottom:15px
  }

  .team-block2 .team-bottom-part .social-list li:last-child {
    margin-right:0
  }

  .team-block2:hover .team-upper-part img {
    filter:grayscale(1);
    -moz-transform:scale(1.08);
    -o-transform:scale(1.08);
    -ms-transform:scale(1.08);
    -webkit-transform:scale(1.08);
    transform:scale(1.08)
  }

  .team-block2:hover .team-bottom-part-hover {
    -moz-transform:rotateX(0deg) translateY(0);
    -o-transform:rotateX(0deg) translateY(0);
    -ms-transform:rotateX(0deg) translateY(0);
    -webkit-transform:rotateX(0deg) translateY(0);
    transform:rotateX(0deg) translateY(0);
    opacity:1
  }

  .testimonial-style2 {
    position:relative;
    display:block;
    padding:42px 40px 43px;
    padding-left:0;
    z-index:1
  }

  @media screen and (max-width: 425px) {
    .testimonial-style2 {
      padding:30px 30px 45px 30px;
      background:#fff
    }
  }

  .testimonial-style2::before {
    position:absolute;
    top:0;
    left:70px;
    bottom:0;
    right:0;
    background:var(--bg-white);
    box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.07);
    content:"";
    z-index:-1;
    border-radius:8px
  }

  @media screen and (max-width: 425px) {
    .testimonial-style2::before {
      background:none;
      box-shadow:none
    }
  }

  .testimonial-style2 .testimonial-item {
    position:relative;
    display:block;
    padding-left:170px
  }

  @media screen and (max-width: 425px) {
    .testimonial-style2 .testimonial-item {
      padding-left:0;
      text-align:center
    }
  }

  .testimonial-style2 .testimonial-item .testimonial-image-block {
    position:absolute;
    top:15px;
    left:0
  }

  @media screen and (max-width: 425px) {
    .testimonial-style2 .testimonial-item .testimonial-image-block {
      position:relative;
      width:100%
    }
  }

  .testimonial-style2 .testimonial-item .testimonial-image-block .testimonial-image {
    position:relative;
    display:block;
    border-radius:50%;
    overflow:hidden
  }

  @media screen and (max-width: 425px) {
    .testimonial-style2 .testimonial-item .testimonial-image-block .testimonial-image {
      width:110px;
      margin:0 auto 60px
    }
  }

  .testimonial-style2 .testimonial-item .testimonial-image-block .testimonial-image img {
    width:100%
  }

  .testimonial-style2 .testimonial-item .testimonial-image-block .testimonial-quote-icon {
    position:absolute;
    display:flex;
    align-items:center;
    justify-content:center;
    bottom:-20px;
    left:0;
    right:0;
    margin:0 auto;
    width:48px;
    height:48px;
    border-radius:50%;
    background:var(--webex-primary-color3)
  }

  .testimonial-style2 .testimonial-item .testimonial-image-block .testimonial-quote-icon i::before {
    position:relative;
    display:inline-block;
    color:#0d1525;
    font-size:20px;
    font-weight:600
  }

  .testimonial-style2 .testimonial-item .testimonial-content-block {
    position:relative;
    display:block
  }

  .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-text {
    padding-bottom:25px;
    margin-bottom:22px;
    border-bottom:1px solid #e2e8fa
  }

  .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-details {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between
  }

  @media screen and (max-width: 425px) {
    .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-details {
      flex-direction:column
    }
  }

  .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-details .testimonial-client-info {
    position:relative;
    display:block
  }

  @media screen and (max-width: 425px) {
    .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-details .testimonial-client-info {
      margin-bottom:15px
    }
  }

  .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-details .testimonial-client-info .testimonial-title {
    font-size:20px;
    line-height:30px;
    font-weight:400;
    text-transform:capitalize;
    letter-spacing:-0.04em
  }

  .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-details .testimonial-client-info .testimonial-designation {
    font-size:14px;
    line-height:24px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.1em;
    margin-bottom:0
  }

  .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-details .testimonial-rating {
    background:var(--gradient-color1);
    padding:3px 15px;
    border-radius:6px;
    color:#fff
  }

  .testimonial-style2 .testimonial-item .testimonial-content-block .testimonial-details .testimonial-rating ul li {
    position:relative;
    display:inline-block;
    margin-right:0px;
    line-height:0;
    font-size:12px
  }

  .testimonial-style1 .testimonial-item {
    background:var(--bg-white);
    text-align:center;
    position:relative;
    margin:50px 0 30px;
    padding:0 30px 45px
  }

  .testimonial-style1 .testimonial-item:after {
    content:"";
    width:30%;
    height:4px;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:0;
    opacity:0.3;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
    background:var(--webex-primary-color)
  }

  .testimonial-style1 .testimonial-item:hover:after {
    width:100%
  }

  .testimonial-style1 .testimonial-item .author-image {
    z-index:1;
    position:relative;
    display:inline-block;
    -webkit-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    transform:translateY(-50px)
  }

  .testimonial-style1 .testimonial-item .author-image:before {
    position:absolute;
    width:104%;
    height:50%;
    content:"";
    left:-2px;
    bottom:-4px;
    z-index:-1;
    background:var(--webex-primary-color);
    transition:500ms
  }

  .testimonial-style1 .testimonial-item:hover .author-image:before {
    width:104%;
    height:106%
  }

  .testimonial-style1 .testimonial-item .author-image:after {
    position:absolute;
    content:"\f152";
    color:var(--webex-primary-color2);
    left:0;
    bottom:-89px;
    font-size:10rem;
    opacity:0.07;
    font-family:"webexbaseicon";
    -webkit-transform:translate(-50%, 50%);
    -ms-transform:translate(-50%, 50%);
    transform:translate(-50%, 50%);
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center
  }

  .testimonial-style1 .testimonial-item .author-image img {
    max-width:110px;
    margin:2px 2px 0;
    border:5px solid white
  }

  .testimonial-style1 .testimonial-item p {
    font-style:italic
  }

  .testimonial-style1 .testimonial-item .name {
    margin:20px 0 3px
  }

  .testimonial-style1 .testimonial-item .designation {
    font-size:14px
  }

  .testimonial-style1 .testimonial-item:hover:after {
    opacity:1
  }

  .testimonial-style2-wrapper .owl-carousel .owl-nav button.owl-prev, .testimonial-style2-wrapper .owl-carousel .owl-nav button.owl-next {
    font-size:18px;
    height:50px;
    left:70px;
    line-height:45px;
    position:absolute;
    text-align:center;
    top:auto;
    bottom:-105px;
    width:50px;
    background:#fff;
    opacity:1;
    visibility:visible;
    border-radius:8px
  }

  @media screen and (max-width: 768px) {
    .testimonial-style2-wrapper .owl-carousel .owl-nav button.owl-prev, .testimonial-style2-wrapper .owl-carousel .owl-nav button.owl-next {
      display:none
    }
  }

  .testimonial-style2-wrapper .owl-carousel .owl-nav button.owl-next {
    right:auto;
    left:130px
  }

  .case-study-item-style1 .case-study-thumb {
    position:relative;
    overflow:hidden
  }

  .case-study-item-style1 .case-study-thumb img {
    width:100%;
    -webkit-transform:scale(1.01);
    transform:scale(1.01);
    -moz-transition:all 900ms ease;
    -webkit-transition:all 900ms ease;
    -ms-transition:all 900ms ease;
    -o-transition:all 900ms ease;
    transition:all 900ms ease;
    filter:grayscale(0)
  }

  .case-study-item-style1 .case-study-thumb .case-study-link-icon a {
    z-index:5;
    position:absolute;
    bottom:0;
    right:0;
    width:45px;
    margin-top:0;
    height:45px;
    background:var(--webex-primary-color);
    text-align:center;
    line-height:45px;
    display:inline-block;
    color:#fff;
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s
  }

  .case-study-item-style1 .case-study-thumb .case-study-link-icon a:hover {
    background:var(--webex-primary-color3);
    color:#fff
  }

  .case-study-item-style1 .case-study-thumb .case-study-details {
    position:absolute;
    width:88%;
    padding:30px;
    margin:0 auto;
    left:0;
    bottom:0;
    right:0;
    -moz-transform:scaleY(0);
    -o-transform:scaleY(0);
    -ms-transform:scaleY(0);
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -moz-transition:all 400ms ease-out 0s;
    -webkit-transition:all 400ms ease-out 0s;
    -ms-transition:all 400ms ease-out 0s;
    -o-transition:all 400ms ease-out 0s;
    transition:all 400ms ease-out 0s;
    opacity:1;
    transform-origin:top;
    z-index:2;
    opacity:0
  }

  .case-study-item-style1 .case-study-thumb .case-study-details .case-study-category {
    color:var(--text-light-gray)
  }

  .case-study-item-style1 .case-study-thumb:after {
    position:absolute;
    background:linear-gradient(0deg, #11112e, transparent);
    height:100%;
    width:100%;
    content:"";
    left:0;
    bottom:0;
    opacity:0;
    -moz-transition:all 500ms ease-out 0s;
    -webkit-transition:all 500ms ease-out 0s;
    -ms-transition:all 500ms ease-out 0s;
    -o-transition:all 500ms ease-out 0s;
    transition:all 500ms ease-out 0s
  }

  .case-study-item-style1:hover .case-study-thumb img {
    -moz-transform:scale(1.2) rotate(3deg);
    -o-transform:scale(1.2) rotate(3deg);
    -ms-transform:scale(1.2) rotate(3deg);
    -webkit-transform:scale(1.2) rotate(3deg);
    transform:scale(1.2) rotate(3deg);
    filter:grayscale(1)
  }

  .case-study-item-style1:hover .case-study-thumb .case-study-details {
    -moz-transform:scaleY(1);
    -o-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    bottom:30px;
    opacity:1;
    background:#fff;
    border-top:3px solid var(--webex-primary-color)
  }

  .case-study-item-style1:hover .case-study-thumb:after {
    opacity:1
  }

  .case-study-item-style1:hover .case-study-thumb:before {
    -moz-transform:perspective(0) rotateX(0);
    -o-transform:perspective(0) rotateX(0);
    -ms-transform:perspective(0) rotateX(0);
    -webkit-transform:perspective(0) rotateX(0);
    transform:perspective(0) rotateX(0)
  }

  .text-divider .large-text {
    font-size:48px;
    line-height:1.2;
    text-transform:uppercase
  }

  .left-infinite-img {
    animation:infiLeftRight 4s infinite
  }

  .heading-font {
    font-family:var(--heading-font)
  }

  .body-font {
    font-family:var(--body-font)
  }

  .secondary-font1 {
    font-family:var(--secondary-font1)
  }

  .stylish-font1 {
    font-family:"Allison";
    font-size:62px;
    line-height:48px;
    font-weight:400
  }

  .overflow-x-hidden {
    overflow-x:hidden
  }

  .right-no-space-200 {
    margin-right:-200px
  }

  .right-no-space-300 {
    margin-right:-300px
  }

  .left-no-space-200 {
    margin-left:-200px
  }

  .left-no-space-300 {
    margin-left:-300px
  }

  .mrr--300 {
    margin-right:-300px
  }

  @media screen and (max-width: 1440px) {
    .mrr--300 {
      margin-right:0
    }
  }

  .mrt-0 {
    margin-top:0px
  }

  .mrt-5 {
    margin-top:5px
  }

  .mrt-10 {
    margin-top:10px
  }

  .mrt-15 {
    margin-top:15px
  }

  .mrt-20 {
    margin-top:20px
  }

  .mrt-25 {
    margin-top:25px
  }

  .mrt-30 {
    margin-top:30px
  }

  .mrt-35 {
    margin-top:35px
  }

  .mrt-40 {
    margin-top:40px
  }

  .mrt-45 {
    margin-top:45px
  }

  .mrt-50 {
    margin-top:50px
  }

  .mrt-55 {
    margin-top:55px
  }

  .mrt-60 {
    margin-top:60px
  }

  .mrt-65 {
    margin-top:65px
  }

  .mrt-70 {
    margin-top:70px
  }

  .mrt-75 {
    margin-top:75px
  }

  .mrt-80 {
    margin-top:80px
  }

  .mrt-85 {
    margin-top:85px
  }

  .mrt-90 {
    margin-top:90px
  }

  .mrt-95 {
    margin-top:95px
  }

  .mrt-100 {
    margin-top:100px
  }

  .mrt-105 {
    margin-top:105px
  }

  .mrt-110 {
    margin-top:110px
  }

  .mrt-115 {
    margin-top:115px
  }

  .mrt-120 {
    margin-top:120px
  }

  .mrt-125 {
    margin-top:125px
  }

  .mrt-130 {
    margin-top:130px
  }

  .mrt-135 {
    margin-top:135px
  }

  .mrt-140 {
    margin-top:140px
  }

  .mrt-145 {
    margin-top:145px
  }

  .mrt-150 {
    margin-top:150px
  }

  .mrt--60 {
    margin-top:-60px
  }

  .mrt--90 {
    margin-top:-90px
  }

  .mrt--110 {
    margin-top:-110px
  }

  .mrt--120 {
    margin-top:-120px
  }

  .mrt--200 {
    margin-top:-200px
  }

  .mrt--235 {
    margin-top:-235px
  }

  .mrb--100 {
    margin-bottom:-100px
  }

  .mrl--160 {
    margin-left:-160px
  }

  .minus-mrt-60 {
    margin-top:-60px
  }

  .minus-mrt-120 {
    margin-top:-120px
  }

  .mrr-0 {
    margin-right:0px
  }

  .mrr-5 {
    margin-right:5px
  }

  .mrr-10 {
    margin-right:10px
  }

  .mrr-15 {
    margin-right:15px
  }

  .mrr-20 {
    margin-right:20px
  }

  .mrr-25 {
    margin-right:25px
  }

  .mrr-30 {
    margin-right:30px
  }

  .mrr-35 {
    margin-right:35px
  }

  .mrr-40 {
    margin-right:40px
  }

  .mrr-45 {
    margin-right:45px
  }

  .mrr-50 {
    margin-right:50px
  }

  .mrr-55 {
    margin-right:55px
  }

  .mrr-60 {
    margin-right:60px
  }

  .mrr-65 {
    margin-right:65px
  }

  .mrr-70 {
    margin-right:70px
  }

  .mrr-75 {
    margin-right:75px
  }

  .mrr-80 {
    margin-right:80px
  }

  .mrr-85 {
    margin-right:85px
  }

  .mrr-90 {
    margin-right:90px
  }

  .mrr-95 {
    margin-right:95px
  }

  .mrr-100 {
    margin-right:100px
  }

  .mrr-105 {
    margin-right:105px
  }

  .mrr-110 {
    margin-right:110px
  }

  .mrr-115 {
    margin-right:115px
  }

  .mrr-120 {
    margin-right:120px
  }

  .mrr-125 {
    margin-right:125px
  }

  .mrr-130 {
    margin-right:130px
  }

  .mrr-135 {
    margin-right:135px
  }

  .mrr-140 {
    margin-right:140px
  }

  .mrr-145 {
    margin-right:145px
  }

  .mrr-150 {
    margin-right:150px
  }

  .mrb-0 {
    margin-bottom:0px
  }

  .mrb-5 {
    margin-bottom:5px
  }

  .mrb-10 {
    margin-bottom:10px
  }

  .mrb-15 {
    margin-bottom:15px
  }

  .mrb-20 {
    margin-bottom:20px
  }

  .mrb-25 {
    margin-bottom:25px
  }

  .mrb-30 {
    margin-bottom:30px
  }

  .mrb-35 {
    margin-bottom:35px
  }

  .mrb-40 {
    margin-bottom:40px
  }

  .mrb-45 {
    margin-bottom:45px
  }

  .mrb-50 {
    margin-bottom:50px
  }

  .mrb-55 {
    margin-bottom:55px
  }

  .mrb-60 {
    margin-bottom:60px
  }

  .mrb-65 {
    margin-bottom:65px
  }

  .mrb-70 {
    margin-bottom:70px
  }

  .mrb-75 {
    margin-bottom:75px
  }

  .mrb-80 {
    margin-bottom:80px
  }

  .mrb-85 {
    margin-bottom:85px
  }

  .mrb-90 {
    margin-bottom:90px
  }

  .mrb-95 {
    margin-bottom:95px
  }

  .mrb-100 {
    margin-bottom:100px
  }

  .mrb-105 {
    margin-bottom:105px
  }

  .mrb-110 {
    margin-bottom:110px
  }

  .mrb-115 {
    margin-bottom:115px
  }

  .mrb-120 {
    margin-bottom:120px
  }

  .mrb-125 {
    margin-bottom:125px
  }

  .mrb-130 {
    margin-bottom:130px
  }

  .mrb-135 {
    margin-bottom:135px
  }

  .mrb-140 {
    margin-bottom:140px
  }

  .mrb-145 {
    margin-bottom:145px
  }

  .mrb-150 {
    margin-bottom:150px
  }

  .mrl-0 {
    margin-left:0px
  }

  .mrl-5 {
    margin-left:5px
  }

  .mrl-10 {
    margin-left:10px
  }

  .mrl-15 {
    margin-left:15px
  }

  .mrl-20 {
    margin-left:20px
  }

  .mrl-25 {
    margin-left:25px
  }

  .mrl-30 {
    margin-left:30px
  }

  .mrl-35 {
    margin-left:35px
  }

  .mrl-40 {
    margin-left:40px
  }

  .mrl-45 {
    margin-left:45px
  }

  .mrl-50 {
    margin-left:50px
  }

  .mrl-55 {
    margin-left:55px
  }

  .mrl-60 {
    margin-left:60px
  }

  .mrl-65 {
    margin-left:65px
  }

  .mrl-70 {
    margin-left:70px
  }

  .mrl-75 {
    margin-left:75px
  }

  .mrl-80 {
    margin-left:80px
  }

  .mrl-85 {
    margin-left:85px
  }

  .mrl-90 {
    margin-left:90px
  }

  .mrl-95 {
    margin-left:95px
  }

  .mrl-100 {
    margin-left:100px
  }

  .mrl-105 {
    margin-left:105px
  }

  .mrl-110 {
    margin-left:110px
  }

  .mrl-115 {
    margin-left:115px
  }

  .mrl-120 {
    margin-left:120px
  }

  .mrl-125 {
    margin-left:125px
  }

  .mrl-130 {
    margin-left:130px
  }

  .mrl-135 {
    margin-left:135px
  }

  .mrl-140 {
    margin-left:140px
  }

  .mrl-145 {
    margin-left:145px
  }

  .mrl-150 {
    margin-left:150px
  }

  .pdt-0 {
    padding-top:0px
  }

  .pdt-5 {
    padding-top:5px
  }

  .pdt-10 {
    padding-top:10px
  }

  .pdt-15 {
    padding-top:15px
  }

  .pdt-20 {
    padding-top:20px
  }

  .pdt-25 {
    padding-top:25px
  }

  .pdt-30 {
    padding-top:30px
  }

  .pdt-35 {
    padding-top:35px
  }

  .pdt-40 {
    padding-top:40px
  }

  .pdt-45 {
    padding-top:45px
  }

  .pdt-50 {
    padding-top:50px
  }

  .pdt-55 {
    padding-top:55px
  }

  .pdt-60 {
    padding-top:60px
  }

  .pdt-65 {
    padding-top:65px
  }

  .pdt-70 {
    padding-top:70px
  }

  .pdt-75 {
    padding-top:75px
  }

  .pdt-80 {
    padding-top:80px
  }

  .pdt-85 {
    padding-top:85px
  }

  .pdt-90 {
    padding-top:90px
  }

  .pdt-95 {
    padding-top:95px
  }

  .pdt-100 {
    padding-top:100px
  }

  .pdt-105 {
    padding-top:105px
  }

  .pdt-110 {
    padding-top:110px
  }

  .pdt-115 {
    padding-top:115px
  }

  .pdt-120 {
    padding-top:120px
  }

  .pdt-125 {
    padding-top:125px
  }

  .pdt-130 {
    padding-top:130px
  }

  .pdt-135 {
    padding-top:135px
  }

  .pdt-140 {
    padding-top:140px
  }

  .pdt-145 {
    padding-top:145px
  }

  .pdt-150 {
    padding-top:150px
  }

  .pdr-0 {
    padding-right:0px
  }

  .pdr-5 {
    padding-right:5px
  }

  .pdr-10 {
    padding-right:10px
  }

  .pdr-15 {
    padding-right:15px
  }

  .pdr-20 {
    padding-right:20px
  }

  .pdr-25 {
    padding-right:25px
  }

  .pdr-30 {
    padding-right:30px
  }

  .pdr-35 {
    padding-right:35px
  }

  .pdr-40 {
    padding-right:40px
  }

  .pdr-45 {
    padding-right:45px
  }

  .pdr-50 {
    padding-right:50px
  }

  .pdr-55 {
    padding-right:55px
  }

  .pdr-60 {
    padding-right:60px
  }

  .pdr-65 {
    padding-right:65px
  }

  .pdr-70 {
    padding-right:70px
  }

  .pdr-75 {
    padding-right:75px
  }

  .pdr-80 {
    padding-right:80px
  }

  .pdr-85 {
    padding-right:85px
  }

  .pdr-90 {
    padding-right:90px
  }

  .pdr-95 {
    padding-right:95px
  }

  .pdr-100 {
    padding-right:100px
  }

  .pdr-105 {
    padding-right:105px
  }

  .pdr-110 {
    padding-right:110px
  }

  .pdr-115 {
    padding-right:115px
  }

  .pdr-120 {
    padding-right:120px
  }

  .pdr-125 {
    padding-right:125px
  }

  .pdr-130 {
    padding-right:130px
  }

  .pdr-135 {
    padding-right:135px
  }

  .pdr-140 {
    padding-right:140px
  }

  .pdr-145 {
    padding-right:145px
  }

  .pdr-150 {
    padding-right:150px
  }

  .pdb-0 {
    padding-bottom:0px
  }

  .pdb-5 {
    padding-bottom:5px
  }

  .pdb-10 {
    padding-bottom:10px
  }

  .pdb-15 {
    padding-bottom:15px
  }

  .pdb-20 {
    padding-bottom:20px
  }

  .pdb-25 {
    padding-bottom:25px
  }

  .pdb-30 {
    padding-bottom:30px
  }

  .pdb-35 {
    padding-bottom:35px
  }

  .pdb-40 {
    padding-bottom:40px
  }

  .pdb-45 {
    padding-bottom:45px
  }

  .pdb-50 {
    padding-bottom:50px
  }

  .pdb-55 {
    padding-bottom:55px
  }

  .pdb-60 {
    padding-bottom:60px
  }

  .pdb-65 {
    padding-bottom:65px
  }

  .pdb-70 {
    padding-bottom:70px
  }

  .pdb-75 {
    padding-bottom:75px
  }

  .pdb-80 {
    padding-bottom:80px
  }

  .pdb-85 {
    padding-bottom:85px
  }

  .pdb-90 {
    padding-bottom:90px
  }

  .pdb-95 {
    padding-bottom:95px
  }

  .pdb-100 {
    padding-bottom:100px
  }

  .pdb-105 {
    padding-bottom:105px
  }

  .pdb-110 {
    padding-bottom:110px
  }

  .pdb-115 {
    padding-bottom:115px
  }

  .pdb-120 {
    padding-bottom:120px
  }

  .pdb-125 {
    padding-bottom:125px
  }

  .pdb-130 {
    padding-bottom:130px
  }

  .pdb-135 {
    padding-bottom:135px
  }

  .pdb-140 {
    padding-bottom:140px
  }

  .pdb-145 {
    padding-bottom:145px
  }

  .pdb-150 {
    padding-bottom:150px
  }

  .pdt-160 {
    padding-top:160px
  }

  .pdt-165 {
    padding-top:165px
  }

  .pdt-170 {
    padding-top:170px
  }

  .pdt-175 {
    padding-top:175px
  }

  .pdt-180 {
    padding-top:180px
  }

  .pdt-195 {
    padding-top:195px
  }

  .pdt-190 {
    padding-top:190px
  }

  .pdt-200 {
    padding-top:200px
  }

  .pdt-205 {
    padding-top:205px
  }

  .pdt-300 {
    padding-top:300px
  }

  .pdb-160 {
    padding-bottom:160px
  }

  .pdb-170 {
    padding-bottom:170px
  }

  .pdb-180 {
    padding-bottom:180px
  }

  .pdb-185 {
    padding-bottom:185px
  }

  .pdb-200 {
    padding-bottom:200px
  }

  .pdb-210 {
    padding-bottom:210px
  }

  .pdb-235 {
    padding-bottom:235px
  }

  .pdb-300 {
    padding-bottom:300px
  }

  .pdl-0 {
    padding-left:0px
  }

  .pdl-5 {
    padding-left:5px
  }

  .pdl-10 {
    padding-left:10px
  }

  .pdl-15 {
    padding-left:15px
  }

  .pdl-20 {
    padding-left:20px
  }

  .pdl-25 {
    padding-left:25px
  }

  .pdl-30 {
    padding-left:30px
  }

  .pdl-35 {
    padding-left:35px
  }

  .pdl-40 {
    padding-left:40px
  }

  .pdl-45 {
    padding-left:45px
  }

  .pdl-50 {
    padding-left:50px
  }

  .pdl-55 {
    padding-left:55px
  }

  .pdl-60 {
    padding-left:60px
  }

  .pdl-65 {
    padding-left:65px
  }

  .pdl-70 {
    padding-left:70px
  }

  .pdl-75 {
    padding-left:75px
  }

  .pdl-80 {
    padding-left:80px
  }

  .pdl-85 {
    padding-left:85px
  }

  .pdl-90 {
    padding-left:90px
  }

  .pdl-95 {
    padding-left:95px
  }

  .pdl-100 {
    padding-left:100px
  }

  .pdl-105 {
    padding-left:105px
  }

  .pdl-110 {
    padding-left:110px
  }

  .pdl-115 {
    padding-left:115px
  }

  .pdl-120 {
    padding-left:120px
  }

  .pdl-125 {
    padding-left:125px
  }

  .pdl-130 {
    padding-left:130px
  }

  .pdl-135 {
    padding-left:135px
  }

  .pdl-140 {
    padding-left:140px
  }

  .pdl-145 {
    padding-left:145px
  }

  .pdl-150 {
    padding-left:150px
  }

  .f-weight-100 {
    font-weight:100
  }

  .f-weight-200 {
    font-weight:200
  }

  .f-weight-300 {
    font-weight:300
  }

  .f-weight-400 {
    font-weight:400
  }

  .f-weight-500 {
    font-weight:500
  }

  .f-weight-600 {
    font-weight:600
  }

  .f-weight-700 {
    font-weight:700
  }

  .f-weight-800 {
    font-weight:800
  }

  .f-weight-900 {
    font-weight:900
  }

  .vh {
    height:100vh
  }

  .d-flex {
    align-items:center;
    display:flex
  }

  .font-30 {
    font-size:30px
  }

  .font-54 {
    font-size:54px;
    line-height:64px
  }

  .pos-rel {
    position:relative
  }

  .pos-abs {
    position:absolute
  }

  .z-index-1 {
    z-index:1
  }

  .z-index-2 {
    z-index:2
  }

  .z-index--1 {
    z-index:-1
  }

  .border-right-silver2 {
    border-right:1px solid #b7b7b8
  }

  @media (max-width: 991px) {
    .sidebar-right {
      padding-top:50px !important;
      order:1;
      width:100%
    }

    .first-priority {
      order:-1
    }
  }

  [data-overlay-dark], [data-overlay-light], [data-overlay-webex-primary-color], [data-overlay-webex-secondary-color] {
    position:relative
  }

  [data-overlay-dark] .container, [data-overlay-light] .container, [data-overlay-webex-primary-color] .container, [data-overlay-webex-secondary-color] .container {
    position:relative;
    z-index:2
  }

  [data-overlay-dark]:before, [data-overlay-light]:before, [data-overlay-webex-primary-color]:before, [data-overlay-webex-secondary-color]:before, [data-overlay-gradient-color1]:before, [data-overlay-gradient-color2]:before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:0
  }

  [data-overlay-dark]:before {
    background:var(--webex-secondary-color)
  }

  [data-overlay-light]:before {
    background:#fff
  }

  [data-overlay-webex-primary-color]:before {
    background:var(--webex-primary-color)
  }

  [data-overlay-webex-secondary-color]:before {
    background:var(--webex-secondary-color)
  }

  [data-overlay-gradient-color1]:before {
    background:var(--gradient-color1)
  }

  [data-overlay-gradient-color2]:before {
    background:var(--gradient-color2)
  }

  [data-overlay-dark="0"]:before, [data-overlay-light="0"]:before, [data-overlay-webex-primary-color="0"]:before, [data-overlay-webex-secondary-color="0"]:before, [data-overlay-gradient-color1="0"]:before, [data-overlay-gradient-color2="0"]:before {
    opacity:0
  }

  [data-overlay-dark="1"]:before, [data-overlay-light="1"]:before, [data-overlay-webex-primary-color="1"]:before, [data-overlay-webex-secondary-color="1"]:before, [data-overlay-gradient-color1="1"]:before, [data-overlay-gradient-color2="1"]:before {
    opacity:0.1
  }

  [data-overlay-dark="2"]:before, [data-overlay-light="2"]:before, [data-overlay-webex-primary-color="2"]:before, [data-overlay-webex-secondary-color="2"]:before, [data-overlay-gradient-color1="2"]:before, [data-overlay-gradient-color2="2"]:before {
    opacity:0.2
  }

  [data-overlay-dark="3"]:before, [data-overlay-light="3"]:before, [data-overlay-webex-primary-color="3"]:before, [data-overlay-webex-secondary-color="3"]:before, [data-overlay-gradient-color1="3"]:before, [data-overlay-gradient-color2="3"]:before {
    opacity:0.3
  }

  [data-overlay-dark="4"]:before, [data-overlay-light="4"]:before, [data-overlay-webex-primary-color="4"]:before, [data-overlay-webex-secondary-color="4"]:before, [data-overlay-gradient-color1="4"]:before, [data-overlay-gradient-color2="4"]:before {
    opacity:0.4
  }

  [data-overlay-dark="5"]:before, [data-overlay-light="5"]:before, [data-overlay-webex-primary-color="5"]:before, [data-overlay-webex-secondary-color="5"]:before, [data-overlay-gradient-color1="5"]:before, [data-overlay-gradient-color2="5"]:before {
    opacity:0.5
  }

  [data-overlay-dark="6"]:before, [data-overlay-light="6"]:before, [data-overlay-webex-primary-color="6"]:before, [data-overlay-webex-secondary-color="6"]:before, [data-overlay-gradient-color1="6"]:before, [data-overlay-gradient-color2="6"]:before {
    opacity:0.6
  }

  [data-overlay-dark="7"]:before, [data-overlay-light="7"]:before, [data-overlay-webex-primary-color="7"]:before, [data-overlay-webex-secondary-color="7"]:before, [data-overlay-gradient-color1="7"]:before, [data-overlay-gradient-color2="7"]:before {
    opacity:0.7
  }

  [data-overlay-dark="8"]:before, [data-overlay-light="8"]:before, [data-overlay-webex-primary-color="8"]:before, [data-overlay-webex-secondary-color="8"]:before, [data-overlay-gradient-color1="8"]:before, [data-overlay-gradient-color2="8"]:before {
    opacity:0.8
  }

  [data-overlay-dark="9"]:before, [data-overlay-light="9"]:before, [data-overlay-webex-primary-color="9"]:before, [data-overlay-webex-secondary-color="9"]:before, [data-overlay-gradient-color1="9"]:before, [data-overlay-gradient-color2="9"]:before {
    opacity:0.9
  }

  [data-overlay-dark="94"]:before, [data-overlay-light="94"]:before, [data-overlay-webex-primary-color="94"]:before, [data-overlay-webex-secondary-color="94"]:before, [data-overlay-gradient-color1="94"]:before, [data-overlay-gradient-color2="94"]:before {
    opacity:0.94
  }

  [data-overlay-dark="95"]:before, [data-overlay-light="95"]:before, [data-overlay-webex-primary-color="95"]:before, [data-overlay-webex-secondary-color="95"]:before, [data-overlay-gradient-color1="95"]:before, [data-overlay-gradient-color2="95"]:before {
    opacity:0.95
  }

  [data-overlay-dark="96"]:before, [data-overlay-light="96"]:before, [data-overlay-webex-primary-color="96"]:before, [data-overlay-webex-secondary-color="96"]:before, [data-overlay-gradient-color1="96"]:before, [data-overlay-gradient-color2="96"]:before {
    opacity:0.96
  }

  [data-overlay-dark="98"]:before, [data-overlay-light="98"]:before, [data-overlay-webex-primary-color="98"]:before, [data-overlay-webex-secondary-color="98"]:before, [data-overlay-gradient-color1="98"]:before, [data-overlay-gradient-color2="98"]:before {
    opacity:0.98
  }

  [data-overlay-dark="10"]:before, [data-overlay-light="10"]:before, [data-overlay-webex-primary-color="10"]:before, [data-overlay-webex-secondary-color="10"]:before, [data-overlay-gradient-color1="10"]:before, [data-overlay-gradient-color2="10"]:before {
    opacity:1
  }

  .bg-no-repeat {
    background-repeat:no-repeat
  }

  .bg-pos-cc {
    background-position:center center
  }

  .bg-pos-ct {
    background-position:center top
  }

  .bg-pos-cb {
    background-position:center bottom
  }

  .box-shadow {
    box-shadow:6px 6px 25px 0px rgba(0, 0, 0, 0.08)
  }

  .long-gap-left {
    margin-left:370px;
    overflow:hidden
  }

  .f-right {
    float:right
  }

  .f-left {
    float:left
  }

  .text-underline {
    text-decoration:underline
  }

  .display-inline-block {
    display:inline-block
  }

  .bg-white {
    background-color:var(--bg-white)
  }

  .bg-light-pink {
    background-color:var(--bg-light-pink)
  }

  .bg-silver {
    background-color:var(--bg-silver)
  }

  .bg-silver-light {
    background-color:var(--bg-silver-light)
  }

  .bg-silver-light2 {
    background-color:var(--bg-silver-light2)
  }

  .bg-silver-deep {
    background-color:var(--bg-silver-deep)
  }

  .bg-gray {
    background-color:var(--bg-gray)
  }

  .text-white, .text-white:before {
    color:#fff
  }

  .text-fill-white, .text-fill-white:before {
    color:#fff;
    -webkit-text-fill-color:#fff !important
  }

  .text-silver {
    color:var(--text-silver)
  }

  .text-silver-light {
    color:var(--text-silver-light)
  }

  .text-light-gray {
    color:var(--text-light-gray)
  }

  .text-gray {
    color:var(--text-gray)
  }

  .text-gray-light {
    color:var(--text-gray-light)
  }

  .text-dark-light {
    color:var(--text-dark-light)
  }

  .section-white-typo * {
    color:#fff !important
  }

  .border-radius-5px {
    border-radius:5px
  }

  .border-radius-6px {
    border-radius:6px
  }

  .border-radius-7px {
    border-radius:6px
  }

  .border-radius-8px {
    border-radius:7px
  }

  .border-radius-9px {
    border-radius:9px
  }

  .border-radius-10px {
    border-radius:10px
  }

  .border-radius-50-percent {
    border-radius:50%
  }

  .section-bg1 {
    background:url(../images/bg/1.jpg)
  }

  .section-bg2 {
    background:url(../images/bg/2.jpg)
  }

  .section-bg3 {
    background:url(../images/bg/3.jpg)
  }

  .section-bg4 {
    background:url(../images/bg/4.jpg)
  }

  .section-bg5 {
    background:url(../images/bg/5.jpg)
  }

  .abs-bg1 {
    background:url(../images/bg/abs-bg1.png)
  }

  .abs-bg2 {
    background:url(../images/bg/abs-bg2.png)
  }

  .contact-from-bg {
    background:url(../images/bg/contact-form-bg.html)
  }

  [class*="section-bg"] {
    position:relative;
    background-size:cover;
    width:100%;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    overflow:hidden
  }

  .section-title-line {
    position:relative;
    display:inline-block
  }

  .section-title-line:before {
    content:"";
    background:#e41f7a;
    height:3px;
    width:45%;
    position:absolute;
    right:0;
    bottom:5px;
    display:inline-block;
    left:0;
    margin:0 auto
  }

  .section-title-line.line-white:before {
    background:#fff
  }

  .solid-line-bottom {
    position:relative;
    display:inline-block
  }

  .solid-line-bottom:before {
    content:"";
    background:var(--bg-gradient-color);
    height:5px;
    width:15%;
    position:absolute;
    right:0;
    bottom:-20px;
    display:inline-block;
    left:0;
    z-index:-1;
    border-radius:15px
  }

  .element-shadow {
    box-shadow:0px 10px 13px 0px rgba(0, 0, 0, 0.3)
  }

  .element-shadow-long {
    box-shadow:0px 20px 19px 0px rgba(0, 0, 0, 0.14)
  }

  .bg-cover {
    background-size:cover
  }

  .divider-gap {
    padding:10% 16% 9% 12%
  }

  .vertical-align-middle {
    vertical-align:middle
  }

  .half-sec {
    position:relative;
    overflow:hidden
  }

  .half-sec:before {
    content:"";
    background:#fdeeec;
    position:absolute;
    height:95%;
    width:48%;
    left:-240px;
    transform:skew(-30deg, 15deg);
    top:0;
    opacity:0.6
  }

  .intersection-section {
    margin-top:-160px;
    padding-top:240px
  }

  .border-top-bottom {
    border-top:1px solid #eee;
    border-bottom:1px solid #eee
  }

  /*# sourceMappingURL=style.css.map */


  /* --- Core Values Section Styles --- */

/* Use section-gap (110px padding) for spacing */
.core-values-section {
    background-color: var(--bg-white);
}

/* Subtitle for the section title (like "About Our Company" in your image) */
.core-values-subtitle {
    font-size: var(--sub-title-font-size);
    font-weight: var(--sub-title-font-weight);
    color: var(--webex-primary-color); /* Use your primary color */
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
}
.core-values-subtitle::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 30px;
    height: 3px;
    background: var(--webex-primary-color);
}

.core-values-main-title {
    margin-bottom: 25px;
    color: var(--heading-font-color);
}

.core-values-paragraph p {
    margin-bottom: 30px;
}

.core-values-info-container{
  place-content: center;
}

/* Button Styling (Assuming you have a class like btn-primary-style1) */
.btn-primary-style1 {
    display: inline-block;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 8px;
    background-color: var(--webex-primary-color);
    color: var(--text-white);
    transition: all 0.3s ease;
}
.btn-primary-style1:hover {
    background-color: var(--webex-secondary-color); /* Example hover color */
    color: var(--text-white);
}

/* --- Values Grid Styles --- */
/* --- Updated Grid Container Style --- */
.core-values-items-wrapper {
     display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;   /* ✅ content ke hisaab se height */
    gap: 20px;
}

/* Ensure the parent column's height is defined (this often needs to be set on the row/column itself) */
.core-values-section .row {
    align-items: stretch; /* Allows columns to stretch to the height of the tallest content */
}

/* 2. Style for Individual Grid Item */

.core-values-item {
      padding: 30px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: var(--bg-blue-color) 1px solid;
}


.core-values-text {
    margin: 0;
    font-size: 18px;
    font-weight: var(--h5-h6-font-weight);
    color: var(--heading-font-color);
}

.core-values-bolder {
    font-weight: 900;
    /* Optional: Use a color highlight for the bold word */
    color: var(--webex-primary-color); 
}



/* Responsive adjustments for mobile/smaller screens */
@media (max-width: 991px) {
    /* Stack the info column above the values grid on tablets/mobile */
    .core-values-info-container {
        margin-bottom: 40px;
        text-align: center;
    }
    .core-values-subtitle::before {
        /* Re-center the subtitle underline */
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 576px) {
    /* On small phones, switch to a 1-column layout for the values grid */
    .core-values-items-wrapper {
        grid-template-columns: 1fr;
    }
    .core-values-item {
        min-height: 100px;
    }
}

/* --- Counter Section Styles --- */

.counters-section {
    /* Use a background that fits your theme, e.g., a light gray or primary color */
    /* background-color: var(--text-gray);  */
    padding: 80px 0; /* Adjust padding if section-gap (110px 0) is too much */
}

/* Callout text at the top of the section */
.section-top-callout {
    font-size: 32px;
    font-weight: var(--h3-h4-font-weight);
    line-height: 1.4;
    color: var(--heading-font-color);
    margin-bottom: 20px;
}

/* Wrapper for each counter item */
.counter-item-wrapper {
    margin-bottom: 30px; /* Add space between counters on small screens */
}

.counter-container {
    padding: 20px;
    border-radius: 8px;
    /* Optional: Add a subtle background or border for emphasis */
    background-color: var(--bg-white); 
    height: 100%;
}

/* The actual number/statistic */
.counter-number {
    font-size: 60px; /* Make the number big and impactful */
    font-weight: var(--h1-h2-font-weight); /* Use the boldest font weight */
    font-family: var(--heading-font);
    color: var(--webex-primary-color); /* Highlight the numbers with your primary color */
    margin-bottom: 5px;
    line-height: 1.1;
}

/* The description below the number */
.counter-desc {
    font-size: 18px;
    font-weight: 600;
    color: var(--webex-secondary-color);
    margin: 0;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
    /* On mobile, stack items more clearly */
    .counter-item-wrapper {
        /* On small screens, the items will use col-6, so space them out */
        margin-bottom: 30px; 
    }
    
    .section-top-callout {
        font-size: 28px;
    }
    
    .counter-number {
        font-size: 48px;
    }
}

/* --- Technology & Skills Section Styles --- */

.skills-section {
    background-color: var(--bg-white);
}

.section-main-title {
    margin-bottom: 50px;
}

/* Grid Wrapper for the Technology Items */
.skills-grid-wrapper {
    display: grid;
    /* Show 7 columns on large screens to match the source image layout */
    grid-template-columns: repeat(5, 1fr); 
    gap: 15px;
    padding-top: 30px;
}

/* Style for each individual technology box */
.skill-item {
    background-color: var(--bg-white);
    border: 1px solid var(--text-silver); /* Light border color */
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Subtle shadow like the image */
    transition: all 0.3s ease;
}

.skill-item:hover {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
    border-color: var(--webex-primary-color);
}

/* Icon area (top part of the box) */
.skill-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px; /* Space for the logo */
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--text-silver); /* Separator line */
}

.skill-icon img {
    max-height: 100%;
    max-width: 100%;
}

/* Technology Name */
.skill-title {
    font-size: 14px;
    font-weight: var(--h5-h6-font-weight);
    color: var(--body-font-color);
    margin: 0;
    line-height: 1.2;
}


/* Responsive Adjustments */
@media (max-width: 1200px) {
    /* Large Desktops: Reduce to 6 columns */
    .skills-grid-wrapper {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 991px) {
    /* Tablets: Reduce to 4 columns */
    .skills-grid-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 576px) {
    /* Mobile: Reduce to 3 columns */
    .skills-grid-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .skill-icon {
        height: 50px;
    }
    .skill-title {
        font-size: 13px;
    }
}
.it-contact-unique {
  padding: 110px 0;
  background: linear-gradient(135deg, #f8fafc, #eef2ff);
}

.it-text span {
  color: #4f46e5;
  font-weight: 600;
  font-size: 25px;
}

.it-text h2 {
  font-size: 70px;
  font-weight: 800;
  margin: 10px 0 15px;
}

.it-text p {
  color: #64748b;
  max-width: 480px;
}

/* Glass Card */
.glass-form {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(12px);
  border-radius: 18px;
  padding: 40px;
  box-shadow: 0 30px 60px rgba(0,0,0,0.08);
  border: 1px solid rgba(255,255,255,0.4);
}

.glass-form h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
}

/* Input Group */
/* FIXED INPUT GROUP */
.input-group {
  display: flex;
  align-items: center; /* vertical center */
  gap: 10px;
  flex-wrap: unset;
  background: #ffffff;
  border-radius: 14px;
  padding: 0 18px;
  height: 60px;
  margin-bottom: 20px;
  border: 1px solid #e5e7eb;
  transition: 0.3s ease;
}

/* ICON FIX */
.input-group .icon {
  font-size: 20px;
  color: #6366f1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* INPUT / SELECT FIX */
.input-group input,
.input-group select {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  font-size: 16px; /* BIGGER FONT */
  font-weight: 500;
  color: #111827;
  background: transparent;
}

/* PLACEHOLDER FIX */
.input-group input::placeholder,
.input-group textarea::placeholder {
  font-size: 15px;
  color: #6b7280;
}

/* TEXTAREA GROUP */
.input-group.textarea {
  height: auto;
  align-items: flex-start;
  padding-top: 14px;
}

.input-group textarea {
  border: none;
  outline: none;
  width: 100%;
  font-size: 16px;
  min-height: 120px;
  resize: none;
  background: transparent;
}

/* FOCUS EFFECT */
.input-group:focus-within {
  border-color: #6366f1;
  box-shadow: 0 0 0 4px rgba(99,102,241,0.15);
}

/* SELECT FIX */
.input-group select {
  appearance: none;
  cursor: pointer;
}
.input-group .nice-select{
      width: 100%;
    border: unset;
    /* gap: 0; */
    /* margin: 0; */
    padding: 0;
}
.input-group:focus-within {
  border-color: #6366f1;
  box-shadow: 0 0 0 3px rgba(99,102,241,0.15);
}

/* Button */
.submit-btn {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, #4f46e5, #6366f1);
  color: #fff;
  border: none;
  font-weight: 600;
  margin-top: 10px;
  transition: 0.3s;
}

.submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(79,70,229,0.4);
}